글로벌 시장 확장의 핵심, hreflang 태그 이해하기
오늘날 디지털 시대에 기업들은 더 이상 국경에 얽매이지 않고 전 세계를 무대로 비즈니스를 확장하고 있습니다. 웹사이트를 통해 다양한 언어와 지역의 사용자들에게 도달하는 것은 글로벌 성공의 필수 조건이 되었죠. 하지만 이때 가장 중요한 질문이 생깁니다: "어떻게 특정 언어와 지역의 사용자에게 가장 적합한 콘텐츠를 검색 결과에 노출시킬 수 있을까?" 여기에 대한 답이 바로 hreflang 태그입니다.
hreflang 태그는 웹사이트의 동일하거나 유사한 콘텐츠가 여러 언어 또는 여러 지역을 대상으로 존재할 때, 검색 엔진에 어떤 페이지가 어떤 언어/지역 사용자를 위한 것인지를 명확하게 알려주는 역할을 합니다. 이를 통해 검색 엔진은 사용자 질의와 가장 적합한 언어/지역 버전의 페이지를 노출하여, 사용자 경험을 향상시키고 동시에 국제 SEO 성능을 극대화할 수 있습니다.
hreflang 태그가 왜 그렇게 중요할까요?
hreflang 태그의 중요성은 크게 세 가지로 요약할 수 있습니다.
1. 중복 콘텐츠 문제 해결: 동일한 내용의 콘텐츠가 여러 언어로 존재할 경우, 검색 엔진은 이를 중복 콘텐츠로 인식하여 어느 페이지를 우선순위에 둘지 혼란스러워할 수 있습니다. hreflang 태그는 각 페이지의 대상이 다름을 명확히 하여 중복 콘텐츠 패널티를 예방합니다.
2. 타겟팅 정확도 향상: 예를 들어, 한국어를 사용하는 미국 사용자에게는 미국 시장용 한국어 페이지를, 한국에 거주하는 한국어 사용자에게는 한국 시장용 한국어 페이지를 정확히 노출시킬 수 있습니다. 이는 사용자 경험을 크게 향상시키고 전환율을 높이는 데 기여합니다.
3. 국제 검색 가시성 증대: 올바르게 구현된 hreflang 태그는 각 지역 검색 결과에서 웹사이트의 가시성을 높여 더 많은 잠재 고객에게 도달할 수 있도록 돕습니다.
hreflang 태그의 올바른 구현 방법
hreflang 태그는 HTML 태그, HTTP 헤더, XML 사이트맵의 세 가지 방법으로 구현할 수 있습니다. 가장 일반적이고 권장되는 방법은 HTML <head> 섹션에 추가하는 것입니다.
1. HTML `<head>` 섹션에 추가 (가장 일반적)
각 페이지의 <head> 섹션에 해당 페이지의 언어/지역 코드와 다른 대안 페이지들을 명시합니다.
예시: 한국어(ko) 일반 페이지와 영어(en) 일반 페이지가 있다고 가정해봅시다.
한국어 페이지 (https://www.example.com/ko/)의 <head> 태그 내:
`html
<link rel="alternate" href="https://www.example.com/ko/" hreflang="ko" />
<link rel="alternate" href="https://www.example.com/en/" hreflang="en" />
<link rel="alternate" href="https://www.example.com/" hreflang="x-default" />
`
영어 페이지 (https://www.example.com/en/)의 <head> 태그 내:
`html
<link rel="alternate" href="https://www.example.com/ko/" hreflang="ko" />
<link rel="alternate" href="https://www.example.com/en/" hreflang="en" />
<link rel="alternate" href="https://www.example.com/" hreflang="x-default" />
`
주요 요소 설명:
* rel="alternate": 이 페이지가 대체 버전임을 나타냅니다.
* href="[URL]": 대체 페이지의 전체 URL입니다.
* hreflang="[언어_지역 코드]": ISO 639-1 형식의 언어 코드(필수)와 ISO 3166-1 Alpha 2 형식의 지역 코드(선택 사항)를 조합합니다. 예) ko (한국어), en-US (미국 영어), fr-CA (캐나다 프랑스어).
* hreflang="x-default": 어떤 언어나 지역에도 해당하지 않는 사용자에게 표시될 기본 페이지를 지정합니다. 일반적으로 언어 선택 페이지나 가장 일반적인 버전의 페이지를 사용합니다. x-default는 필수 사항은 아니지만, 강력히 권장됩니다.
2. HTTP 헤더에 추가 (PDF 등 HTML이 아닌 파일)
HTML 문서가 아닌 PDF 같은 파일을 대상으로 할 때 HTTP 헤더를 사용할 수 있습니다.
`
Link: <https://www.example.com/ko/>; rel="alternate"; hreflang="ko",
<https://www.example.com/en/>; rel="alternate"; hreflang="en",
<https://www.example.com/>; rel="alternate"; hreflang="x-default"
`
3. XML 사이트맵에 추가
대규모 웹사이트의 경우 XML 사이트맵을 통해 hreflang을 구현하는 것이 관리 효율성 측면에서 유리할 수 있습니다.
`xml
<url>
<loc>https://www.example.com/ko/</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://www.example.com/en/" />
<xhtml:link
rel="alternate"
hreflang="x-default"
href="https://www.example.com/" />
</url>
<url>
<loc>https://www.example.com/en/</loc>
<xhtml:link
rel="alternate"
hreflang="ko"
href="https://www.example.com/ko/" />
<xhtml:link
rel="alternate"
hreflang="x-default"
href="https://www.example.com/" />
</url>
`
hreflang 태그 구현 시 흔한 오류 및 해결책
hreflang 태그는 강력하지만, 올바르게 구현하지 않으면 무용지물이 되거나 오히려 SEO에 악영향을 줄 수 있습니다. 다음은 흔히 발생하는 오류와 그 해결책입니다.
* 양방향 참조 누락: 가장 흔한 오류입니다. A 페이지에서 B 페이지를 참조하면, B 페이지에서도 반드시 A 페이지를 참조해야 합니다 (상호 참조). 한쪽만 설정하면 검색 엔진은 이를 무시합니다.
* 잘못된 언어 또는 지역 코드: en-US는 맞지만 us-en은 틀린 코드입니다. ISO 표준 코드를 정확히 사용해야 합니다.
* 잘못된 URL 사용: 절대 경로(full URL)를 사용해야 합니다. 상대 경로(href="/en/")는 안 됩니다.
* 자기 참조 누락: 모든 페이지는 자기 자신을 참조(hreflang="ko" 페이지는 href="https://www.example.com/ko/" hreflang="ko")해야 합니다.
* 불일치하는 콘텐츠: hreflang 태그로 연결된 페이지들은 유사한 내용이어야 합니다. 완전히 다른 콘텐츠를 연결하면 오작동할 수 있습니다.
**전문가 팁**: Google Search Console의
자주 묻는 질문
Q. hreflang 태그는 왜 필요한가요?
hreflang 태그는 웹사이트의 여러 언어 및 지역 버전을 검색 엔진에 정확하게 알리기 위해 필요합니다. 이를 통해 중복 콘텐츠 문제를 방지하고, 특정 지역 사용자를 위한 가장 적합한 검색 결과를 제공하여 사용자 경험과 국제 SEO 성능을 향상시킵니다.
Q. hreflang 코드 'en-US'와 'en'의 차이점은 무엇인가요?
'en'은 단순히 영어를 사용하는 모든 사용자에게 해당함을 의미합니다. 반면 'en-US'는 미국에서 영어를 사용하는 사용자에게 특정됨을 의미합니다. 지역 코드(예: US)를 추가하면 더 세분화된 타겟팅이 가능합니다.
Q. x-default hreflang 태그는 언제 사용해야 하나요?
x-default 태그는 hreflang으로 지정된 다른 어떤 언어/지역에도 해당하지 않는 사용자에게 표시될 '기본' 또는 '폴백' 페이지를 지정할 때 사용합니다. 일반적으로 언어 선택 페이지나 가장 일반적인 버전의 페이지를 지정하는 것이 좋습니다.
Q. hreflang 태그를 잘못 구현하면 어떤 문제가 발생하나요?
hreflang 태그를 잘못 구현하면 검색 엔진이 웹사이트의 언어/지역 타겟팅을 제대로 이해하지 못하게 됩니다. 이로 인해 중복 콘텐츠 문제가 발생하거나, 잘못된 버전의 페이지가 노출되어 SEO 성능 저하 및 사용자 경험 악화를 초래할 수 있습니다.
Q. hreflang 태그와 canonical 태그는 함께 사용될 수 있나요?
네, 함께 사용할 수 있으며, 종종 함께 사용됩니다. canonical 태그는 중복된 콘텐츠 중 검색 엔진이 색인해야 할 '정식' 버전을 지정하는 반면, hreflang 태그는 다른 언어/지역 버전을 알려줍니다. 예를 들어, 'en-US'와 'en-GB' 페이지가 있다면, 각 페이지는 자신을 canonical로 지정하면서 다른 언어/지역 버전을 hreflang으로 참조할 수 있습니다.
Q. hreflang 태그 구현 후 변경 사항이 검색 결과에 반영되기까지 얼마나 걸리나요?
hreflang 태그 변경 사항이 검색 엔진에 반영되는 데 걸리는 시간은 검색 엔진 크롤링 주기, 웹사이트 규모, 변경 사항의 복잡성 등에 따라 다릅니다. 일반적으로 며칠에서 몇 주까지 걸릴 수 있으며, Google Search Console을 통해 크롤링 요청을 제출하면 반영 속도를 높일 수 있습니다.
Q. Search Console에서 hreflang 태그 오류를 어떻게 확인할 수 있나요?
Google Search Console의 '색인' > '페이지' 보고서에서 '지역 타겟팅(Hreflang) 문제' 섹션을 확인할 수 있습니다. 만약 hreflang 관련 오류가 있다면 이 섹션에 표시되어 해당 문제를 진단하고 해결하는 데 도움을 줍니다.