#01
최적화 프로 가이드
메타 태그 최적화
목록으로

메타 태그 최적화 | 클릭을 만드는 title과 description

skimar 2026. 04. 30 12 min read

이 글은 "최적화 프로 가이드" 시리즈의 첫 번째 글입니다. 최적화 프로 가이드는 커머스 운영자와 마케터를 위해, 실무에서 바로 써먹을 수 있는 SEO 핵심 주제를 한 편씩 다루는 단편 시리즈입니다. 첫 편에서는 검색 결과에서 클릭을 결정짓는 가장 기본적인 요소 — meta title과 meta description 최적화 원칙을 다룹니다.

검색 결과에서 내 페이지의 '간판'

Google이나 네이버에서 검색했을 때, 사용자에게 가장 먼저 보이는 것은 무엇일까요? 바로 파란색 제목(title)과 그 아래 회색 설명문(description)입니다.

이 두 줄이 곧 내 페이지의 간판입니다. 오프라인 매장으로 치면, 지나가는 사람이 가게에 들어올지 말지를 결정하는 외부 간판과 같습니다. 아무리 내부에 좋은 상품이 있어도, 간판이 매력적이지 않으면 고객은 옆 가게로 갑니다.

검색 결과 페이지(SERP)에서도 마찬가지입니다. 같은 키워드로 10개의 결과가 나열되어 있을 때, 사용자는 제목과 설명문만 보고 어디를 클릭할지 판단합니다. 이때 사용되는 HTML 태그가 바로 <title>과 <meta name="description">입니다.

<head>
  <title>여름 린넨 셔츠 추천 | 브랜드 A 공식몰</title>
  <meta name="description" content="통기성 좋은 프렌치 린넨 100% 셔츠. 여름 출근룩부터 캐주얼까지, 사이즈별 핏 가이드와 실착 리뷰를 확인하세요.">
</head>

이 코드가 검색 결과에서는 이렇게 보입니다:

meta title과 description이 Google 검색 결과에서 어떻게 표시되는지 보여주는 예시

한 가지 주의할 점이 있습니다. meta title은 직접적인 랭킹 요소입니다. Google은 title 태그를 보고 "이 페이지가 어떤 주제인지"를 판단합니다. 반면 meta description은 직접적인 랭킹 요소가 아닙니다. 다만 검색 결과에서 보이는 설명문이 매력적이면 클릭률(CTR)이 올라가고, 이것이 간접적으로 순위에 영향을 줍니다.

정리하면 이렇습니다:

  • meta title → 순위 + 클릭에 모두 영향
  • meta description → 클릭에 영향 (순위에는 간접 영향)

meta title 작성 원칙

길이: 글자 수보다 '픽셀'이 기준

"title은 60자 이내로 쓰세요"라는 조언을 많이 보셨을 겁니다. 하지만 정확히 말하면, Google은 글자 수가 아니라 픽셀 너비를 기준으로 자릅니다. 데스크톱 기준 약 580~600px, 모바일은 약 500px까지 표시됩니다.

같은 10글자라도 "WWWWWWWWWW"와 "iiiiiiiiii"는 픽셀 너비가 완전히 다릅니다. 한글은 영문보다 글자당 픽셀이 넓기 때문에, 한글 기준으로는 대략 30자 내외가 안전 영역입니다. 영문 기준으로는 50~60자 정도입니다.

실무에서 매번 픽셀을 계산할 수는 없으니, 간단한 가이드라인을 적용하면 됩니다:

  • 한글 기준: 25~30자 (공백 포함)
  • 영문 기준: 50~60자 (공백 포함)
  • 확인이 필요하면: 픽셀 체커 도구를 사용 (검색: "meta title pixel checker")

핵심 키워드는 앞쪽에

Google은 title 태그 전체를 읽지만, 검색 결과에서 잘리는 경우 뒤쪽이 사라집니다. 따라서 사용자가 반드시 봐야 할 핵심 키워드는 title의 앞 30자 이내에 넣는 것이 좋습니다.

❌ 브랜드 A 공식 온라인 스토어 - 여름 린넨 셔츠 추천
✅ 여름 린넨 셔츠 추천 | 브랜드 A 공식몰

첫 번째 예시에서는 브랜드명이 먼저 나와서, 정작 사용자가 찾고 있는 "여름 린넨 셔츠"가 뒤로 밀립니다. 모바일에서는 잘려서 아예 보이지 않을 수도 있습니다.

브랜드명 처리: 뒤에 붙이기

