다국어 언어 태그 (Hreflang Tag)
Hreflang Tag
Hreflang 태그는 검색엔진에게 동일 콘텐츠의 언어/국가별 버전을 알려주는 지표입니다. <link rel="alternate" hreflang="x" href="url" /> 형식을 HTML <head> 섹션에 삽입하여 중복 콘텐츠 페널티를 방지하고 타겟 국가별 검색 노출을 최적화하세요.
Hreflang 태그는 검색엔진에게 동일 콘텐츠의 언어/국가별 버전을 알려주는 지표입니다. <link rel=”alternate” hreflang=”x” href=”url” /> 형식을 HTML <head> 섹션에 삽입하여 중복 콘텐츠 페널티를 방지하고 타겟 국가별 검색 노출을 최적화하세요.
📖 개념 정의 및 실무 적용
글로벌 서비스 운영 시 동일한 제품이나 콘텐츠가 여러 언어로 존재하면 검색엔진은 이를 중복 콘텐츠로 오인하여 순위를 낮추거나, 잘못된 언어의 페이지를 사용자에게 노출하는 비효율이 발생합니다. Hreflang은 검색엔진에게 각 페이지의 타겟팅을 명확히 전달하여 사용자 경험을 개선하고 글로벌 트래픽을 효율적으로 분산시킵니다.
💻 실무 활용 코드 스니펫 (HTML)
<!-- 한국어 페이지 (기본) -->
<link rel="alternate" hreflang="ko-KR" href="https://example.com/ko/" />
<!-- 영어 페이지 (미국) -->
<link rel="alternate" hreflang="en-US" href="https://example.com/en/" />
<!-- 영어 페이지 (기타 국가용) -->
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<!-- 기본값 (언어/국가 매칭 실패 시) -->
<link rel="alternate" hreflang="x-default" href="https://example.com/" />⚡ 5분 만에 적용하는 실행 스텝
- 사이트 내 모든 언어별 URL 리스트를 확보하고 각 페이지의 타겟 언어/국가 코드를 매핑합니다.
- 각 페이지의 <head> 섹션에 해당 페이지를 포함한 모든 언어 버전의 URL을 hreflang 태그로 삽입합니다.
- x-default 태그를 설정하여 특정 언어/국가에 해당하지 않는 사용자에게 보여줄 기본 페이지를 지정합니다.
- Google Search Console의 ‘국제 타겟팅’ 보고서를 통해 설정 오류가 없는지 최종 확인합니다.
첫째, Hreflang은 반드시 양방향 참조(Self-referencing)가 되어야 합니다. A페이지가 B를 가리키면 B도 반드시 A를 가리켜야 합니다. 둘째, 사이트맵(sitemap.xml)을 활용하면 HTML 수정 없이도 대규모 사이트의 Hreflang 설정을 효율적으로 관리할 수 있습니다.
첫째, 상대 경로(예: /ko/page)를 사용하면 안 됩니다. 반드시 프로토콜을 포함한 절대 경로(https://…)를 사용하세요. 둘째, 언어 코드와 국가 코드를 혼동하지 마세요. ISO 639-1(언어)과 ISO 3166-1 Alpha 2(국가) 형식을 정확히 준수해야 합니다.
❓ 자주 묻는 질문 (FAQ)
A. 네, 해당 콘텐츠의 모든 언어 버전 URL을 각 페이지마다 빠짐없이 포함해야 검색엔진이 전체 관계를 정확히 파악할 수 있습니다.
A. 네, 권장됩니다. canonical은 해당 페이지의 대표 URL을, hreflang은 언어별 버전을 나타내므로 두 태그를 함께 사용하여 검색엔진의 이해도를 높이는 것이 좋습니다.