WordPress에 hreflang 태그를 추가하는 방법
게시 됨: 2023-02-12
여러 언어와 지역을 지원하는 웹 사이트를 구축하고 있습니까? 다국어 사이트는 잠재 고객을 기하급수적으로 확장할 수 있지만 관리하기 어려워 보일 수도 있습니다.
좋은 소식은 hreflang 태그를 추가하면 사이트의 검색 엔진 최적화(SEO) 및 사용자 경험(UX)을 개선할 수 있다는 것입니다. 달성하기가 그리 어렵지 않으며 트래픽 및 참여 증가의 이점을 빠르게 얻을 수 있습니다.
이 기사에서는 hreflang 태그가 무엇인지 살펴보고 이를 사용하기 위한 몇 가지 모범 사례를 살펴보겠습니다. 그런 다음 WordPress 웹사이트에서 이러한 태그를 구현하는 데 사용할 수 있는 방법을 공개합니다. 일하러 가자!
hreflang이란 무엇입니까?
hreflang 태그는 특정 언어 및 지역에 대해 표시할 웹페이지 버전을 Google에 알려주는 HTML 코드입니다. 다음은 해당 코드의 예입니다.
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
각 태그에는 영어와 미국의 경우 "en-us" 또는 프랑스어와 프랑스의 경우 "fr-fr"과 같이 언어와 위치 세부 정보의 조합이 포함됩니다.
Google은 웹페이지의 언어를 감지할 수 있지만 hreflang 태그가 없으면 여전히 검색 순위에 악영향을 미칠 수 있습니다. 이러한 태그가 없으면 다른 언어로 된 페이지가 최상위 게재위치를 놓고 서로 경쟁하게 될 수 있기 때문입니다. hreflang 태그는 자체적으로 순위를 매기는 요소는 아니지만 Google이 사용자에게 올바른 페이지를 제공하는 데 도움이 됩니다.
hreflang 및 다국어 사이트: 모범 사례
WordPress 다국어 웹사이트를 통해 더 많은 청중에게 도달할 수 있지만 결과를 얻으려면 특정 모범 사례를 구현해야 합니다. 이러한 종류의 웹 사이트에 대한 모범 사례 중 하나는 hreflang 태그를 사용하는 것이지만 다른 스마트 기술도 있습니다.
최상의 사용자 경험을 위해 기계 번역 텍스트가 아닌 원어민이 작성한 콘텐츠를 사용하는 것이 현명합니다. 또 다른 모범 사례는 일치하지 않는 언어에 선택적 x-default 태그를 사용하는 것입니다. 사용자가 원하는 위치와 언어를 선택할 수 있는 홈 페이지에서 사용해야 합니다.
웹사이트에서 표준 태그를 사용하는 경우 hreflang 태그를 추가할 때도 주의해야 합니다. 이 두 가지 유형의 태그는 서로 충돌하여 어떤 페이지를 표시해야 하는지에 대해 혼합된 신호를 Google에 보낼 수 있습니다. 표준 태그가 있는 페이지에서 hreflang 태그를 제외할 수 있지만 단순히 언어 태그를 신중하게 추가하는 것이 좋습니다.
WordPress에서 hreflang 태그를 구현하는 방법
hreflang 태그는 WordPress 웹사이트에서 매우 중요하지만 올바르게 구현된 경우에만 가능합니다. 웹사이트에 이러한 태그를 추가하는 데 사용할 수 있는 세 가지 방법이 있습니다. 플러그인은 가장 쉽고 일반적인 방법입니다. 그러나 웹사이트 헤더를 업데이트하거나 XML 사이트맵을 편집할 수도 있습니다. 세 가지 기술을 모두 살펴보겠습니다.
hreflang 플러그인
가장 쉬운 hreflang 구현 방법은 WordPress 플러그인을 사용하는 것입니다. MultilingualPress와 같은 플러그인은 hreflang 태그를 자동으로 추가하며 성능 문제를 일으키지 않습니다.
MultilingualPress에는 게시물 편집기에서 찾을 수 있는 번역 기능도 있습니다. 번역을 수락하면 플러그인이 적절한 hreflang 태그를 사이트 헤더에 추가합니다. 번역 기능은 게시물에 국한되지 않고 Yoast 및 WooCommerce와 같은 플러그인과도 잘 동기화되는 동안 태그 및 카테고리에서 작동합니다.
hreflang 구현을 위한 또 다른 플러그인 옵션은 Polylang입니다.
Polylang은 여러 언어로 WordPress 웹사이트를 관리하는 데 도움이 되는 인기 있는 무료 도구입니다. 평소와 같이 콘텐츠를 만든 다음 언어를 할당할 수 있습니다. 그 후에는 Polylang이 hreflang 태그를 처리합니다.
<head>에 hreflang 추가
header.php 파일을 업데이트하여 플러그인 없이 WordPress 웹사이트에 hreflang 태그를 추가할 수 있습니다. 이 파일에 액세스하려면 Appearance > Theme Editor 로 이동하거나 FTP(File Transfer Protocol)를 사용해야 합니다.
파일을 연 후 <head> 오프너를 찾아 다음 코드에 붙여넣기를 원할 것입니다.
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
이 예에서는 영어 콘텐츠에 태그를 추가해야 합니다. x-default 및 영어 hreflang 태그도 영어 콘텐츠 페이지를 가리킵니다.
반면에 스페인어 및 프랑스어 hreflang 태그는 페이지의 올바른 언어 버전으로 리디렉션됩니다. 물론 웹사이트에서 사용되는 다른 언어에 대해 더 많은 hreflang 태그를 추가할 수 있습니다.
XML 사이트맵에 hreflang 추가
header.php 파일을 편집하지 않으려면 대신 사이트의 XML 사이트맵을 업데이트할 수 있습니다. 이 방법을 사용하면 Google에서 대체 언어 페이지를 찾아 적절하게 색인을 생성할 수 있습니다. 사이트맵을 업데이트하면 웹 페이지의 크기도 줄어들어 로딩 시간이 단축됩니다.
XML 사이트맵의 hreflang 태그는 약간 다릅니다.
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
XML 사이트맵을 편집하면 인덱싱에 도움이 되지만 복잡해질 수도 있습니다. 웹사이트가 큰 경우 사이트맵이 비대해질 수 있습니다. 사이트맵에 hreflang 태그를 추가하는 것도 위에서 설명한 다른 방법을 사용하는 것보다 시간이 오래 걸릴 수 있습니다.
WordPress에서 hreflang을 확인하는 방법
포함된 경우에도 hreflang 태그는 다국어 웹사이트에서 잘못 구현되는 경우가 많습니다. hreflang 태그를 확인하면 태그를 올바르게 추가했는지 확인할 수 있습니다.
태그를 검증하기 위해 다양한 온라인 도구를 사용할 수 있습니다. 이러한 도구는 유사한 정보를 제공하지만 다른 방식으로 제공합니다. Sitrix의 hreflang 태그 테스트 도구는 웹사이트에 태그를 표시하고 오류가 있는지 알려줍니다.
Merke의 hreflang 태그 테스트 도구는 웹사이트의 태그 및 오류 분석도 제공합니다.
그러나 오류만 확인하려는 경우 SALT.agency의 hreflang 태그 테스트 도구는 또 다른 옵션입니다.
WP 엔진으로 계속 학습
여러 언어로 된 콘텐츠가 포함된 웹사이트가 있는 경우 hreflang 태그는 Google이 올바른 방문자에게 올바른 페이지를 제공하는 데 도움이 됩니다. 다행히 웹사이트에 hreflang 태그를 추가하는 방법에는 여러 가지가 있으며 가장 쉬운 옵션은 전용 플러그인을 설치하는 것입니다.
다국어 웹 사이트 운영의 다른 측면으로 어려움을 겪고 있는 경우 WP 엔진은 필요한 리소스를 찾는 데 최선을 다하고 있습니다. 오늘 우리의 계획을 확인하십시오!