무료 SEO 도구

메타 태그 검사기

브라우저가 받는 그대로 한 페이지의 head 태그를 보여 드립니다. title, 메타 설명, canonical, robots 규칙, Open Graph, Twitter 카드입니다. 미리보기로 검색 결과에서, 그리고 누군가 링크를 공유할 때 페이지가 어떻게 보일 수 있는지 확인할 수 있습니다.

무료입니다. 입력한 주소를 약 20초 만에 점검합니다.

이 도구가 점검하는 항목

  • 글자 수와 함께 보는 title과 설명

    title 요소의 텍스트와 메타 설명을 각각 글자 수와 함께 보여 드리므로, 어느 것이 없거나 비어 있거나 긴지 한눈에 알 수 있습니다.

  • canonical URL

    rel=canonical 주소와 그 주소가 페이지 자신, 같은 사이트의 다른 페이지, 다른 사이트 중 어디를 가리키는지 보여 드립니다.

  • 두 곳의 robots 규칙

    meta robots 태그와 X-Robots-Tag HTTP 헤더입니다. 어느 쪽이든 noindex가 있으면 페이지가 Google에 노출되지 않으며, 헤더는 HTML에 나타나지 않아 놓치기 쉽습니다.

  • viewport와 언어

    viewport 메타 태그와 html 요소의 lang 속성입니다.

  • Open Graph와 Twitter 카드

    og:title, og:description, og:image, og:type, og:url과 함께, 카드 유형과 내용을 정하는 twitter: 태그입니다.

  • hreflang 대체 버전

    페이지에 rel=alternate hreflang이 있다면, 그 태그로 나열한 언어별, 지역별 버전입니다.

  • 검색 및 공유 미리보기

    title과 설명이 검색 결과에서 어떻게 보일 수 있는지, 링크가 공유될 때 어떤 모습일 수 있는지를 근사치로 보여 드립니다.

점검할 수 없는 항목

  • Google이 실제로 보여 줄 정확한 제목과 스니펫은 예측할 수 없습니다. Google은 검색어에 따라 제목을 바꾸거나 페이지에서 스니펫 텍스트를 고를 수 있습니다.
  • 각 소셜 네트워크가 링크를 어떻게 표시할지는 보여 드릴 수 없습니다. 네트워크마다 고유한 레이아웃을 쓰고 미리보기를 캐시하므로, 태그를 고쳐도 반영되기까지 시간이 걸릴 수 있습니다.
  • 여러 페이지의 태그를 비교할 수 없습니다. 입력한 주소 하나만 읽으며, 주요 페이지 사이의 중복 제목은 SEO 진단 도구에서 확인합니다.
  • hreflang에 나열된 다른 언어 버전이 이 페이지로 다시 링크하는지는 확인할 수 없습니다.
  • title과 설명이 잘 작성되었는지, 페이지가 제공하는 내용과 맞는지는 판단할 수 없습니다.

중요한 이유

head 태그는 사람이 무언가를 보기 전에 기계가 읽는 지시와 요약입니다. title은 대개 검색 결과의 헤드라인이자 브라우저 탭의 이름이 되고, 메타 설명은 흔히 그 아래의 스니펫으로 쓰입니다. robots 값이나 canonical 하나만 잘못되어도 페이지가 조용히 검색에서 빠질 수 있으며, 페이지 자체에는 아무런 징후도 나타나지 않습니다.

공유 미리보기도 같은 방식으로 작동합니다. 누군가 메신저나 소셜 미디어에 링크를 올리면 카드는 og:title, og:description, og:image로 만들어집니다. 이 태그가 없으면 네트워크가 추측해서 채우는데, 엉뚱한 이미지나 어색한 발췌문이 나오거나 이미지가 아예 없는 경우가 많습니다.

결과 해석 방법

title과 글자 수
긴 title은 오류가 아니지만, Google은 화면에 맞춰 제목 링크를 줄입니다. 약 60자를 넘으면 끝부분이 잘릴 수 있으므로 중요한 단어를 앞에 두십시오.
메타 설명과 글자 수
약 160자를 넘으면 스니펫이 줄어들 가능성이 큽니다. 설명이 없으면 Google이 페이지 텍스트로 스니펫을 만듭니다.
canonical: 이 페이지
페이지가 자기 주소를 기본 주소로 지정합니다. 일반적이고 올바른 설정입니다.
canonical: 다른 페이지
페이지가 검색 엔진에 대신 다른 주소를 색인하도록 요청합니다. 필터나 추적 매개변수가 붙은 URL 같은 중복 페이지에는 맞는 설정이지만, 이 페이지 자체가 검색에 나와야 한다면 잘못된 설정입니다.
canonical: 다른 사이트
기본 버전이 다른 도메인에 있습니다. 다른 곳에 있는 콘텐츠를 다시 게시하는 경우에만 의도된 설정입니다.
meta robots와 X-Robots-Tag
noindex는 페이지를 검색 결과에서 제외하고, nofollow는 크롤러에 페이지의 링크를 따라가지 말라고 요청합니다. 값이 없으면 기본값인 index와 follow가 적용됩니다.
viewport와 lang
viewport는 width=device-width, initial-scale=1이어야 합니다. lang은 en이나 en-GB처럼 페이지의 언어와 일치해야 합니다.
Open Graph와 Twitter 태그
가장 눈에 띄는 누락은 og:image입니다. 이 태그가 없으면 공유된 링크가 이미지 없이 표시됩니다. og:url은 canonical 주소와 일치해야 합니다.
hreflang
각 대체 버전은 전체 URL이어야 하며, 목록에는 이 페이지 자신도 포함되어야 합니다. 제공하지 않는 언어를 쓰는 방문자를 위해 x-default 항목을 추가하십시오.

