메타 태그는 검색 엔진과 소셜 네트워크가 페이지 본문 대신 읽는 head 섹션의 몇 줄입니다. 제목과 설명은 Google 스니펫을 만들고, Open Graph와 Twitter Card 태그는 링크가 공유될 때 보이는 이미지, 헤드라인, 본문을 정합니다. 이 생성기는 하나의 양식으로 모두 작성하고 실제 모습 그대로 결과를 보여 줍니다.

단계

1. 1 페이지 제목과 설명을 입력하세요. 카운터는 검색 결과에 보통 들어가는 길이 — 약 60자와 160자 — 를 보여 줍니다.
2. 2 표준 URL, 사이트 이름, 1200×630 이미지를 추가하세요. 콘텐츠 유형, 로캘, 카드 레이아웃을 선택하면 세 미리보기가 입력과 함께 갱신됩니다.
3. 3 생성된 태그를 복사해 페이지의 head 섹션에 붙여 넣고, 기존 제목과 설명 태그는 교체하세요.

제목과 설명

title 태그는 검색 결과의 파란 헤드라인이자 브라우저 탭 이름입니다. 약 60자 이내로 유지하고 특징적인 단어를 앞에 두세요. Google은 픽셀 너비로 자르므로 넓은 글자가 공간을 더 빨리 차지합니다. 설명은 순위 요소는 아니지만 검색 결과 속 광고입니다. 페이지가 무엇을 제공하고 왜 클릭해야 하는지를 150–160자로 담으세요. Google은 더 잘 맞는다고 판단하면 페이지 본문의 문장으로 대체할 수 있습니다.

Open Graph

Facebook, LinkedIn, WhatsApp, Slack 및 대부분의 채팅 앱은 og:title, og:description, og:image, og:url을 읽어 링크 미리보기를 만듭니다. 이미지는 1200×630픽셀(1.91:1), 8 MB 미만이어야 하며 절대 URL로 지정합니다. og:type은 대부분의 페이지에서 website, 글에서는 article입니다. og:site_name은 일부 네트워크에서 헤드라인 위에 표시됩니다. 이 태그들이 없으면 공유 시 페이지의 임의 이미지가 나오거나 이미지가 전혀 없을 수 있습니다.

Twitter Cards

X는 자체 태그를 쓰지만 없는 항목은 Open Graph로 대체하므로, 주로 필요한 것은 레이아웃을 정하는 twitter:card — 전체 폭 이미지는 summary_large_image, 작은 정사각 썸네일은 summary — 와 표시할 계정인 twitter:site입니다. 제목, 설명, 이미지는 twitter: 세트만 읽는 네트워크를 위해 여기서 반복됩니다.

표준 URL과 robots

canonical 링크는 같은 콘텐츠가 여러 URL(매개변수 유무, http와 https, 끝 슬래시)로 접근될 때 어느 주소가 원본인지 검색 엔진에 알려 줍니다. 항상 완전한 절대 URL을 사용하세요. robots 태그는 보통 필요 없으며 — index, follow가 기본값 — noindex로 페이지를 검색 결과에서 제외할 때만 추가할 가치가 있습니다.