메타 태그 검사기는 무엇을 하나요?
메타 태그는 페이지의 <head> 안에 있으며, 검색 엔진과 소셜 네트워크에 페이지가 어떤 내용인지 알려 줍니다. Google에 표시되는 제목과 그 아래의 설명, 페이지의 색인 허용 여부, 어떤 URL이 원본인지, 그리고 누군가 링크를 공유할 때 쓰이는 이미지와 텍스트가 모두 메타 태그로 정해집니다.
이 검사기는 크롤러와 같은 방식으로 페이지를 가져와 이 태그들을 하나하나 읽고, 결과를 세 가지 방식으로 보여 줍니다. 수정 방법이 포함된 문제 목록, Google 검색 결과와 Facebook·X 카드 미리보기, 그리고 발견된 모든 태그를 정리한 표입니다.

메타 태그 확인 방법
https://example.com/blog/post처럼 페이지의 전체 주소를 붙여 넣습니다. 페이지마다 태그가 따로 있으므로 가장 중요한 페이지부터 확인하세요.
오류는 페이지가 제대로 표시되지 못하게 하고, 경고는 클릭을 놓치게 하며, 참고 사항은 알아 두면 좋은 내용입니다. 항목마다 해당 태그와 바꿔야 할 내용을 알려 줍니다.
Google 미리보기는 Google이 보통 자르는 위치에서 제목과 설명을 자릅니다. 소셜 카드에는 Facebook, LinkedIn, X가 사용할 것과 같은 이미지와 텍스트가 쓰입니다.
CMS나 템플릿에서 태그를 수정한 뒤 다시 검사하세요. 소셜 네트워크는 예전 카드를 캐시하므로 각 네트워크의 디버그 도구에서도 새로 고쳐야 합니다.
Advertisement
SEO에 중요한 메타 태그
<title>은 보통 Google 검색 결과의 파란색 제목이 됩니다. 페이지마다 고유하게 작성하고, 주요 키워드를 앞에 두며, 50–60자 정도로 유지하세요.
순위 요소는 아니지만 제목 아래에 표시되는 스니펫으로 자주 쓰입니다. 사람들이 클릭하고 싶어지도록 120–160자로 작성하세요.
noindex는 페이지를 검색 결과에서 제외합니다. X-Robots-Tag HTTP 헤더로도 지정할 수 있으며, 이 검사기는 이 헤더도 함께 읽습니다.
<link rel="canonical">은 여러 URL이 같은 콘텐츠를 보여 줄 때 원본 URL을 지정합니다. 페이지마다 절대 URL 하나를 사용하세요.
<meta name="viewport">는 페이지가 휴대폰 화면에 맞게 표시되도록 합니다. Google은 모바일 버전을 먼저 색인하므로 모든 페이지에 필요합니다.
<html lang="en">은 브라우저와 검색 엔진에 페이지의 언어를 알려 주고, 스크린 리더가 올바르게 발음하도록 돕습니다.
Open Graph와 X 카드 태그
누군가 Facebook, LinkedIn, WhatsApp, Slack, Discord에서 링크를 공유하면 미리보기는 Open Graph 태그로 만들어집니다. X는 자체 twitter: 태그를 읽고, 제목·설명·이미지는 Open Graph 태그로 대체합니다. 이런 태그가 없으면 플랫폼이 내용을 추측하는데, 엉뚱한 이미지가 표시되거나 이미지가 아예 없는 경우가 많습니다.
이미지는 1200×630 픽셀(1.91:1 비율) 크기로, https://로 시작하는 절대 URL을 사용하세요. 검사기는 이미지의 앞부분을 내려받아 실제 크기를 보고하고, 깨졌거나 너무 작거나 비율이 맞지 않는 이미지를 표시합니다.
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">Advertisement
title과 메타 설명은 얼마나 길어야 하나요?
Google은 글자 수를 세지 않습니다. 제목은 약 600픽셀, 설명은 약 두 줄에서 자르고 말줄임표를 붙입니다. 실제로는 데스크톱 기준 제목은 약 50–60자, 설명은 최대 약 160자이며, 모바일에서는 이보다 짧습니다.
Google은 다른 텍스트가 검색어와 더 잘 맞는다고 판단하면 제목과 설명을 다시 작성하기도 합니다. 페이지의 H1과 일치하는 명확하고 정확한 제목이 원래 제목을 유지하는 가장 좋은 방법입니다.
흔한 메타 태그 실수
모든 페이지에 같은 제목. 각 페이지에는 사이트 이름만이 아니라 그 페이지를 설명하는 고유한 제목이 있어야 합니다.
남아 있는 `noindex`. 스테이징 사이트가
noindex를 그대로 둔 채 배포되는 경우가 많으며, 그러면 사이트 전체가 Google에서 빠집니다.잘못된 페이지를 가리키는 canonical. 홈페이지나 http 버전을 가리키면 지금 확인하는 페이지를 무시하라고 Google에 알리는 셈입니다.
상대 경로로 쓴 `og:image`. 소셜 네트워크에는
https://로 시작하는 전체 URL이 필요하며,/images/og.png는 로드되지 않습니다.너무 작은 이미지. 600×315 픽셀보다 작으면 Facebook은 큰 카드 대신 작은 썸네일을 표시합니다.
자기 참조나 상호 링크가 없는 hreflang. 모든 언어 버전은 자기 자신과 다른 모든 버전을 나열해야 하며, 그렇지 않으면 Google이 해당 세트를 무시할 수 있습니다.
meta keywords에 의존하기. Google은 2009년부터 keywords 태그를 무시합니다. 해가 되지는 않지만 아무 효과도 없습니다.
Advertisement
hreflang 태그 확인하기
여러 언어로 운영하는 사이트는 <link rel="alternate" hreflang="…">로 Google에 각 언어 버전을 알려 줍니다. 검사기는 발견한 모든 hreflang 링크를 나열하고 세 가지를 확인합니다. 각 코드가 en, de-AT, pt-BR 같은 유효한 언어(및 선택적 지역) 코드인지, 페이지가 자기 자신을 나열하는지, x-default 대체 버전이 있는지입니다.
링크가 상호 연결되어 있는지 확인하려면 각 언어 버전을 차례로 검사하세요. 모든 버전이 같은 URL 세트를 나열해야 합니다.