타이틀 태그는 HTML의 <title> 요소로, 웹페이지의 제목을 지정합니다. 브라우저는 이 값을 탭에 표시합니다. Google도 검색결과의 클릭 가능한 제목인 제목 링크(title link)를 만들 때 참고합니다.
브라우저 탭과 검색결과에 쓰이는 자리
<head>
<title>타이틀 태그란? 작성법과 H1 차이 | AVCD</title>
</head>
타이틀 태그는 HTML의 <head> 안에 있습니다. 위 예시를 넣으면 브라우저 탭에는 ‘타이틀 태그란? 작성법과 H1 차이 | AVCD’가 표시됩니다. 본문에서 읽는 큰 제목은 보통 H1으로 작성하며, 타이틀 태그를 넣는 것만으로 본문에 제목이 생기지는 않습니다.
제목 링크가 만들어지는 방식
Google이 표시하는 제목은 타이틀 태그와 다를 수 있습니다. Google은 <title> 외에도 H1, 화면에서 크게 표시한 제목, og:title, 본문, 앵커 텍스트, WebSite 구조화 데이터 등을 참고해 제목 링크를 자동으로 만듭니다.
타이틀 태그가 내용을 정확히 설명하지 못하거나 주 제목을 구별하기 어려우면 Google이 다른 문구를 선택할 수 있습니다.
- 페이지 내용과
<title>이 맞지 않는 경우 - 여러 페이지가 같은
<title>을 사용하는 경우 - 연도나 상품 정보가 오래된 경우
- 키워드를 반복해 읽기 어려운 경우
- 페이지에서 주 제목으로 보이는 문구가 여러 개인 경우
페이지를 구별할 수 있는 제목 쓰기
제목에는 그 페이지에서 다루는 대상과 내용을 적습니다. 예를 들어 모든 안내 페이지를 ‘이용 안내’라고 부르면 배송, 반품, 결제 중 무엇을 설명하는지 알 수 없습니다. 제주 배송 조건을 다룬 페이지라면 ‘제주 배송 기간과 추가 배송비’처럼 내용을 구체적으로 적을 수 있습니다.
상품이나 연속 게시물처럼 제목이 비슷해지기 쉬운 페이지에는 모델명이나 회차 등 구별에 필요한 정보를 넣습니다. 같은 키워드의 변형을 나열하거나 회사 소개를 길게 반복하면 정작 페이지별 차이가 드러나지 않습니다. 네이버도 <title>에 개별 페이지의 주제를 명확히 적고 페이지마다 같은 제목을 쓰지 않도록 안내합니다.
Google 검색결과에서는 기기의 화면 너비에 맞춰 제목 일부가 잘릴 수 있습니다. 타이틀 태그의 길이를 특정 글자 수로 맞추는 것만으로 전체 표시를 보장할 수는 없습니다. 페이지를 구별하는 내용을 앞에 쓰고, 사이트명을 덧붙인다면 짧게 적습니다. Google은 사이트명을 제목 앞이나 뒤에 넣는 방식을 모두 안내합니다.
타이틀 태그와 H1의 위치, 역할 차이
<title>과 H1은 문구가 같아도 되고 달라도 됩니다. 위 코드처럼 <title>에 사이트명을 덧붙이고 H1에는 페이지 제목만 쓸 수도 있습니다. 다만 타이틀 태그에는 배송 기간을 적고 H1과 본문은 반품만 설명하는 식으로 내용이 어긋나서는 안 됩니다.
| 구분 | 타이틀 태그 | H1 |
|---|---|---|
| HTML 위치 | <head> 안 | <body> 안 |
| 표시 역할 | 브라우저 탭의 제목이며 검색결과 제목의 참고 자료입니다. | 페이지 본문에 주 제목을 표시합니다. |
| 문구의 관계 | 사이트명 등 짧은 부가 설명을 붙일 수 있습니다. | <title>과 같은 페이지 내용을 설명합니다. |
수정한 제목 확인하기
페이지 소스의 <title>과 화면의 H1을 먼저 대조한 뒤, Google과 네이버 검색결과의 제목을 확인합니다. 검색결과만 다르다면 다른 문구로 바꿔 쓰기 전에 오래된 연도, 중복 제목, 내용 불일치가 있는지 살펴봅니다. 홈페이지나 공통 템플릿의 제목이 모든 상세 페이지에 들어간 경우도 확인할 대상입니다.
Google이 페이지를 다시 수집하고 처리해야 수정한 제목도 검색결과에 반영될 수 있습니다. 수정 직후의 검색결과에 예전 문구가 남아 있어도 곧바로 설정 오류로 단정하지 않습니다.
자주 묻는 질문
타이틀 태그는 몇 자가 적당한가요?
Google은 <title>의 고정 글자 수 제한을 제시하지 않지만, 검색결과에서는 화면 폭에 맞춰 일부를 생략할 수 있습니다. 글자 수를 채우기 위해 늘리기보다 제품명이나 페이지의 주제를 남기고 중복 키워드와 긴 홍보 문구를 줄입니다.
검색결과 제목이 마음대로 바뀌는 이유는 무엇인가요?
Google이 타이틀 태그 외의 본문 제목이나 링크 문구를 선택할 수 있기 때문입니다. 페이지의 내용이 바뀌었는데 <title>에 예전 연도나 상품 정보가 남았는지, 여러 페이지가 같은 제목을 쓰는지 확인합니다. 반대로 검색결과의 제목이 내용을 더 정확히 설명한다면 그 표현을 원고 제목에 반영할지 검토할 수 있습니다.
사이트 이름은 항상 넣어야 하나요?
항상 넣어야 하는 것은 아닙니다. 넣는다면 이름만 짧게 쓰고 긴 회사 소개를 모든 페이지에 반복하지 않습니다. Google은 검색결과에 별도로 표시한 사이트 이름과 중복되면 제목 링크에서 사이트명을 생략할 수도 있습니다.
함께 알아두면 좋은 용어
- title link: Google 검색결과에서 클릭할 수 있는 제목
- H1 태그: 페이지 본문에 표시되는 주 제목
- 메타 디스크립션: 페이지 내용을 요약하는 메타 태그
og:title: 소셜 공유 등에 사용할 제목 정보