타이틀 태그·메타 설명 작성법 — 한글 길이 기준과 좋은 예시 총정리
SEO Check 편집팀 · 2026-09-28 업데이트 · 6분 읽기
타이틀 태그(<title>)는 한글 기준 1530자로, 핵심 키워드를 앞쪽에 두고 브랜드명은 끝에 짧게 붙이는 것이 기본입니다. 메타 설명(80자로 페이지에서 얻을 수 있는 내용을 한두 문장으로 요약합니다. 두 태그 모두 페이지마다 달라야 하며, 검색 결과에서 클릭을 결정하는 첫인상 역할을 합니다.<meta name="description">)은 한글 40
타이틀과 메타 설명은 검색 결과 어디에 보이나요?
검색 결과 한 줄은 대부분 이 두 태그로 만들어집니다. 파란색으로 크게 보이는 제목이 타이틀, 그 아래 회색 요약문이 메타 설명입니다.
<head>
<meta charset="utf-8">
<title>강남 임플란트 비용과 치료 기간 안내 | 바른치과</title>
<meta name="description" content="강남역 3번 출구 바른치과의 임플란트 비용, 치료 기간, 보험 적용 기준을 정리했습니다. 무료 상담 예약도 온라인으로 가능합니다.">
</head>
두 태그의 역할은 다릅니다.
- 타이틀: 검색엔진이 페이지 주제를 판단하는 핵심 신호이자 검색 결과의 제목입니다. 브라우저 탭, 북마크 이름으로도 쓰입니다.
- 메타 설명: 순위 요소는 아니지만, 검색 결과 요약문으로 쓰이면 클릭률을 좌우합니다. 카카오톡 공유 시 og:description이 없을 때 대신 쓰이기도 합니다.
한글은 몇 자까지 보이나요? 길이 대신 폭으로 계산하기
구글은 글자 수 제한을 두지 않고, 기기 화면 폭에 맞춰 넘치는 부분을 말줄임(…)으로 자릅니다. 데스크톱 제목 영역은 약 600px로 알려져 있는데, 한글 한 글자는 영문 한 글자보다 거의 두 배 넓습니다. 그래서 한글은 2, 영문·숫자·공백은 1로 세는 표시 폭으로 계산하면 실제 잘림 여부를 꽤 정확히 예측할 수 있습니다.
| 구분 | 권장 길이 (한글 기준) | 표시 폭 기준 | 너무 짧거나 길 때 |
|---|---|---|---|
| 타이틀 | 15~30자 | 약 60 이하 | 짧으면 주제 전달 부족, 길면 뒷부분 잘림 |
| 메타 설명 | 40~80자 | 약 160 이하 | 짧으면 정보 부족, 길면 요약문 중간에 잘림 |
- 영문이 섞이면 더 많은 글자가 들어갑니다. 「SEO 진단」은 표시 폭 기준 한글 약 4자 분량입니다.
- 모바일에서는 제목이 여러 줄로 보여 조금 더 길게 노출되기도 하지만, 핵심은 앞쪽 30자 안에 담는 것이 안전합니다.
- 잘리는 것 자체는 벌점이 아닙니다. 문제는 잘린 자리에 중요한 정보가 있을 때입니다.
키워드는 어디에, 어떻게 넣어야 하나요?
- 핵심 키워드를 앞쪽에 둡니다. 사용자는 제목 앞 몇 글자만 훑고 클릭을 결정합니다. 「바른치과 - 강남 임플란트」보다 「강남 임플란트 비용… | 바른치과」가 검색 의도에 바로 답합니다.
- 키워드는 한 번이면 충분합니다. 같은 단어를 반복하거나 쉼표로 나열하면 구글이 스팸성 제목으로 보고 다시 작성할 수 있습니다.
- 검색 의도를 반영하는 단어를 더합니다. 비용, 기간, 방법, 비교, 후기, 2026처럼 사용자가 실제로 궁금해하는 요소를 넣으면 클릭률이 올라갑니다.
- 페이지마다 고유하게 씁니다. 템플릿이 모든 페이지에 같은 타이틀을 출력하는 경우가 흔합니다. 상품·게시글 페이지는 상품명이나 글 제목이 자동으로 들어가도록 설정하세요.
- H1과 주제를 맞춥니다. 타이틀과 H1이 같은 주제를 가리키면 구글이 제목을 바꿀 이유가 줄어듭니다. 자세한 구조는 H1·제목 구조 가이드를 참고하세요.
브랜드명은 어떻게 표기할까요?
브랜드명은 타이틀 끝에, 구분 기호와 함께 짧게 붙이는 것이 일반적입니다. 구글도 사이트 이름을 매 페이지에 길게 반복하지 말고 하이픈(-), 콜론(:), 파이프(|) 같은 구분 기호로 간결하게 붙이라고 안내합니다.
- 일반 페이지:
핵심 키워드 + 보조 설명 | 브랜드명 - 홈페이지:
브랜드명 - 대표 서비스와 지역처럼 브랜드를 앞에 두어도 됩니다. 브랜드명으로 찾는 사람이 가장 많은 페이지이기 때문입니다. - 「(주)」, 영문 법인명, 슬로건을 모두 넣으면 폭만 차지합니다. 사람들이 실제로 부르는 이름 하나만 쓰세요.
참고로 구글 검색 결과에서 제목 위에 따로 표시되는 사이트 이름은 홈페이지의 WebSite 구조화 데이터를 가장 우선하고, og:site_name과 홈페이지 제목 등을 함께 참고해 자동으로 정해집니다. 설정 방법은 JSON-LD 구조화 데이터 가이드에서 다룹니다.
구글과 네이버는 어떻게 다르게 보여주나요?
| 항목 | 구글 | 네이버 |
|---|---|---|
| 제목 | 타이틀을 우선 쓰지만, 부적절하면 H1·og:title·링크 텍스트 등으로 다시 작성 | 타이틀을 기본으로 사용하며 길면 말줄임 처리 |
| 요약문 | 본문을 우선 활용하고, 메타 설명이 더 정확하면 메타 설명 사용 (검색어에 따라 달라짐) | 메타 설명을 요약문으로 활용하는 경우가 많아 품질의 영향이 큼 |
| 사이트 이름 | 제목 위에 사이트 이름·파비콘을 별도 표시 | 사이트명·URL 표시 방식이 영역별로 다름 |
| 수집 방식 | 자바스크립트를 렌더링한 뒤의 HTML도 읽음 | 네이버 로봇(Yeti)은 자바스크립트 렌더링이 제한적이라 HTML 원문에 태그가 있어야 안전 |
실무에서 중요한 차이는 마지막 줄입니다. 자바스크립트로 타이틀과 메타 설명을 나중에 바꾸는 사이트는 구글에서는 정상이어도 네이버에는 기본값이 노출될 수 있습니다. 서버에서 완성된 HTML에 태그를 넣는 것이 가장 확실합니다. 네이버 대응은 네이버 SEO 가이드에 정리해 두었습니다.
좋은 예와 나쁜 예
| 구분 | 나쁜 예 | 좋은 예 | 이유 |
|---|---|---|---|
| 타이틀 | 홈 | 강남 필라테스 1:1 개인레슨 | 핏앤코어 | 「홈」은 아무 정보도 주지 않음 |
| 타이틀 | 필라테스,강남필라테스,필라테스학원,필라테스가격 | 강남 필라테스 가격 비교와 수강권 안내 | 키워드 나열은 스팸처럼 보이고 재작성 대상 |
| 타이틀 | (주)핏앤코어 공식 홈페이지에 오신 것을 환영합니다 - 최고의 서비스 | 핏앤코어 - 강남역 필라테스·체형교정 스튜디오 | 인사말과 수식어가 폭만 차지 |
| 메타 설명 | 핏앤코어 홈페이지입니다. | 강남역 5분 거리 1:1 필라테스 스튜디오입니다. 체형 분석 후 맞춤 수업을 진행하며 첫 체험 수업을 예약할 수 있습니다. | 무엇을, 어디서, 어떻게 제공하는지 담음 |
| 메타 설명 | 모든 페이지에 같은 문장 | 페이지별로 다른 요약 | 중복 설명은 검색엔진이 무시하기 쉬움 |
좋은 메타 설명은 무엇을 제공하는지 → 차별점 → 다음 행동의 순서로 씁니다. 「예약」, 「비교」, 「무료 상담」처럼 행동을 유도하는 말로 끝내면 클릭 이유가 분명해집니다.
SEO Check에서는 이렇게 점검합니다
무료 SEO 진단은 홈페이지 HTML을 직접 읽어 다음 항목을 확인합니다.
- 타이틀 존재·길이: 한글 15~30자(표시 폭 약 60 이하)면 통과, 너무 짧거나 검색 결과에서 잘릴 만큼 길면 개선 필요로 표시합니다.
<title>이 두 개 이상이어도 경고합니다. - 메타 설명 존재·길이: 한글 40~80자를 기준으로 보고, 없거나 두 개 이상 선언된 경우를 찾아냅니다.
- 네이버 관점: 메타 설명이 HTML 원문에 있는지 네이버 항목에서 한 번 더 확인합니다.
- 검색 결과 미리보기: 리포트의 공유 미리보기 영역에서 타이틀과 메타 설명이 구글 검색 결과에 어떻게 보일지 예상 모습을 함께 보여줍니다.
- 페이지별 중복: 정밀진단 리포트는 사이트 안 페이지 최대 30개를 수집해 타이틀·메타 설명이 빠졌거나 여러 페이지에서 똑같이 쓰인 경우를 목록으로 보여줍니다.
수정 전 마지막 점검용 체크리스트입니다.
- 모든 페이지에 서로 다른 타이틀이 있다
- 핵심 키워드가 타이틀 앞쪽 15자 안에 있다
- 브랜드명은 끝에 한 번만, 구분 기호와 함께 붙였다
- 메타 설명은 한글 40~80자로 페이지 내용을 정확히 요약한다
- 타이틀과 H1이 같은 주제를 말한다
- 두 태그 모두 자바스크립트 없이 HTML 원문에 들어 있다
자주 묻는 질문
타이틀 태그는 몇 자가 적당한가요?
메타 설명을 쓰면 검색 순위가 올라가나요?
구글이 제가 쓴 제목 대신 다른 제목을 보여줍니다. 왜 그런가요?
모든 페이지 타이틀에 브랜드명을 넣어야 하나요?
메타 설명이 없으면 어떻게 되나요?
이 항목, 내 사이트는 어떨까요?
무료 간편진단으로 타이틀 · 메타 설명를 포함한 핵심 항목을 1분 만에 확인하세요.