Google에서 인식하는 메타 태그
Google은 페이지 수준 메타 태그와 인라인 명령어를 모두 지원하여 사이트 페이지가 Google 검색결과에 표시되는 방식을 제어하도록 도와줍니다.
페이지 수준 메타 태그는 웹사이트 소유자가 자신의 사이트에 관한 정보를 검색엔진에 제공하는 데 유용하게 사용할 수 있는 방법으로, 모든 유형의 클라이언트에 정보를 제공하는 데 사용할 수 있습니다. 각 시스템은 이해할 수 있는 메타 태그만 처리하며 그 외는 무시합니다.
메타 태그는 HTML 페이지의 <head> 섹션에 추가되며 형식은 일반적으로 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Description" CONTENT="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages">
<meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/>
<title>Example Books - high-quality used books for children</title>
<meta name="robots" content="noindex,nofollow">
</head>
</html>
Google에서 인식할 수 있는 메타 태그는 다음과 같습니다.
| Google에서 인식하는 메타 태그 | |
|---|---|
<meta name="description" content="A description of the page" /> |
이 태그를 사용하여 간단한 페이지 설명을 제공하세요. 페이지 설명은 검색결과에 표시되는 스니펫에 사용되기도 합니다. |
<meta name="robots" content="..., ..." /> |
이 메타 태그는 검색엔진의 크롤링 및 색인 생성 동작을 제어합니다.
기본값은 'X-Robots-Tag' HTTP 헤더 명령어를 사용하여 페이지 헤더에 이 정보를 지정할 수도 있습니다. 이 방법은 그래픽 또는 다른 종류의 문서와 같이 HTML이 아닌 파일의 색인 생성을 제한하고 싶을 때 특히 유용합니다. robots 메타 태그 자세히 알아보기 |
<meta name="google" content="nositelinkssearchbox" /> |
사용자가 내 사이트를 검색할 때 Google 검색결과에 내 사이트에 대한 직접 링크와 함께 내 사이트 전용 검색창이 표시되는 경우도 있습니다. 이 태그를 사용하여 Google에서 사이트링크 검색창을 표시하지 않도록 할 수 있습니다. 사이트링크 검색창에 관해 자세히 알아보세요. |
<meta name="googlebot" content="notranslate" /> |
Google에서 페이지 콘텐츠가 사용자의 선호 언어로 작성되지 않았다고 판단하는 경우 검색결과에 번역된 제목 링크와 스니펫을 제공할 수도 있습니다. 사용자가 번역된 제목 링크를 클릭하면 이후 사용자와 페이지 간의 모든 상호작용은 Google 번역을 통해 이루어지고, 이후 이동하는 모든 링크가 자동으로 번역됩니다. 번역 링크를 통해 보다 많은 사용자에게 독특하고 매력적인 콘텐츠를 제공할 수 있습니다. 그러나 번역 링크를 원하지 않을 경우에는 이 메타 태그를 사용하여 Google에서 페이지 번역을 제공하지 않도록 할 수 있습니다. |
<meta name="google" content="nopagereadaloud" /> |
다양한 Google TTS(텍스트 음성 변환) 서비스에서 TTS(텍스트 음성 변환)를 사용하여 웹페이지를 소리 내어 읽는 것을 방지합니다. |
<meta name="google-site-verification" content="..." /> |
사이트의 최상위 페이지에서 이 태그를 사용하여 Search Console에 필요한 사이트 소유권을 확인할 수 있습니다. name 및 content 속성의 값이 사용자에게 제공된 값과 정확하게 일치해야 하지만(대소문자 포함), XHTML에서 HTML로 태그를 변경하거나 태그의 형식이 페이지 형식과 일치하는지 여부는 상관없습니다. |
<meta http-equiv="Content-Type" content="...; charset=..." /><meta charset="..." > |
페이지의 콘텐츠 유형과 문자 집합을 정의하는 태그입니다. 콘텐츠 속성 값의 양쪽에 따옴표를 붙여야 합니다. 그러지 않으면 문자 집합 속성이 잘못 해석될 수도 있습니다. 가능한 경우 Unicode/UTF-8을 사용하는 것이 좋습니다. 추가 정보 |
<meta http-equiv="refresh" content="...;url=..." /> |
일정 시간 후에 사용자를 새 URL로 보내는 태그로, 간단한 리디렉션 방법으로 사용되기도 합니다. 그러나 모든 브라우저에서 지원되지는 않기 때문에 사용자에게 혼란을 초래할 수 있습니다. W3C에서는 이 태그의 사용을 권장하지 않습니다. Google에서는 대신 서버 측 301 리디렉션을 사용할 것을 권장합니다. |
<meta name="viewport" content="..."> |
휴대기기에서 페이지를 렌더링하는 방법을 브라우저에 알리는 태그입니다. 이 태그를 사용하면 페이지가 모바일 친화적이라는 사실을 Google에 알릴 수 있습니다. viewport 메타 태그를 설정하는 방법에 관해 자세히 알아보세요. |
|
|
성인용 콘텐츠가 포함된 페이지라는 라벨을 지정하여 세이프서치 검색결과에서 필터링되도록 합니다. 세이프서치 페이지 라벨 지정에 관해 자세히 알아보기 |
기타 주의사항
- Google은 페이지에 사용된 코드와 관계없이 HTML 및 XHTML 형식 메타 태그를 모두 읽을 수 있습니다.
google-site-verification의 경우를 제외하면 메타 태그에서 대소문자는 보통 중요하지 않습니다.- 위 목록에 나온 메타 태그만 사용할 수 있는 것은 아닙니다. 사이트에 필요한 경우 다른 메타 태그를 사용할 수 있지만 Google 시스템에서 이해할 수 없는 메타 태그는 무시됩니다.
인라인 지시어
페이지 수준 메타 태그와는 별개로 HTML 페이지의 일부를 스니펫에서 제외할 수 있습니다.
data-nosnippet HTML 속성을 지원되는 HTML 태그 중 하나에 추가하면 됩니다.
-
span -
div -
section
예:
<p> This text can be included in a snippet <span data-nosnippet>and this part would not be shown</span>. </p>
자동 인식 정확도를 높이려면 섹션이 유효한 HTML이어야 하며 모든 태그가 제대로 닫혀 있어야 합니다.