타이틀 태그
타이틀 태그는 페이지 제목을 설정하는 HTML 요소로, 검색 엔진이 결과 화면에서 클릭 가능한 제목으로 표시하고 브라우저 탭에도 나타나며, 페이지가 다루는 주제를 알리는 가장 강력한 온페이지 신호 중 하나입니다.
타이틀 태그는 페이지 `<head>` 안에 위치하며, 검색 엔진과 검색자 모두가 해당 페이지에 대해 처음으로 읽는 요소입니다. 검색 엔진은 타이틀 태그에 상당한 비중을 두어 페이지가 어떤 쿼리에 순위를 매겨야 하는지 결정합니다. 따라서 핵심 검색어를 앞부분에, 실제 구매자가 검색창에 입력할 법한 표현으로 배치해야 합니다. 타이틀 태그는 `<title>` 요소 한 줄로 설정되며, 페이지당 하나만 존재할 수 있습니다. 이 희소성이 핵심입니다. 모든 단어가 여러분이 직접 통제할 수 있는 가장 눈에 띄는 위치를 두고 경쟁하므로, "홈"처럼 모호한 표현이나 브랜드명만 남겨두면 페이지에서 가장 강력한 줄이 거의 아무 역할도 하지 못합니다.
글자 수는 엄격한 규칙이 아닌 실용적인 제약입니다. 검색 결과에서는 약 50자에서 60자가 표시된 뒤 잘리며, 문장 중간에서 잘린 타이틀은 부주의하게 보이고 가장 보여 주고 싶었던 내용을 잃게 됩니다. 구체적인 검색어를 앞에 두고, 뒷부분에 브랜드명이나 클릭을 유도하는 이유를 배치합니다. 페이지마다 고유한 타이틀이 필요합니다. 카탈로그 전체에 걸쳐 중복된 타이틀이 존재하면 검색 엔진이 어느 페이지가 어느 쿼리에 답하는지 혼란스러워하고, 쌓아 온 관련성이 분산됩니다.
예를 들어, 자연주의 스킨케어를 판매하는 Shopify 스토어를 생각해 보겠습니다. 테마의 기본값이 "상품 페이지, 내 스토어"처럼 출력된다면 검색자에게 아무 정보도 주지 못합니다. "무방부제 약산성 토너, 200ml, 민감성 피부용"으로 바꾸면 성분, 용량, 대상 피부 타입이 한 줄에 담기고 잘림 없이 표시됩니다. 컬렉션 페이지도 같은 방식으로 "컬렉션"에서 "여성 자연주의 스킨케어, 무향 저자극"으로 바꿀 수 있습니다. Shopify에서는 상품별, 컬렉션별로 검색 목록 미리보기 섹션에서 수정할 수 있으며, 더 세밀한 제어가 필요하다면 `<title>` 요소를 렌더링하는 테마 템플릿을 통해 조정할 수 있습니다.
Naver와 Google 모두 타이틀 태그를 핵심 색인 신호로 사용합니다. 한국 검색자는 영어권과 다른 표현으로 검색하는 경우가 많으므로, 실제 구매자가 Naver 검색창이나 Google 검색창에 입력할 법한 한국어 표현을 타이틀에 담는 것이 중요합니다. 브랜드명보다 소재, 기능, 사용 목적을 앞세우는 방식이 상품 페이지에서 특히 효과적입니다.
타이틀 태그는 검색 결과 페이지를 넘어서도 중요합니다. ChatGPT, Perplexity, Google AI Overviews 같은 AI 답변 엔진은 페이지가 무엇을 다루는지, 그리고 답변을 요약할 때 인용할 가치가 있는지 판단할 때 명확한 페이지 제목에 의존합니다. 주제를 분명히 명시한 타이틀은 이러한 시스템에 정확한 라벨을 제공하므로 페이지를 검색하고 인용하기가 더 수월해집니다. 반면 키워드를 남발했거나 의미가 불명확한 타이틀은 시스템이 활용하기 어려워, 의도가 분명한 경쟁사 페이지에 자리를 내줄 가능성이 높아집니다.
솔직히 말하자면, 검색 엔진은 타이틀 태그를 결과에서 자체적으로 바꾸기도 합니다. 쿼리에 더 잘 맞는다고 판단하면 H1이나 다른 온페이지 텍스트로 대체하는 것입니다. 여러분이 입력한 문구가 그대로 표시되도록 강제할 수는 없습니다. 따라서 키워드를 채우는 것보다 정확하고 독립적으로 이해할 수 있는 타이틀을 작성합니다. 명확하고 진실된 타이틀이 유지될 가능성이 가장 높고, 이를 읽는 모든 시스템에 가장 유용합니다.