오늘은 Hreflang 태그에 대해서 알아보갰습니다. 이태그는 웹 페이지의 HTML 코드에 삽입되어 페이지가 어떤 언어와 지역을 대상으로 하는지 검색 엔진에 알려주는 메타 태그입니다.
Hreflang 태그
무엇인가?
Hreflang 태그는 웹 페이지의 HTML 코드에 삽입되어
페이지가 어떤 언어와 지역을 대상으로 하는지 검색 엔진에
알려주는 메타 태그입니다. 이 태그는 특히 다국어 웹사이트 또는
다지역 웹사이트에서 중요한 역할을 합니다.
 |
| Hreflang태그 |
왜 필요한가?
-
사용자 경험 개선
Hreflang 태그를 사용하면, 검색 엔진이 사용자에게 적절한 언어 또는 지역에 맞는 페이지를 제공할 수 있습니다. 예를 들어, 프랑스어 페이지와 영어 페이지가 있는 사이트에서 프랑스어를 사용하는 사용자는 검색 시 프랑스어 페이지로 안내받게 됩니다. -
중복 콘텐츠 문제 해결
여러 언어 또는 지역에 대해 동일한 콘텐츠를 제공하는 경우, 검색 엔진은 이를 중복 콘텐츠로 인식할 수 있습니다. Hreflang 태그를 통해 같은 콘텐츠라도 다른 대상(언어/지역)을 위한 것임을 명시하면, 중복 콘텐츠로 인한 SEO 손실을 방지할 수 있습니다. -
다양한 국가 및 언어 지원
다국어 또는 다지역 웹사이트를 운영하는 경우, Hreflang 태그를 통해 특정 국가나 언어를 겨냥한 페이지를 명확하게 검색 엔진에 알림으로써, 그 국가나 언어에서의 검색 결과 성능을 최적화할 수 있습니다.
Hreflang 태그의 구조
Hreflang 태그는 일반적으로 HTML 페이지의 <head> 섹션에
삽입됩니다. 그 형식은 다음과 같습니다:
html 코드
<linkrel="alternate"hreflang="ko"href="https://example.com/ko/"
/><linkrel="alternate"hreflang="en"href="https://example.com/en/"
/><linkrel="alternate"hreflang="fr"href="https://example.com/fr/"
/>
- rel="alternate": 대체 페이지라는 것을 의미합니다.
- hreflang="ko": 대상 언어(여기서는 한국어)를 나타냅니다.
- href="https://example.com/ko/": 해당 언어 또는 지역을 위한 웹 페이지의 URL을 지정합니다.
언어와 지역 코드
- 언어 코드는 ISO 639-1 표준을 따릅니다 (예: "en"은 영어, "ko"는 한국어).
- 지역 코드를 포함할 때는 ISO 3166-1 표준을 사용합니다 (예: "en-US"는 미국 영어, "fr-CA"는 캐나다 프랑스어).
예시
html코드
<linkrel="alternate"hreflang="en-US"href="https://example.com/en-us/"
/><linkrel="alternate"hreflang="en-GB"href="https://example.com/en-gb/"
/><linkrel="alternate"hreflang="fr-FR"href="https://example.com/fr/"
/>
- en-US: 미국을 대상으로 하는 영어 페이지.
- en-GB: 영국을 대상으로 하는 영어 페이지.
- fr-FR: 프랑스를 대상으로 하는 프랑스어 페이지.
이런 설정을 통해 검색 엔진은 해당 국가의 사용자에게 맞는 페이지를 추천하게 됩니다.
표현하는 방식은 사용자에게 더 직관적이고 명확한 경험을 제공합니다.
- 만약 국기를 사용해야 한다면, 국기와 언어명을 함께 사용하는 방식으로 보완할 수 있습니다. 예를 들어, "🇺🇸 English", "🇪🇸 Español" 같은 방식입니다.
댓글 쓰기