흔한 문제를 해결하는 방법

  • 표시된 title이 직접 작성한 것과 다를 때

    여기에 나온 title이 CMS에 입력한 것과 다르다면 테마 템플릿, SEO 플러그인, 앱이 덮어쓰고 있는 것입니다. 테마에서 title 요소를 찾아 중복된 출처를 제거해, 한 곳의 설정만 title을 제어하게 하십시오.

  • 링크를 공유할 때 이미지가 나오지 않을 때

    큰 가로형 이미지(1200 × 630 픽셀이 흔히 쓰는 크기입니다)를 가리키는 절대 https URL로 og:image를 추가하고, og:title과 og:description도 함께 추가하십시오. Shopify에서는 온라인 스토어 › 환경 설정(Online Store › Preferences)에서 소셜 공유 이미지를 설정하고, WordPress에서는 대부분의 SEO 플러그인이 페이지마다 소셜 탭을 제공합니다.

  • X-Robots-Tag 헤더의 noindex

    헤더는 페이지가 아니라 서버, CDN, 호스팅에서 옵니다. .htaccess, Nginx나 CDN 규칙, 호스팅 관리 화면의 스테이징 옵션에서 X-Robots-Tag를 찾아, 색인되어야 할 페이지에서는 제거하십시오.

  • 잘못된 주소를 가리키는 canonical

    흔한 원인은 고정된 URL을 출력하는 템플릿이나, http와 https 또는 www와 비www 주소가 섞여 있는 경우입니다. 색인되기를 원하는 정확한 형태로, 페이지 자신의 절대 https 주소를 사용하십시오.

  • 태그를 고친 뒤에도 예전 미리보기가 보일 때

    네트워크는 링크 미리보기를 캐시합니다. Facebook의 Sharing Debugger나 LinkedIn의 Post Inspector처럼 각 네트워크의 도구로 페이지를 다시 가져오도록 요청하거나, 캐시가 만료될 때까지 기다리십시오.

이 도구에 관한 질문

Google이 title 태그와 다른 제목을 보여 주는 이유는 무엇인가요?

Google은 title 요소, 주 헤딩, og:title, 페이지를 가리키는 링크 텍스트 등 여러 출처로 제목 링크를 만듭니다. title이 너무 길거나, 여러 페이지에서 반복되거나, 콘텐츠와 맞지 않으면 다른 출처를 쓸 수 있습니다.

메타 설명은 얼마나 길어야 하나요?

Google은 길이 제한을 두지 않으며, 기기에 맞춰 스니펫을 줄입니다. 이 도구는 160자를 넘는 설명을 잘릴 가능성이 있다고 표시합니다. 길이와 관계없이 핵심 메시지를 앞에 두십시오.

meta robots와 X-Robots-Tag는 무엇이 다른가요?

두 가지는 같은 규칙을 받습니다. meta 태그는 페이지의 HTML 안에 있고, X-Robots-Tag는 PDF와 이미지에도 쓸 수 있는 HTTP 헤더입니다. 둘이 충돌하면 Google은 더 제한적인 규칙을 적용합니다.

Open Graph 태그가 검색 순위에 도움이 되나요?

Google은 Open Graph를 순위 신호로 설명하지 않습니다. 이 태그는 링크가 공유될 때의 모습을 정합니다. Google이 og:title을 제목 링크의 출처 중 하나로 쓸 수는 있습니다.

JavaScript로 추가한 태그도 확인하나요?

예. 스크립트가 실행된 뒤 브라우저에서 페이지를 읽습니다. 다만 많은 링크 미리보기 크롤러는 서버가 보내는 HTML만 읽으므로, 안전하게 Open Graph 태그는 서버에서 렌더링되는 HTML에 넣어 두십시오.

출처

관련 도구

SEO 수정 리포트($69, 1회 결제)는 전체 무료 스캔을 바탕으로 더 많은 페이지, 모든 발견 사항에 대한 변경 사항, PDF, 수정 결과를 검증하는 재테스트를 제공합니다.

SEO 수정 리포트 소개