구조·마크업 · 공식 문서
메타 태그 뜻과 SEO에 필요한 태그만 정리
메타 태그는 HTML <head> 안에서 페이지 정보를 검색엔진에 알리는 태그입니다. 구글이 지원한다고 적은 메타 태그 9가지 중 모든 페이지에 넣을 것은 description·charset·viewport 3가지이고, 나머지는 필요한 페이지에만 넣습니다.
메타 태그는 페이지 화면에는 보이지 않고, HTML 소스의 <head> 안에 들어가는 정보입니다. 검색엔진과 브라우저, 소셜 미디어가 이 값을 읽습니다.
제작 도구의 SEO 설정 화면에는 칸이 많지만 모두 채울 필요는 없습니다. 구글이 지원한다고 적은 태그를 기준으로 넣을 것만 고릅니다.
발견 01
메타 태그는 페이지 정보를 알리는 HTML 태그이고, 구글은 지원 태그 9가지를 적었습니다
meta tags are HTML tags used to provide additional information about a page to search engines and other clients.
메타 태그는 검색엔진과 다른 클라이언트에 페이지의 추가 정보를 알리는 HTML 태그입니다.
| 구글이 적은 것 | 원문 |
|---|---|
| 지원하지 않는 태그는 무시 | Clients process the meta tags and ignore those they don't support.클라이언트는 메타 태그를 처리하고, 지원하지 않는 태그는 무시합니다. |
| 다른 메타 태그를 써도 되는 때 | You can use other meta tags if they are important to your site, but Google will ignore meta tags that it doesn't support.사이트에 중요하면 다른 메타 태그를 써도 되지만, 구글은 지원하지 않는 메타 태그를 무시합니다. |
발견 02
모든 페이지에 넣을 메타 태그는 3가지이고, 5가지는 필요한 페이지에만 넣습니다
| 메타 태그 | 넣는 기준 | 언제 | 공식 문서 원문 |
|---|---|---|---|
| description | 늘 넣기 | 페이지마다 다른 1~2문장 요약 | Use this tag to provide a short description of the page. In some situations, this description is used in the snippet shown in search results.페이지를 짧게 설명할 때 이 태그를 쓴다. 경우에 따라 이 설명이 검색 결과의 스니펫에 쓰인다. |
| robots·googlebot | 필요할 때만 | 색인·스니펫을 제한할 페이지에만 | The default values are index, follow and don't need to be specified.기본값은 index, follow 이고 따로 적지 않아도 됩니다. |
| notranslate | 필요할 때만 | 검색 결과 번역을 원하지 않을 때 | This meta tag tells Google that you don't want us to provide a translation for this page.이 페이지의 번역을 제공하지 않기를 원한다고 구글에 알립니다. |
| nopagereadaloud | 필요할 때만 | 구글 음성 읽기를 원하지 않을 때 | Prevents various Google text-to-speech services from reading aloud web pages using text-to-speech (TTS).구글의 음성 변환 서비스가 웹페이지를 소리 내어 읽지 않게 합니다. |
| google-site-verification | 필요할 때만 | 서치 콘솔 소유 확인을 HTML 태그로 할 때, 홈 페이지에 | You can use this tag on the top-level page of your site to verify ownership for Search Console.사이트 첫 페이지(홈)에 넣어 서치 콘솔 소유를 확인할 수 있습니다. |
| charset | 늘 넣기 | 모든 페이지, UTF-8 | We recommend using Unicode/UTF-8 where possible.가능하면 유니코드 UTF-8 을 쓰기를 권합니다. |
| refresh | 쓰지 않기 | URL 이동은 서버 측 301 리디렉션으로 | We recommend using a server-side 301 redirect instead.대신 서버 측 301 리디렉션을 쓰기를 권합니다. |
| viewport | 늘 넣기 | 모든 페이지 | This tag tells the browser how to render a page on a mobile device.모바일 기기에서 페이지를 어떻게 그릴지 브라우저에 알리는 태그입니다. |
| rating | 필요할 때만 | 성인 콘텐츠 페이지에만 | Labels a page as containing sexually-explicit adult content, to signal that it be filtered by SafeSearch results.성인 콘텐츠가 있는 페이지임을 표시해 세이프서치에서 거르도록 알립니다. |
| 메타 태그 | 코드 예 |
|---|---|
| description | <meta name="description" content="…"> |
| robots·googlebot | <meta name="robots" content="noindex"> |
| notranslate | <meta name="googlebot" content="notranslate">구글의 번역 기능만 끄는 메타 태그입니다. |
| nopagereadaloud | <meta name="google" content="nopagereadaloud"> |
| google-site-verification | <meta name="google-site-verification" content="…"> |
| charset | <meta charset="utf-8"> |
| refresh | <meta http-equiv="refresh" content="…"> |
| viewport | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| rating | <meta name="rating" content="adult"> |
네이버는 오픈 그래프 태그(og:title·og:description·og:image)를 같이 넣기를 권했습니다. 소셜 미디어 공유용 태그지만 네이버 검색도 읽는 경우가 있습니다.
원문: 그러나 네이버 검색 로봇도 해당 정보의 내용을 동시에 활용하여 페이지 분석 및 노출에 사용하는 경우가 있으므로, 가급적 같이 기입하시는 것을 권장합니다.
메타 키워드 태그는 구글 지원 목록에 없습니다. 넣을지 판단은 「메타 태그 키워드」 편에 자세히 적었습니다.
발견 03
<head> 안에 iframe·img 같은 요소가 있으면 구글은 그 뒤의 메타 태그를 읽지 않습니다
If you use an invalid element in the <head> element, Google ignores any elements that appear after the invalid element.
<head> 안에 허용되지 않는 요소를 쓰면, 구글은 그 요소 뒤에 오는 요소를 모두 무시합니다.
| 확인할 것 | 원문 |
|---|---|
| <head> 에 둘 수 있는 요소는 title·meta·link·script·style·base·noscript·template 8가지 | Once Google detects one of these invalid elements, it assumes the end of the <head> element and stops reading any further elements in the <head> element.구글은 허용되지 않는 요소를 발견하면 거기서 <head> 가 끝났다고 보고 그 뒤 요소를 읽지 않습니다. |
| 자바스크립트로 메타 태그를 넣거나 바꾸는 경우 | We recommend that you avoid using JavaScript to inject or change meta tags whenever possible, and if you must use it, test your implementations thoroughly.자바스크립트로 메타 태그를 넣거나 바꾸는 일은 되도록 피하고, 꼭 써야 하면 충분히 테스트하기를 권합니다. |
| 실제로 읽힌 메타 태그 확인 | To check the meta tags and attributes on your pages, use the URL Inspection Tool.페이지의 메타 태그와 속성은 URL 검사 도구로 확인합니다. |
발견 04
같은 기준이라도 B2B·B2C·B2G 는 「필요할 때만」 넣는 태그가 다릅니다
예시 ① 해외 바이어를 받는 문의형 기업 사이트(B2B)
한국어·영어 페이지를 따로 운영하고, 서치 콘솔 소유 확인을 HTML 태그로 했습니다. 확인 태그는 홈 페이지에만 있으면 됩니다.
언어는 구글이 본문 글로 판단합니다. 영어 페이지의 본문을 영어로 쓰는 것이 먼저이고, 번역을 원치 않는 페이지에만 notranslate 를 넣습니다.
예시 ② 상품 수천 개를 둔 자사 쇼핑몰(B2C)
description 을 상품마다 손으로 쓰기 어렵습니다. 상품명·가격·소재 같은 상품 데이터로 페이지마다 다른 설명을 만들어 넣습니다.
품절 상품 안내 페이지로 넘길 때 refresh 메타 태그를 쓰고 있다면, 서버 측 301 리디렉션으로 바꿉니다.
예시 ③ 공지·자료실이 많은 공공기관 누리집(B2G)
모든 게시물이 기관 이름 하나로 된 description 을 같이 쓰고 있습니다. 게시물 제목과 첫 문장으로 페이지마다 다르게 바꿉니다.
공개 자료 페이지는 기본값대로 색인을 허용합니다. 로그인 뒤에만 보이는 민원 처리 화면에만 robots 메타 태그로 noindex 를 넣습니다.
그럼 우리 사이트 메타 태그는 무엇부터 보나요?
- 대표 페이지 몇 개를 열고 페이지 소스 보기로 <head> 안의 메타 태그를 목록으로 적습니다.
- description·charset·viewport 3가지가 모든 페이지에 있는지 확인합니다.
- description 이 페이지마다 다른지 봅니다. 같으면 페이지 데이터로 다르게 만듭니다.
- 「필요할 때만」 태그 5가지는 그 이유가 있는 페이지에만 남기고, refresh 는 301 리디렉션으로 바꿉니다.
- <head> 안에서 iframe·img 같은 요소가 메타 태그보다 앞에 있지 않은지 확인합니다.
- 서치 콘솔 URL 검사 도구로 메타 태그가 실제로 읽혔는지 확인합니다.
조사 방법
- Google Search Central 「meta tags and attributes that Google supports」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/special-tags
- Google Search Central 「Use valid HTML to specify page metadata」 (문서 수정일 2025-12-10) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/valid-page-metadata
- 네이버 서치어드바이저 「콘텐츠 마크업」 · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/markup-content
- 메타 태그 9가지는 「List of meta tags that Google supports」 표의 행입니다. 「늘 넣기·필요할 때만·쓰지 않기」로 묶는 방식은 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 구글 원문은 영어판(hl=en)이고, 「URL 검사 도구」는 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.