브랜드 인지도가 높은 경우, title 뒤쪽에 | 브랜드명 형태로 붙이는 것이 일반적입니다. 브랜드명이 아직 잘 알려지지 않은 쇼핑몰이라면, 브랜드명 대신 그 자리에 차별화 포인트를 넣는 것이 더 효과적입니다.

✅ 여름 린넨 셔츠 추천 | 브랜드 A (브랜드 인지도 높을 때)
✅ 여름 린넨 셔츠 추천 — 프렌치 린넨 100% (브랜드 인지도 낮을 때)

페이지 유형별 title 공식

모든 페이지에 같은 패턴의 title을 쓰면 Google이 구분하기 어렵고, 사용자 입장에서도 어떤 페이지인지 알 수 없습니다. 페이지 유형에 따라 다른 패턴을 적용하세요.

상품 상세 페이지

[상품명] - [핵심 속성] | 브랜드명
예: 프렌치 린넨 오버핏 셔츠 - 여름 남성 셔츠 | 브랜드 A

카테고리(상품 분류) 페이지

[카테고리명] | 브랜드명
예: 남성 셔츠 컬렉션 | 브랜드 A

메인 페이지

[브랜드명] - [브랜드 슬로건 또는 핵심 설명]
예: 브랜드 A - 유럽 감성 남성 캐주얼 공식몰

블로그/콘텐츠 페이지

[글 제목] | 브랜드명 블로그
예: 린넨 셔츠 세탁법 3가지 | 브랜드 A 블로그

meta description 작성 원칙

길이: 데스크톱 150~160자, 모바일은 더 짧게

meta description의 표시 한도는 데스크톱 기준 약 920px(영문 155~160자, 한글 약 70~80자), 모바일은 약 680px(영문 120자, 한글 약 55~60자) 정도입니다.

핵심 메시지는 앞 60자 안에 담는 것이 안전합니다. 모바일에서 잘리더라도 의미가 전달되도록 구성하세요.

CTA(행동 유도) 포함하기

description은 사용자가 "클릭할 이유"를 만들어야 합니다. 단순 내용 요약이 아니라, 행동을 유도하는 문장이 들어가야 합니다.

❌ 여름에 입기 좋은 린넨 셔츠를 판매합니다. 다양한 사이즈가 있습니다.
✅ 통기성 좋은 프렌치 린넨 100% 셔츠. 여름 출근룩부터 캐주얼까지, 사이즈별 핏 가이드와 실착 리뷰를 확인하세요.

두 번째 예시는 "확인하세요"라는 CTA로 끝나면서, "핏 가이드"와 "실착 리뷰"라는 클릭 후 얻을 수 있는 가치를 제시합니다.

Google은 description을 자주 재작성한다

여기서 중요한 현실을 짚어야 합니다. Google은 여러분이 작성한 meta description을 그대로 보여주지 않는 경우가 매우 많습니다. 검색 쿼리에 따라 페이지 본문에서 더 적합한 문장을 뽑아서 대체합니다.

meta description의 재작성 비율은 연구마다 차이가 있지만, 데스크톱에서 약 68%, 모바일에서 약 71%에 달한다는 조사 결과가 있습니다. 즉, 내가 쓴 description이 그대로 노출될 확률은 약 30% 정도입니다.

그렇다면 description을 안 써도 될까요? 아닙니다. 이유는 세 가지입니다:

1. 30%는 그대로 노출됩니다. 특히 브랜드 검색이나 정확한 의도 매칭이 될 때는 원본 description이 사용될 가능성이 높습니다.
2. Google이 재작성하더라도, 잘 쓴 description은 재작성의 '가이드' 역할을 합니다. 원본이 명확하면 Google도 비슷한 방향으로 재작성합니다.
3. SNS 공유 시에는 og:description이 사용됩니다. 카페24의 경우, SEO 태그에 입력한 description이 오픈그래프 태그에도 자동 세팅됩니다.

Google이 재작성을 '덜' 하는 조건

완전히 막을 수는 없지만, 재작성 확률을 줄이는 방법은 있습니다:

  • description에 검색 쿼리와 매칭되는 키워드를 자연스럽게 포함할 것
  • 페이지 본문 내용과 description의 내용이 일치할 것
  • description이 너무 짧거나 너무 길지 않을 것 (70~80자 한글 기준)
  • 여러 페이지에 동일한 description을 복사 붙여넣기 하지 않을 것

meta title도 재작성된다

사실 description뿐 아니라, title도 Google이 재작성합니다. 2025년 1분기 기준, Google은 title 태그의 약 76%를 변경했다는 연구 결과가 있습니다. 2023년 61%에서 크게 증가한 수치입니다.

