메타 디스크립션·제목 태그 작성법 | 구글과 네이버 검색 결과에 쓰이는 방식

메타 디스크립션(meta description)과 title 태그는 검색 결과에 보이는 설명과 제목의 재료인데요, 구글과 네이버 모두 이 값을 그대로 쓴다고 약속하지 않고 페이지 내용과 검색어를 보고 더 맞는 문구를 고릅니다. 그래서 글자 수를 맞추는 것보다 페이지마다 고유하고 정확한 문구를 쓰는 것이 먼저이고, 네이버는 OG(오픈 그래프) 태그도 함께 참고한다고 안내합니다.

"분명히 설명을 써 넣었는데, 검색 결과에는 왜 본문 첫 줄이 나오죠?" 기획전 페이지나 블로그 글을 올리고 나서 검색 결과를 보면 이런 경우가 종종 있죠. 개발자에게 「메타 태그 넣어 주세요」라고 요청할 일은 많지만, 그 태그가 검색 결과에서 실제로 어떻게 쓰이는지는 막연하게 알고 있는 경우가 많은데요. 이번 글에서는 구글 검색 센터 문서와 네이버 서치어드바이저 가이드를 나란히 놓고, 제목·설명·OG 태그를 어떻게 쓰면 좋은지 함께 알아보겠습니다.

1. 메타 디스크립션과 title 태그는 검색 결과의 어디에 쓰일까요?

검색 결과 한 칸은 크게 제목과 그 아래 설명으로 나뉩니다. 구글은 제목 부분을 제목 링크(title link), 설명 부분을 스니펫(snippet)이라고 부르는데요, 이 둘에 쓰이는 HTML 태그는 페이지의 <head> 안에 들어갑니다.

<head>
  <title>겨울 패딩 기획전 - 브랜드명</title>
  <meta name="description" content="경량 패딩부터 롱패딩까지 12월 한정 기획전 상품을 모았습니다.">
  <meta property="og:title" content="겨울 패딩 기획전">
  <meta property="og:description" content="12월 한정 기획전 상품을 모았습니다.">
  <meta property="og:image" content="https://www.example.com/og/winter.png">
</head>

• title 태그: 브라우저 탭에 보이는 페이지 이름이자, 검색 결과 제목의 대표 재료입니다.
• meta description: 화면에는 보이지 않는 페이지 요약입니다. 검색 결과 설명에 쓰일 수 있습니다.
• og 태그: 원래는 SNS에 링크를 공유할 때 쓰이는 미리보기 정보인데, 검색엔진도 참고합니다.

예시 그림: 가상의 검색 결과를 단순화한 것으로 실제 화면 캡처가 아닙니다. 화살표는 「재료가 될 수 있다」는 뜻입니다.

책에 빗대면 이해가 쉬운데요, title 태그는 책등에 적힌 제목이고 메타 디스크립션은 뒤표지 소개글입니다. 서점 직원(검색엔진)은 대부분 그 제목과 소개글을 그대로 꽂아 두지만, 소개글이 내용과 다르거나 모든 책에 같은 소개글이 붙어 있으면 본문을 펼쳐 더 맞는 문장을 직접 골라 붙인다고 보시면 됩니다.

2. 구글은 언제 제목과 설명을 바꿔서 보여 줄까요?

구글 문서는 제목 링크를 완전히 자동으로 만든다고 설명하고, 그 재료로 아래 아홉 가지를 꼽습니다. <title> 요소, 페이지에 보이는 주요 제목, <h1> 같은 heading 요소, og:title 메타 태그, 스타일로 크게 눈에 띄게 만든 텍스트, 페이지의 기타 텍스트, 페이지 안의 앵커 텍스트, 이 페이지를 가리키는 링크의 텍스트, WebSite 구조화된 데이터입니다.

<title>이 목록 맨 앞에 있긴 하지만, 구글은 아래 같은 문제가 보이면 다른 재료로 제목을 새로 만들 수 있다고 밝힙니다.

설명(스니펫)은 더 분명한데요. 스니펫 문서는 스니펫이 주로 페이지 콘텐츠 자체에서 생성되고, 메타 설명이 페이지에서 가져온 내용보다 더 정확한 설명이 될 때 그것을 쓰기도 한다고 적고 있습니다. 게다가 검색어와 가장 관련이 높은 부분을 보여 주도록 만들어지기 때문에, 같은 페이지라도 검색어에 따라 스니펫이 달라질 수 있습니다. 처음 질문처럼 써 둔 설명 대신 본문 문장이 보였다면, 이 규칙대로라면 그 검색어에는 본문 문장이 더 맞는다고 판단된 것으로 볼 수 있습니다.

키워드를 길게 나열한 메타 설명은 페이지 내용을 알려 주지 못해 스니펫으로 쓰일 확률이 낮다고 하고, 구글이 개별 사이트의 제목 링크나 스니펫을 수동으로 바꿔 주지는 않는다고도 밝힙니다. 그렇다면 네이버는 같은 태그를 어떻게 다룰까요?

3. 네이버 검색은 제목·설명·OG 태그를 어떻게 볼까요?

