메타 태그 생성기
제목, 설명, 정식 URL, 이미지, 사이트 이름으로 페이지의 SEO·Open Graph·트위터 카드 메타 태그를 생성합니다.
메타 태그 생성기 — 페이지 제목, 설명, 정식 URL, 이미지, 사이트 이름을 채우면 HTML head에 바로 붙여 넣을 수 있는 SEO·Open Graph·트위터 카드 메타 태그 블록이 만들어집니다. 실시간 구글 검색 결과 미리보기와 소셜 카드 미리보기로 검색 시와 공유 시에 어떻게 보일지 확인할 수 있습니다. 모든 작업은 브라우저 안에서 이루어지며, 페이지에 관한 정보는 아무것도 업로드되지 않습니다.
메타 태그 생성기란?
메타 태그 생성기는 몇 가지 페이지 정보를 완전한 HTML 메타 태그 세트로 바꿔 주는 무료 온라인 도구입니다. 표준 SEO 태그(title, meta description, canonical 링크), Open Graph 태그(og:title, og:description, og:type, og:url, og:image, og:site_name), 트위터 카드 태그(twitter:card, twitter:title, twitter:description, twitter:image)를 만들어 줍니다. 마케터, 블로거, 개발자가 페이지나 글을 공개할 때 구글 검색 결과에서의 노출 방식과, Facebook·LinkedIn·X/Twitter·Slack·Discord에서 링크가 펼쳐지는 모습을 제어하려고 사용합니다. og:type(website, article, product, profile, video.other)와 twitter:card 스타일(summary, summary_large_image, app, player)을 고르면, 입력한 필드에 해당하는 줄만 출력됩니다. 순수한 HTML 태그만 출력하며, 사이트를 크롤링하거나 페이지를 대신 읽지 않습니다.
메타 태그 생성기 사용법
- 페이지 제목을 입력합니다 — <title>, og:title, twitter:title 태그가 됩니다.
- 메타 설명(약 150~160자)을 작성합니다 — description, og:description, twitter:description 태그에 쓰입니다.
- 페이지의 정식 URL과, 링크 미리보기에 쓸 절대 경로 이미지 URL을 입력합니다.
- 사이트 이름을 추가하고 드롭다운에서 og:type과 twitter:card를 선택합니다.
- 출력 상자의 HTML 블록을 복사해 페이지의 <head>에 붙여 넣습니다.
- 공개 전에 구글 검색 결과 미리보기와 소셜 카드 미리보기로 결과를 점검합니다.
예시
블로그 글 태그
입력
제목: 사워도우 굽는 법 설명: 집에서 사워도우 빵을 굽는 초보자용 안내. URL: https://blog.example.com/sourdough og:type: article
출력
<title>사워도우 굽는 법</title> <meta name="description" content="집에서 사워도우 빵을 굽는 초보자용 안내." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="사워도우 굽는 법" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
큰 이미지 소셜 카드
입력
이미지: https://example.com/og.png twitter:card: summary_large_image
출력
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
특수 문자는 이스케이프됩니다
입력
제목: Tips & Tricks for "Pros"
출력
<title>Tips & Tricks for "Pros"</title>
자주 묻는 질문
- 이 도구는 어떤 메타 태그를 생성하나요?
- 표준 SEO 태그(<title>, meta description, canonical 링크), Open Graph 태그(og:title, og:description, og:type, og:url, og:image, og:site_name), 트위터 카드 태그(twitter:card, twitter:title, twitter:description, twitter:image)를 만듭니다. 입력한 필드에 해당하는 줄만 포함되므로 빈 자리표시 태그가 생기지 않습니다.
- og:type과 twitter:card의 차이는 무엇인가요?
- og:type은 페이지가 어떤 종류의 객체인지(website, article, product, profile, video.other)를 플랫폼에 알려 주며 링크가 펼쳐지는 방식에 영향을 줍니다. twitter:card는 X/Twitter에서의 레이아웃을 정합니다. summary는 작은 썸네일, summary_large_image는 큰 배너 이미지를 보여 주고, app과 player는 앱과 미디어용입니다. 콘텐츠에 맞는 조합을 고르세요.
- 이미지 URL은 절대 경로여야 하나요?
- 네. og:image와 twitter:image는 https://로 시작하는 완전한 절대 URL이어야 합니다. 스크래퍼가 사이트 외부에서 가져오기 때문에 /og.png 같은 상대 경로는 로드되지 않습니다. 큰 카드에는 1200×630 이미지를 쓰면 가장 좋습니다.
- 이 도구가 제 실제 페이지를 크롤링하거나 읽나요?
- 아니요. 입력한 값을 HTML 메타 태그로 형식화할 뿐입니다. 어떤 URL도 가져오거나 크롤링·분석하지 않으며, 정식 URL과 이미지 URL은 방문 없이 태그에 그대로 적힙니다.
- 제 데이터가 서버로 전송되나요?
- 아니요. 태그는 전적으로 브라우저 안에서 JavaScript로 생성됩니다. 공개 전 제목·URL·설명을 포함해 입력한 어떤 것도 업로드·저장·전송되지 않으므로, 비공개나 출시 전 페이지에서도 안전하게 쓸 수 있습니다.