메타 태그 생성기

이 도구가 하는 일

메타 태그 생성기는 HTML 페이지의 <head>에 들어가는 태그를 만듭니다. <title>, meta description, 키워드와 작성자, robots 지시어, canonical 링크, 테마 색상, viewport와 문자 집합 선언, Open Graph 태그 전체(og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale), 그리고 X / 트위터 카드 태그입니다.

입력하는 동안 검색 결과와 소셜 카드에서 페이지가 어떻게 보일지 미리 보여 주고, 자주 틀리는 부분을 확인합니다. 약 60자를 넘는 제목, 없거나 너무 짧거나 약 160자를 넘는 설명, 상대 경로인 표준 URL, 전체 URL이 아닌 공유 이미지, 잘못된 로케일이나 색상 형식 등입니다. 모든 처리는 브라우저에서 이루어지며, 미리보기는 일부러 이미지를 불러오지 않아 이 페이지는 네트워크 요청을 보내지 않습니다.

사용 방법

1. 페이지 정보를 입력합니다. 제목과 설명이 핵심이며, 카운터가 일반적인 표시 한도 대비 길이를 보여 줍니다. 예제를 클릭하면 완성된 예를 볼 수 있습니다.
2. 페이지의 표준 URL과 공유 이미지를 입력합니다. /images/cover.jpg 같은 상대 경로는 표준 URL을 기준으로 해석됩니다.
3. 옵션에서 Open Graph 유형(대부분의 페이지는 website, 블로그 글은 article), 카드 크기, 검색 엔진의 색인과 링크 추적 허용 여부, 포함할 태그 그룹을 고릅니다.
4. HTML 아래의 경고와 미리보기를 확인한 뒤 HTML을 페이지 템플릿에 복사합니다.

옵션은 페이지 주소에, 양식 내용은 브라우저에 저장되므로 나중에 이어서 편집하거나 같은 설정의 링크를 공유할 수 있습니다.

예시

예제 페이지는 다음과 같은 태그를 생성합니다(일부 생략).

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Bread for Beginners — Step-by-Step Guide</title>
<meta name="description" content="Bake your first sourdough loaf at home: …">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/recipes/sourdough-for-beginners">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Sourdough Bread for Beginners — Step-by-Step Guide">
<meta property="og:image" content="https://example.com/images/sourdough-loaf.jpg">
<meta property="og:locale" content="en_US">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplekitchen">

값은 HTML 이스케이프되므로 제목의 따옴표나 &가 마크업을 깨뜨리지 않으며, 로케일 en-US는 Open Graph가 요구하는 en_US 형식으로 정규화됩니다.

팁

• 페이지마다 고유한 제목과 설명을 쓰세요. 사이트 전체에서 중복되면 검색 결과를 구분하기 어렵습니다.
• 긴 제목은 끝부분이 잘리므로 중요한 단어를 앞에 두세요.
• 표준 URL은 프로토콜과 www 여부까지 포함해 색인되기를 원하는 정확한 주소여야 합니다.
• robots를 noindex로 하면 검색 결과에서 빠지지만, 크롤러가 페이지를 가져올 수 있어야 합니다. robots.txt에서 동시에 차단하지 마세요.