네이버 서치어드바이저의 콘텐츠 마크업 가이드도 큰 방향은 같습니다. 검색 노출에 쓰이는 제목은 title 태그와 오픈 그래프 태그 등에 적힌 내용을 포함해 페이지와 앵커 같은 여러 정보 중 가장 적절한 것을 자동으로 추출해 결정하고, 설명문과 스니펫도 사용자의 검색 키워드와 의도를 분석해 태그와 본문 텍스트 중 가장 적합한 것을 골라 구성한다고 설명하는데요.

구글과 다른 점은 몇 가지 구체적인 주의 사항입니다.

• 메인 페이지 제목은 브랜드명: 사이트 메인의 title 태그는 상호명·서비스명 같은 고유명사로 사이트 성격을 표현하라고 권합니다.
• 자주 바꾸면 불이익: 검색 노출만을 위해 제목이나 메인 페이지 설명을 자주 바꾸면 불이익을 받을 수 있다고 적혀 있습니다.
• 반복 키워드 금지: 같은 키워드를 2회 이상 반복하거나, 내용과 관계없는 키워드·홍보 문구를 늘어놓으면 불이익 대상이 될 수 있습니다.
• 설명은 1~2문장: description 은 1~2개 문장의 짧은 단락을 쓸 수 있다고 하고, 본문 전체를 복사하거나 제목과 똑같이 쓰는 경우를 피하라고 합니다.
• OG 태그도 함께: 네이버 검색 로봇이 오픈 그래프 정보도 페이지 분석과 노출에 쓰는 경우가 있어 가급적 같이 넣으라고 권합니다.

특히 og:image 는 네이버 검색 결과에서 페이지를 대표하는 썸네일로 활용될 수 있다고 하는데요, 가이드가 권하는 조건은 이미지 크기 150×150 초과, 파일 크기 5,000바이트 이상, 가로:세로 비율 3:1 이하입니다. 여러 페이지에 반복되는 로고나 홍보 배너 이미지는 개별 페이지를 대표한다고 보기 어려워 쓰지 않을 수 있다는 점도 함께 적혀 있습니다.

두 검색엔진 모두 태그를 「재료」로 보고 자동으로 고른다는 점은 같고, 네이버 쪽에 불이익 조건이 더 구체적으로 적혀 있습니다.

4. 구글과 네이버, 제목·설명 기준은 무엇이 다를까요?

두 문서를 같은 기준으로 놓으면 아래와 같습니다.

여기서 하나 짚고 넘어갈 것이 글자 수인데요. 흔히 「제목 ○○자, 설명 ○○자」 같은 숫자가 돌아다니지만, 두 문서 모두 정해진 글자 수를 제시하지 않습니다. 구글은 길이 제한이 없고 잘려서 보일 뿐이라고 하고, 네이버도 검색 결과에 표현 가능한 수준으로 줄이라고만 합니다. 설명에 대해서는 구글 SEO 기본 가이드가 메타 설명을 「일반적으로 페이지의 간결한 한두 문장 요약」이라고 표현하고 있어, 네이버의 1~2문장 안내와 결이 같습니다. 그래서 저는 숫자는 팀 안의 작업 기준으로만 쓰고, 핵심 단어를 문장 앞쪽에 두는 편을 더 중요하게 봅니다. 잘리더라도 앞부분은 남기 때문입니다.

참고로 구글이 지원하는 메타 태그 문서는 keywords 메타 태그를 구글 검색이 사용하지 않으며 색인과 순위에 전혀 영향이 없다고 적고 있습니다. 설명을 쓸 시간을 keywords 태그에 쓰고 있었다면 우선순위를 바꾸셔도 됩니다.

5. 기획전 페이지라면 메타 디스크립션 작성법을 어떤 순서로 적용할까요?

쇼핑몰에서 계절 기획전 페이지를 여러 개 운영하는 마케터라고 가정하고 순서대로 따라가 보겠습니다.

1. 우선순위 정하기: 구글 문서는 모든 페이지에 설명을 쓸 시간이 없다면 최소한 홈페이지와 인기 페이지 같은 중요한 URL부터 쓰라고 권합니다. 광고와 검색 유입이 몰리는 기획전 메인부터 시작합니다.
2. title 고르기: 페이지에서 가장 크게 보이는 제목(<h1>)과 title 태그의 뜻을 맞춥니다. 「겨울 패딩 기획전 - 브랜드명」처럼 핵심어를 앞에, 사이트 이름은 끝에 구분자로 붙입니다.
3. 설명 쓰기: 상품 구성, 기간, 대상처럼 그 페이지에만 있는 정보를 1~2문장으로 씁니다. 구글 문서도 제품 페이지라면 가격·제조사 같은 흩어진 정보를 모아 주는 설명이 유익하다고 예를 듭니다.
4. OG 태그 맞추기: og:title·og:description 을 title·설명과 같은 뜻으로 맞추고, og:image 는 이 기획전만의 대표 이미지로 넣습니다. 모든 페이지에 같은 로고를 넣지 않습니다.
5. 기간이 끝나면 고치기: 지난 시즌 문구가 남은 제목은 구글이 「오래된 제목」으로 보고 바꿀 수 있는 대상입니다. 다만 네이버는 노출만을 위해 자주 바꾸는 것을 경계하니, 내용이 실제로 바뀔 때만 고칩니다.

