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="google" content="notranslate" /> |
Google에서 페이지 콘텐츠가 사용자의 선호 언어로 작성되지 않았다고 판단하는 경우 검색결과에 번역 링크를 제공합니다. 번역 링크를 통해 보다 많은 사용자에게 독특하고 매력적인 콘텐츠를 제공할 수 있습니다. 그러나 번역 링크를 원하지 않을 경우에는 이 메타 태그를 사용하여 Google에서 페이지 번역을 제공하지 않도록 할 수 있습니다. |
<meta name="google" content="nopagereadaloud" /> |
Google 어시스턴트 음성 명령 '페이지 읽기' 및 '읽기'를 사용해도 웹브라우저에서 태그된 페이지를 소리 내어 읽지 못하도록 합니다. |
<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 meta 태그를 설정하는 방법 자세히 알아보기 |
|
성인용 콘텐츠가 포함된 페이지라는 라벨을 지정하여 세이프서치 검색결과에서 필터링되도록 합니다. 세이프서치 페이지 라벨 지정에 관해 자세히 알아보기 |
기타 주의사항
- Google은 페이지에 사용된 코드와 관계없이 HTML 및 XHTML 형식 메타 태그를 모두 읽을 수 있습니다.
google-site-verification
의 경우를 제외하면 메타 태그에서 대소문자는 보통 중요하지 않습니다.- 위 목록에 나온 메타 태그만 사용할 수 있는 것은 아니므로 사이트에 필요하다면 다른 메타 태그도 얼마든지 사용할 수 있습니다. 단, Google 시스템에서 이해할 수 없는 메타 태그는 무시된다는 사실에 유의해야 합니다.
인라인 명령어
페이지 수준 메타 태그와는 별개로 HTML 페이지의 일부가 스니펫에 사용되지 않도록 지정할 수 있습니다. 이 작업은 span
, div
또는 section
HTML 요소에서 data-nosnippet
HTML 속성을 통해 가능합니다. 예를 들면 다음과 같습니다.
<p>This text can be included in a snippet <span data-nosnippet>and this part would not be shown</span>.</p>
자동 인식 정확도를 높이려면 섹션이 유효한 HTML이어야 하며 모든 태그가 제대로 닫혀 있어야 합니다.