타이틀 태그는 웹페이지의 제목을 나타내는 <title> HTML 요소입니다. 브라우저 탭에 표시되며, Google은 검색결과의 클릭 가능한 제목인 title link를 만들 때 주요 자료로 사용합니다.
이 글은 Google 공식 문서와 네이버 공식 문서를 기준으로 작성했습니다.
브라우저 탭과 검색결과에 쓰이는 자리
<head>
<title>타이틀 태그란? 작성법과 H1 차이 | AVCD</title>
</head>
타이틀 태그는 페이지 본문 제목과 달리 <head>에 들어갑니다. 사용자는 브라우저 탭과 검색결과에서 주로 확인합니다.
제목 링크가 만들어지는 방식
항상 그대로 보여 주지는 않습니다. Google은 title 요소뿐 아니라 페이지의 H1, 크게 표시된 제목, og:title, 본문, 앵커 텍스트와 WebSite 구조화 데이터 등을 참고해 title link를 자동 생성합니다.
다음과 같은 경우 다른 제목으로 바뀔 수 있습니다.
- 페이지 내용과 title이 맞지 않는 경우
- 여러 페이지가 같은 title을 사용하는 경우
- 연도나 상품 정보가 오래된 경우
- 키워드를 반복해 읽기 어려운 경우
- 페이지에서 주 제목으로 보이는 문구가 여러 개인 경우
좋은 타이틀 태그의 조건
- 페이지마다 내용을 구분할 수 있는 고유한 제목을 작성합니다.
- 페이지의 핵심 주제를 구체적으로 설명합니다.
- 같은 키워드나 비슷한 표현을 반복하지 않습니다.
- 사이트명을 넣는다면 핵심 제목 뒤에 일관되게 배치합니다.
- 페이지 내용과 H1이 서로 다른 주제를 말하지 않게 합니다.
Google은 타이틀 태그에 공식 고정 글자 수를 제시하지 않습니다. 검색결과에서는 화면 너비에 따라 일부가 생략될 수 있습니다. 글자 수만 맞추기보다 핵심 주제를 앞부분에 두고 반복 문구를 줄이세요.
타이틀 태그와 H1의 위치, 역할 차이
검색결과용 title은 사이트명을 포함해 짧게 정리하고, H1은 페이지 안에서 내용을 더 자연스럽게 설명할 수 있습니다. 두 문구가 달라도 사용자가 기대한 내용과 실제 페이지가 일치해야 합니다.
| 구분 | 타이틀 태그 | H1 |
|---|---|---|
| 주요 위치 | HTML head, 브라우저 탭, 검색결과 후보 | 페이지 본문 |
| 역할 | 문서 제목 정보 제공 | 사용자가 보는 주 제목 |
| 반드시 같은가 | 같을 수 있지만 동일할 필요는 없음 | title과 같은 주제를 설명해야 함 |
타이틀 태그와 Google의 제목 링크도 같은 값이 아닙니다. 태그는 운영자가 제공하는 HTML이고, 제목 링크는 Google이 여러 자료를 바탕으로 검색결과에 실제 표시한 문구입니다. ChatGPT, Claude, Gemini가 출처에 보여 주는 제목 역시 각 서비스가 고른 표시값이라 Google 제목 링크와 같다고 볼 수 없습니다.
페이지 소스에서 <title> 값을 확인한 뒤 실제 Google과 Naver 검색결과의 제목을 대조합니다. AI 출처 제목은 같은 URL이 인용된 답변 화면에서 따로 기록합니다.
자주 묻는 질문
타이틀 태그는 몇 자가 적당한가요?
Google이 정한 고정 글자 수는 없습니다. 기기와 검색결과 형태에 따라 잘릴 수 있으므로 핵심 내용을 앞에 두는 것이 좋습니다.
검색결과 제목이 마음대로 바뀌는 이유는 무엇인가요?
Google이 title, 페이지의 주 제목과 링크 문구 등 여러 자료를 바탕으로 다른 문구를 선택했기 때문입니다. title과 H1, 본문 제목의 일치 여부를 확인하세요.
사이트 이름은 항상 넣어야 하나요?
필수는 아닙니다. 넣는다면 페이지마다 반복되는 부분이 너무 길지 않게 하고 핵심 제목을 먼저 보여 주세요.
함께 알아두면 좋은 용어
- title link: Google 검색결과에서 클릭할 수 있는 제목
- H1 태그: 페이지 본문에 표시되는 주 제목
- 메타 디스크립션: 페이지 내용을 요약하는 메타 태그
- og:title: 소셜 공유 등에 사용할 제목 정보