측정·순위 · 공식 문서
메타 태그 확인 방법, head 태그 항목별 점검 순서
브라우저의 페이지 소스 보기로 서버가 보낸 <head> 를 먼저 보고, 서치 콘솔 URL 검사의 실제 URL 테스트로 구글이 읽은 HTML과 비교합니다. 두 값이 다르면 스크립트 주입이나 <head> 안의 잘못된 요소가 원인인 경우가 많습니다.
메타 태그는 화면에 보이지 않아서, 넣었다고 들은 것과 실제로 들어간 것이 다를 때가 있습니다. 제작 도구의 SEO 설정 칸을 채웠어도 출력되는 HTML은 따로 확인해야 합니다.
확인할 화면은 둘입니다. 서버가 보낸 원본 HTML과, 검색엔진 크롤러가 실제로 읽은 HTML입니다.
발견 01
메타 태그를 확인하는 화면은 5가지이고, 구글은 URL 검사 도구로 확인하라고 적었습니다
To check the meta tags and attributes on your pages, use the URL Inspection Tool.
페이지의 메타 태그와 속성은 URL 검사 도구로 확인합니다.
| 확인 화면 | 보여 주는 HTML | 알 수 있는 것 | 원문 |
|---|---|---|---|
| 브라우저 페이지 소스 보기 | 서버가 보낸 원본 HTML | 메타 태그가 처음 HTML에 들어 있는지 | 없음 |
| 브라우저 개발자 도구 요소 탭 | 스크립트가 실행된 뒤의 HTML | 스크립트가 메타 태그를 넣거나 바꿨는지 | 없음 |
| 서치 콘솔 URL 검사 실제 URL 테스트 | 구글이 지금 가져온 HTML과 렌더링 화면 | 구글이 지금 읽는 메타 태그 | This is a live test: the tool fetches and examines the URL in real time. Click View tested page to see additional response data such as a screenshot of the rendered page, the raw HTML returned, the HTTP headers, JavaScript console output, and any page resources loaded.라이브 테스트는 지금 이 순간 URL 을 받아 검사한다. 테스트된 페이지 보기를 누르면 렌더링 스크린샷, 받은 원본 HTML, HTTP 헤더, 자바스크립트 콘솔, 불러온 리소스를 볼 수 있다. |
| 서치 콘솔 URL 검사 색인 결과 | 구글이 마지막으로 크롤링한 버전 | 검색 결과에 쓰이는 버전의 메타 태그 | This is not a live test. The results shown are from most recently indexed version of a page, not the live version on the web.이 결과는 실시간 테스트가 아닙니다. 웹에 있는 지금 버전이 아니라 가장 최근에 색인된 버전의 결과입니다. |
| 네이버 웹마스터도구 URL 검사 | 네이버 검색로봇이 읽은 메타 정보 | 제목·설명문을 추출할 수 있는지 | HTML에 삽입된 메타 정보를 제공합니다. 결과를 보고 문제가 있다면 수정해주세요. 우측 아이콘은 제목, 설명문 추출 가능 여부를 표시합니다. |
서치 콘솔 권한이 없는 페이지는 URL 검사를 쓸 수 없습니다. 구글은 이때 리치 결과 테스트 같은 도구를 쓰라고 적었습니다.
원문: To test a URL in a property that you don't own, use the appropriate non-owner test, such as the Rich Results test or AMP test.
발견 02
<head> 에서 찾을 항목은 6가지이고, 순서와 스크립트도 항목입니다
| 항목 | 찾을 코드 | 정상인 상태 | 원문 |
|---|---|---|---|
| title | <title> | 하나만 있고, 페이지마다 다름 | 사이트 내의 모든 페이지를 동일한 제목으로 넣지 마세요. |
| description | <meta name="description"> | 하나만 있고, 그 페이지 내용을 요약함 | Use this tag to provide a short description of the page.description 태그는 페이지를 짧게 설명하는 데 씁니다. |
| robots | <meta name="robots"> | 색인할 페이지에 noindex 가 없음 | In the case of conflicting robots (or googlebot) meta tags, the more restrictive tag applies.robots(또는 googlebot) 메타 태그가 서로 어긋나면 더 제한하는 쪽을 따릅니다. |
| og 태그 | <meta property="og:title"> 등 | og:title·og:description·og:image 가 그 페이지 값 | 오픈 그래프 태그는 사이트가 소셜 미디어로 공유될 때 우선적으로 활용되는 정보입니다. |
| <head> 순서 | iframe·img 위치 | 메타 태그보다 앞에 없음 | 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> 가 끝났다고 보고 그 뒤 요소를 읽지 않습니다. |
| 스크립트 주입 | 원본과 렌더링 HTML 비교 | 두 HTML의 값이 같음 | 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.자바스크립트로 메타 태그를 넣거나 바꾸는 일은 되도록 피하고, 꼭 써야 하면 충분히 테스트하기를 권합니다. |
If you use an invalid element in the <head> element, Google ignores any elements that appear after the invalid element.
<head> 안에 허용되지 않는 요소를 쓰면, 구글은 그 요소 뒤에 오는 요소를 모두 무시합니다.
그래서 메타 태그는 있는데 구글이 못 읽는 일이 생깁니다. 광고·채팅 위젯 코드가 <head> 앞쪽에 iframe 을 넣으면, 그 뒤의 description 과 og 태그가 무시됩니다.
원문: To ensure machine readability, the head section must be valid HTML and in case of attributes, all parent tags closed accordingly.
발견 03
점검은 원본 HTML에서 시작해 크롤러가 읽은 HTML로 끝나는 7단계입니다
| 순서 | 할 일 |
|---|---|
| 1 | 대표 페이지 하나를 브라우저로 열고 페이지 소스 보기에서 <head> 를 찾습니다. |
| 2 | 위 점검표 6가지를 하나씩 찾아, 있는지와 값이 맞는지 적습니다. |
| 3 | <head> 안에서 iframe·img 가 메타 태그보다 앞에 있지 않은지 봅니다. |
| 4 | 개발자 도구 요소 탭에서 같은 항목을 보고, 원본 HTML과 값이 다른지 비교합니다. |
| 5 | 서치 콘솔 URL 검사에서 실제 URL 테스트를 돌리고, 테스트된 페이지 보기에서 HTML의 메타 태그를 봅니다. |
| 6 | 네이버 웹마스터도구 URL 검사의 Meta 테이블에서 제목·설명문 추출 여부를 봅니다. |
| 7 | og 태그는 카카오톡으로 링크를 보내 카드로 확인합니다. |
| 네이버가 적은 것 | 원문 |
|---|---|
| URL 검사가 주는 것 | 추가로 URL 문서의 메타와 SEO 정보를 제공하여 최적화가 부족한 부분을 안내하고 있습니다 |
| Meta 테이블 | HTML에 삽입된 메타 정보를 제공합니다. 결과를 보고 문제가 있다면 수정해주세요. |
| 오른쪽 아이콘 | 우측 아이콘은 제목, 설명문 추출 가능 여부를 표시합니다. |
발견 04
같은 점검이라도 B2B·B2C·B2G 는 걸리는 단계가 다릅니다
예시 ① 채팅 상담 위젯을 단 문의형 기업 사이트(B2B)
소스 보기에는 description 이 있는데, 검색 결과 설명이 엉뚱합니다. <head> 맨 앞에 채팅 위젯이 넣은 iframe 이 있었습니다.
점검표의 「<head> 순서」 항목에서 걸립니다. 위젯 코드를 메타 태그 뒤로, 가능하면 <body> 쪽으로 옮기고 실제 URL 테스트로 다시 봅니다.
예시 ② 상품 상세를 스크립트로 그리는 쇼핑몰(B2C)
원본 HTML의 title 은 쇼핑몰 이름 하나이고, 상품명은 스크립트가 나중에 바꿔 넣습니다. 개발자 도구에서만 상품명이 보입니다.
원본과 렌더링 값이 다른 경우입니다. 구글은 스크립트로 메타 태그를 바꾸는 것을 피하라고 적었으니, 서버가 상품명을 넣어 보내게 바꿉니다.
예시 ③ 게시판이 많은 공공기관 누리집(B2G)
게시물 수천 개가 모두 같은 title 과 description 을 씁니다. 게시판 목록, 게시물, 첨부 안내 페이지를 하나씩 골라 점검합니다.
페이지 종류마다 하나씩만 보면 됩니다. 같은 틀에서 나온 페이지는 결과도 같아서, 종류별 대표 페이지로 전체를 판단합니다.
그럼 오늘 확인한다면 무엇부터 하나요?
- 대표 페이지 하나를 브라우저로 열고 페이지 소스 보기에서 <head> 를 찾습니다.
- 위 점검표 6가지를 하나씩 찾아, 있는지와 값이 맞는지 적습니다.
- <head> 안에서 iframe·img 가 메타 태그보다 앞에 있지 않은지 봅니다.
- 개발자 도구 요소 탭에서 같은 항목을 보고, 원본 HTML과 값이 다른지 비교합니다.
- 서치 콘솔 URL 검사에서 실제 URL 테스트를 돌리고, 테스트된 페이지 보기에서 HTML의 메타 태그를 봅니다.
- 네이버 웹마스터도구 URL 검사의 Meta 테이블에서 제목·설명문 추출 여부를 봅니다.
- og 태그는 카카오톡으로 링크를 보내 카드로 확인합니다.
조사 방법
- 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
- Search Console Help 「URL Inspection tool」 · 최종 확인일 2026-10-25 · https://support.google.com/webmasters/answer/9012289
- 네이버 서치어드바이저 「URL 검사」 · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/url-inspection
- 네이버 서치어드바이저 「콘텐츠 마크업」 · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/markup-content
- 확인 화면 5가지와 점검 항목 6가지, 점검 7단계는 위 문서들이 적은 확인 방법을 순서로 묶은 것입니다. 묶는 방식과 순서는 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 구글 원문은 영어판(hl=en)이고, 「URL 검사 도구」·「실제 URL 테스트」·「테스트된 페이지 보기」는 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.