Google이 meta title을 재작성하는 비율과 패턴을 보여주는 인포그래픽

Google이 title을 재작성하는 주요 이유는 다음과 같습니다:

  • 가독성 개선 (약 30%): 복잡하거나 모호한 title을 더 읽기 쉽게 변경
  • 검색 의도와 더 잘 매칭되도록 조정
  • 길이 관리: 너무 길거나 너무 짧은 title을 적정 길이로 조정
  • 키워드 스터핑 제거: 같은 키워드를 반복 나열한 경우 정리

title 재작성을 줄이는 가장 효과적인 방법은, H1 태그와 title 태그의 내용을 일치시키는 것입니다. 한 연구에 따르면, title과 H1이 일치하는 페이지는 Google이 원본 title을 유지할 확률이 크게 높아졌습니다.

<!-- title과 H1이 일치하는 예시 -->
<title>여름 린넨 셔츠 추천 | 브랜드 A</title>
...
<h1>여름 린넨 셔츠 추천</h1>

커머스 실전 적용: 페이지별 템플릿

이론은 충분합니다. 이제 커머스에서 가장 많이 다루는 세 가지 페이지 유형에 대해, 바로 복사해서 쓸 수 있는 title/description 템플릿을 정리합니다.

상품 상세 페이지

title: [상품명] - [핵심 속성 1~2개] | 브랜드명
description: [상품 핵심 장점 1문장]. [차별점 또는 구성]. [CTA 문장].

예시:

title: 프렌치 린넨 오버핏 셔츠 - 남성 여름 셔츠 | 브랜드 A
description: 프랑스산 린넨 100%로 만든 시원한 오버핏 셔츠. M~3XL 사이즈별 핏 가이드와 실착 리뷰 200건을 확인하세요.

카테고리 페이지

title: [카테고리명] - [필터링 정보 또는 수량] | 브랜드명
description: [카테고리 설명 1문장]. [인기 상품 또는 혜택 언급]. [CTA 문장].

예시:

title: 남성 여름 셔츠 - 린넨·면 소재 | 브랜드 A
description: 여름에 시원하게 입을 수 있는 남성 셔츠 전 상품. 소재별·핏별 필터로 빠르게 찾아보세요.

메인 페이지

title: [브랜드명] - [한 줄 브랜드 설명]
description: [브랜드 포지셔닝 1문장]. [대표 카테고리 또는 혜택]. [CTA 문장].

예시:

title: 브랜드 A - 유럽 감성 남성 캐주얼 공식몰
description: 프랑스·이탈리아 직수입 남성 캐주얼 브랜드. 신규 회원 15% 할인, 오늘 주문 시 내일 도착.

카페24에서 메타 태그 설정하는 방법

카페24는 관리자 패널에서 메타 태그를 직접 설정할 수 있는 기능을 제공합니다. 경로는 다음과 같습니다:

공통 페이지 설정 (메인 페이지 등 전체 공통)

관리자 > 쇼핑몰 설정 > 기본 설정 > 검색엔진 최적화(SEO) > 공통 페이지 SEO 태그

여기서 쇼핑몰 이름(Title)과 쇼핑몰 안내(Description)를 입력하면, 검색 결과와 SNS 공유 시 기본값으로 사용됩니다.

상품 상세 페이지

관리자 > 상품 > 상품목록 > 상품 등록/수정 > 검색엔진 최적화(SEO)

개별 상품마다 title과 description을 설정할 수 있습니다. 설정하지 않으면 공통 태그가 적용됩니다.

상품 분류(카테고리) 페이지

관리자 > 상품 > 상품관리 > 상품분류관리 > 검색엔진 최적화(SEO)

카페24 SEO 태그 설정 시 알아둘 점:

  • 카페24는 변수를 사용해 동적으로 title/description을 생성할 수 있습니다. 예를 들어, 상품 상세 페이지에서 {상품명} | {쇼핑몰명} 형태의 변수를 설정하면, 상품이 추가될 때마다 자동으로 고유한 title이 생성됩니다.
  • SEO 태그에 입력한 Title, Description은 오픈그래프 메타태그(og:title, og:description)에도 자동 적용됩니다. SNS 공유 시 별도로 설정할 필요가 없습니다.
  • 개별 상품/분류에 SEO 태그를 설정하면 공통 설정보다 우선 적용됩니다.
  • 설정 후 검색엔진 반영까지 최대 2주 소요될 수 있습니다.
