웹사이트 메타태그 종류와 작성법 총정리
메타태그는 검색엔진과 브라우저에 페이지 정보를 전달하는 HTML 태그입니다. 이 가이드에서는 Google이 공식적으로 지원하는 메타태그의 종류와 올바른 작성법을 정리합니다.
메타태그란?
메타태그(Meta Tag)는 HTML 문서의 <head> 영역에 작성하는 태그로, 페이지의 부가 정보를 검색엔진과 브라우저에 전달하는 역할을 합니다. 메타태그는 웹 페이지에 직접 표시되지 않지만, 검색 결과 노출 방식과 페이지 해석에 영향을 줍니다.
메타태그의 기본 형태는 다음과 같습니다.
<head>
<meta charset="UTF-8">
<meta name="description" content="페이지 설명">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>페이지 제목</title>
</head>ℹ️ 참고
WordPress를 사용하는 경우 HTML을 직접 수정하지 않아도 됩니다. Yoast SEO, Rank Math 같은 SEO 플러그인을 통해 메타태그를 설정할 수 있습니다.
Google이 지원하는 메타태그 종류
Google Search Central 공식 문서에 따르면, Google이 인식하고 활용하는 메타태그는 다음과 같습니다.
description (메타 디스크립션)
페이지 내용을 요약하는 짧은 설명문입니다. Google이 검색 결과의 스니펫(제목 아래 설명 텍스트)을 생성할 때 참고합니다.
<meta name="description" content="SSL 인증서의 개념, 종류, 발급 방법을 정리한 가이드입니다.">- 권장 길이: 한글 기준 70~80자 (영문 150~160자)
- 역할: 검색 결과 클릭률(CTR)에 간접적 영향
- 주의: Google이 항상 이 태그를 스니펫으로 사용하지는 않습니다. 페이지 본문이 검색 의도에 더 적합하다고 판단하면 본문 내용을 스니펫으로 표시합니다.
robots / googlebot
검색엔진의 크롤링과 색인 동작을 제어하는 태그입니다.
<meta name="robots" content="index, follow">
<meta name="googlebot" content="noindex">- robots: 모든 검색엔진에 적용
- googlebot: Google에만 적용
- 기본값: index, follow (별도 설정하지 않아도 색인 및 링크 추적이 수행됩니다)
⚠️ 주의
noindex를 설정하면 해당 페이지가 Google 검색 결과에 표시되지 않습니다. 의도하지 않게 중요 페이지에 noindex가 적용되지 않았는지 반드시 확인하세요.
viewport
모바일 기기에서 페이지가 올바르게 표시되도록 화면 크기와 비율을 지정합니다.
<meta name="viewport" content="width=device-width, initial-scale=1">이 태그가 있으면 Google은 해당 페이지를 모바일 친화적으로 판단합니다. Google은 모바일 우선 색인(Mobile-First Indexing)을 적용하고 있으므로, 모든 페이지에 viewport 태그를 포함해야 합니다.
charset / Content-Type
페이지의 문자 인코딩을 지정합니다. 한글 웹사이트라면 반드시 UTF-8로 설정해야 합니다.
<meta charset="UTF-8">google-site-verification
Google 서치콘솔에서 사이트 소유권을 확인할 때 사용하는 태그입니다.
<meta name="google-site-verification" content="인증코드">Google이 무시하는 메타태그
과거에 사용되었지만 현재 Google이 순위 결정에 활용하지 않는 태그도 있습니다.
| 메타태그 | Google 활용 여부 | 설명 |
|---|---|---|
| meta keywords | 사용 안 함 | Google은 키워드 메타태그를 순위 결정에 사용하지 않습니다 |
| meta author | 사용 안 함 | 검색 순위에 영향 없음 |
| meta revisit-after | 사용 안 함 | 크롤링 주기에 영향 없음 |
💡 실무 팁
meta keywords 태그에 키워드를 나열하는 것은 SEO에 아무런 도움이 되지 않습니다. Google이 공식적으로 “키워드 메타태그를 사용하지 않는다”고 밝혔으므로, 작성 시간을 description 태그에 투자하는 것이 효과적입니다.
메타 디스크립션 작성법
메타태그 중 실무에서 가장 중요한 것은 description 태그입니다. 다음 원칙을 따라 작성하세요.
- 페이지마다 고유한 설명을 작성합니다. 동일하거나 유사한 설명을 여러 페이지에 사용하면 Google이 템플릿 설명으로 인식하여 무시할 수 있습니다.
- 페이지 내용을 정확하게 요약합니다. 사용자가 검색 결과를 보고 클릭할지 판단하는 핵심 정보입니다.
- 타겟 키워드를 자연스럽게 포함합니다. 사용자의 검색어와 일치하는 단어는 검색 결과에서 굵게 표시되어 눈에 띕니다.
- 행동을 유도하는 표현을 활용합니다. “~를 확인하세요”, “~를 비교해보세요”와 같은 표현이 클릭률을 높입니다.
메타태그 확인 방법
현재 운영 중인 웹사이트의 메타태그를 확인하려면, 브라우저에서 해당 페이지를 열고 Ctrl + U(Windows) 또는 Cmd + Option + U(Mac)를 눌러 페이지 소스를 확인합니다. <head> 영역에서 <meta> 태그를 찾을 수 있습니다.
Google 서치콘솔의 URL 검사 도구를 사용하면 Google이 해당 페이지를 어떻게 인식하는지도 확인할 수 있습니다.
정리
- 메타태그는 HTML <head>에 작성하며, 검색엔진과 브라우저에 페이지 정보를 전달합니다.
- Google이 실제로 활용하는 메타태그는 description, robots, viewport, charset 등 일부에 한정됩니다.
- meta keywords는 Google 순위에 영향을 주지 않으므로 작성할 필요가 없습니다.
- 메타 디스크립션은 페이지마다 고유하게, 70~80자(한글 기준) 내로 작성합니다.
- WordPress 사용자는 Yoast SEO나 Rank Math 플러그인으로 간편하게 설정할 수 있습니다.