수정한 뒤에는 바로 반영되지 않는다는 점도 알아 두시면 좋은데요. 구글은 페이지를 다시 크롤링하고 처리해야 해서 며칠에서 몇 주가 걸릴 수 있다고 하고, 서치 콘솔의 URL 검사 도구로 다시 크롤링을 요청할 수 있다고 안내합니다. 같은 URL을 여러 번 요청해도 더 빨리 크롤링되지는 않습니다.

페이지가 수십 개라면 하나씩 열어 보기 어렵죠. 이럴 때는 페이지 목록을 시트에 붙여 넣고 수식으로 점검하는 방법이 편합니다. A열에 URL, B열에 제목, C열에 설명을 넣었다면 2행에 아래처럼 쓰고 아래로 채웁니다. 설명이 빈 칸이면 COUNTIF 가 빈 셀까지 세어 버리기 때문에, 빈 칸을 먼저 걸러 내도록 순서를 잡았습니다.

D2 제목 글자 수:   =LEN(B2)
E2 설명 글자 수:   =LEN(C2)
F2 설명 중복 개수: =IF(C2="", "", COUNTIF($C$2:$C$100, C2))
G2 점검 결과:      =IF(C2="", "설명 없음", IF(F2>1, "설명 중복", IF(B2=C2, "제목과 같음", "OK")))

예시 그림: 가상의 기획전 페이지 데이터로 만든 시트 예시이며 실제 캡처가 아닙니다. 같은 설명을 쓴 두 페이지가 「설명 중복」으로 잡힙니다.

중복 설명과 빈 설명, 제목을 그대로 복사한 설명은 구글·네이버 문서가 공통으로 피하라고 한 경우라 먼저 고칠 대상입니다. 글자 수 열은 「너무 짧거나 길지 않은지」 훑어보는 용도로 쓰고, 정해진 숫자를 넘었다고 무조건 자르지 않으셔도 됩니다. COUNTIF 로 중복을 세는 방법은 엑셀 중복 값 찾기 글에, LEN 으로 글자 수를 세는 예시는 엑셀 마스킹 처리 글에 더 자세히 있습니다.

※ 참고 사항: 메타 태그를 고칠 때 주의할 점은 무엇일까요?

• 순위를 올리는 장치가 아닙니다: 두 문서 모두 제목과 설명을 「검색 결과에서 페이지를 잘 보여 주는 재료」로 설명합니다. 순위를 직접 올린다는 내용은 없습니다.
• CMS 를 쓴다면 설정 화면에서: 구글 문서는 Wix·WordPress·Blogger 같은 CMS에서는 HTML을 직접 고치기보다 검색 설정 화면 같은 기능을 찾으라고 안내합니다.
• robots.txt 로 막은 페이지: 구글은 페이지 내용을 볼 수 없으면 다른 사이트의 앵커 텍스트 같은 바깥 정보로 제목을 만들 수 있다고 합니다. 검색 결과에서 빼려면 noindex 를 쓰라고 안내합니다.
• 설명을 아예 숨기고 싶다면: nosnippet 메타 태그로 스니펫을 막거나, max-snippet 으로 최대 길이를 정하거나, data-nosnippet 속성으로 특정 부분만 빼는 방법이 있습니다.
• 직접 운영하는 웹사이트 기준입니다: 이 글은 HTML <head> 를 직접 고치거나 CMS 설정으로 바꿀 수 있는 사이트를 기준으로 했습니다. 블로그 플랫폼처럼 태그를 직접 다루기 어려운 곳이라면 그 서비스가 제공하는 제목·요약 입력 방식을 먼저 확인해 보시길 권합니다.

마치며

메타 디스크립션과 title 태그는 검색 결과의 제목과 설명이 되는 「재료」이고, 구글과 네이버 모두 페이지 내용과 검색어를 보고 더 맞는 문구를 고를 수 있습니다. 그래서 글자 수보다 페이지마다 고유하고 정확한 문구가 먼저이고, 네이버를 생각하면 OG 태그와 대표 이미지까지 함께 맞춰 두는 것이 좋습니다. 이 블로그도 글마다 쓰는 요약을 메타 설명과 og:description 에 같은 값으로 넣고 썸네일을 og:image 로 쓰고 있어서, 앞으로 요약을 쓸 때 이 기준으로 다시 점검해 보려고 합니다. 자세한 내용은 구글 제목 링크 문서와 네이버 콘텐츠 마크업 가이드를 참고해 주세요.

관련 글 더 보기

• SEO 기초, 구글 크롤링·색인·검색 결과 노출 과정 정리 - 제목과 설명이 쓰이기 전에 페이지가 색인되는 과정
• URL 구조 SEO 권장사항 - 검색 결과에 함께 보이는 주소를 만드는 기준
• 랜딩 페이지 최적화 - 검색과 광고로 들어온 사람이 처음 보는 페이지 다듬기