카페24 관리자에서 SEO 태그를 설정하는 화면 구성

흔한 실수 5가지

1. 모든 페이지에 같은 title/description 사용

쇼핑몰에서 가장 흔한 실수입니다. 상품이 100개인데 모든 상품 페이지의 title이 "브랜드 A 공식몰"로 되어 있거나, description이 전부 동일한 경우입니다. Google은 이를 중복 콘텐츠의 신호로 해석할 수 있고, 어떤 페이지가 어떤 검색에 매칭되어야 하는지 판단하기 어려워집니다.

2. 키워드 스터핑

❌ 린넨 셔츠 린넨셔츠 여름셔츠 남성린넨셔츠 남자린넨셔츠 | 브랜드 A

같은 키워드를 변형만 바꿔 반복 나열하는 것은 Google이 가장 먼저 재작성하거나 페널티를 줄 수 있는 패턴입니다.

3. description을 아예 비워두기

"어차피 Google이 재작성하니까"라는 이유로 description을 비워두는 경우가 있습니다. 하지만 비워두면 Google이 페이지 본문에서 아무 문장이나 가져올 수 있습니다. 배송 안내나 약관 문구가 검색 결과에 노출되는 최악의 상황이 벌어질 수 있습니다.

4. title에 특수문자 남발

★, ♥, 【】, ● 같은 특수문자를 title에 넣으면 눈에는 띌 수 있지만, Google이 이를 정리하거나 title 전체를 재작성할 가능성이 높아집니다. 구분자는 | 또는 - 정도만 사용하는 것이 안전합니다.

5. 모바일 확인을 안 하기

데스크톱에서 완벽해 보이는 title이 모바일에서는 잘려서 의미가 달라질 수 있습니다. 특히 모바일 비중이 높은 커머스 사이트라면, 모바일 기준으로 먼저 작성하고 데스크톱에서 확인하는 순서가 맞습니다.

진단 방법: 내 사이트의 메타 태그 확인하기

브라우저 개발자 도구로 확인

가장 빠른 방법은 브라우저 콘솔에서 직접 확인하는 것입니다. 확인하고 싶은 페이지에서 F12를 누르고 Console 탭에 아래 스크립트를 입력하세요.

// meta title 확인
console.log('📌 Title:', document.title);
console.log('📌 Title 길이:', document.title.length, '자');

// meta description 확인
const desc = document.querySelector('meta[name="description"]');
if (desc) {
  console.log('📝 Description:', desc.content);
  console.log('📝 Description 길이:', desc.content.length, '자');
} else {
  console.log('⚠️ meta description이 없습니다!');
}

// og:title, og:description 확인
const ogTitle = document.querySelector('meta[property="og:title"]');
const ogDesc = document.querySelector('meta[property="og:description"]');
console.log('🔗 og:title:', ogTitle ? ogTitle.content : '없음');
console.log('🔗 og:description:', ogDesc ? ogDesc.content : '없음');

Google Search Console에서 확인

Google Search Console의 "검색 결과" 보고서에서 CTR(클릭률)이 유난히 낮은 페이지를 찾으세요. 노출은 많이 되는데 클릭률이 낮다면, meta title이나 description에 문제가 있을 가능성이 높습니다.

CTR 개선 작업 순서:

1. 노출 수 기준 상위 20개 페이지 정렬
2. CTR이 평균보다 낮은 페이지 필터링
3. 해당 페이지의 title/description 확인 및 개선
4. 2~4주 후 CTR 변화 추적

! 체크리스트: meta 태그 최적화 한눈에 보기

[meta title]
□ 핵심 키워드가 앞쪽 30자 이내에 있는가?
□ 한글 기준 25~30자 이내인가?
□ 페이지마다 고유한 title을 가지고 있는가?
□ 키워드를 반복 나열하지 않았는가?
□ H1 태그와 내용이 일치하는가?
□ 모바일에서 잘려도 의미가 전달되는가?

[meta description]
□ 한글 기준 70~80자 이내인가?
□ 클릭을 유도하는 CTA가 포함되어 있는가?
□ 단순 나열이 아니라 문장으로 작성했는가?
□ 페이지마다 고유한 description을 가지고 있는가?
□ 비어 있는 description은 없는가?
□ 검색 키워드와 매칭되는 단어가 포함되어 있는가?

이 체크리스트를 기존 쇼핑몰의 주요 페이지(메인, 인기 상품 10개, 주력 카테고리 3개)에 적용하면, 메타 태그 현황 진단의 첫 단계를 마칠 수 있습니다.