Hreflang 및 표준 태그를 올바르게 사용하고 구현하는 방법: 전체 가이드

목적이 비슷하기 때문에 hreflang 태그와 표준 태그는 종종 서로 혼동되는 경우가 있습니다. 결국, 두 태그 모두 Google 및 기타 검색 엔진에 어떤 웹 페이지를 색인화하여 특정 검색자에게 제공해야 하는지를 나타냅니다.

하지만 자세히 살펴보면 이러한 태그가 있다는 것을 알 수 있습니다:

• 다양한 기능이 있습니다,
• 는 같은 것이 아니며
• 특정 목적을 달성하려는 경우 혼용해 사용해서는 안 됩니다.

마지막 요점은 특히 중요합니다. 자신이 무엇을 하고 있는지 확실하지 않은 상태에서 웹 페이지에 표준 태그를 추가하거나 그 반대의 경우 검색 엔진이 검색자에게 올바른 버전의 페이지를 제공하지 못할 수 있기 때문입니다.

결과는? 검색자는 공들여 만든 웹 페이지가 아닌 전환 가능성이 낮은 다른 페이지를 보게 되어 트래픽, 판매 및 수익이 감소할 수 있습니다.

흐레플랑과 표준 태그의 차이점, 웹사이트에 올바르게 구현하기 위한 모범 사례, 그리고 그 과정에서 피해야 할 몇 가지 일반적인 실수를 살펴보세요.

Hreflang 및 표준 태그: 차이점은 무엇인가요?

레플랑 태그

Hreflang 태그는 검색 엔진 크롤러에게 웹 페이지의 언어와 대상 지리적 위치를 알려주는 코드 조각입니다. 다음은 hreflang 태그의 예시입니다:

‍

이 경우 hreflang 태그는 검색 엔진에 "https://www.example.com/gb/" 웹 페이지가 "en" ISO 639-1 언어 코드에 따라 영어로 되어 있으며 "gb" ISO 3166-1 지역 코드를 따르는 영국 지역의 검색자를 위한 것임을 알립니다.

Hreflang 태그는 다양한 지역 시장에 맞게 웹 페이지를 로컬라이즈한 국제 웹사이트에 특히 중요합니다. 검색 엔진이 여러 국가의 검색자에게 적절한 언어 및 지역 버전의 웹 페이지를 제공할 수 있도록 도와주기 때문입니다.

예를 들어 독일, 프랑스, 스위스, 이탈리아에 진출한 리테일러의 경우 6개의 지리적 잠재고객이 있을 수 있습니다:

1. 독일에서 온 독일어 사용자.
2. 스위스에서 온 독일어 사용자.
3. 프랑스에서 온 프랑스어 사용자.
4. 스위스에서 온 프랑스어 사용자.
5. 스위스에서온 이탈리아어 사용자.
6. 이탈리아에서온 이탈리아어 사용자.

이 리테일러는 먼저 웹사이트에 각 웹 페이지의 6가지 버전을 생성하여 각 지역 고객을 타겟팅합니다. 그런 다음 각 페이지 변형에 대해 리테일러는 검색 엔진에 정보를 제공하기 위해 hreflang 속성을 구현해야 합니다:

• 이 웹 페이지는 6가지 버전으로 존재합니다,
• 이러한 페이지 변형은 콘텐츠가 서로 매우 유사하더라도 중복 콘텐츠로 간주되지 않아야 합니다.
• 특정 국가의 방문자에게 제공해야 하는 페이지 변형입니다.

또한 hreflang 태그는 지시어가 아닌 신호 역할을 한다는 점을 기억하세요. 즉, 해외 검색자에게 웹 페이지를 어떻게 제공해야 하는지를 검색 엔진에 알려주는 역할을 합니다. 그러나 검색 엔진은 적절하다고 판단되는 경우 페이지를 다르게 제공하도록 선택할 수 있습니다.

흐레플랑 태그 모범 사례에 대한 종합 가이드를 확인하여 흐레플랑 태그의 작동 방식과 웹사이트에 구현하는 방법에 대해 자세히 알아보세요.

정식 태그

hreflang 태그와 마찬가지로 표준 태그도 검색 엔진 크롤러에 지시어가 아닌 신호를 제공하는 코드 조각입니다. 하지만 이 태그의 역할은 검색 엔진에 정보를 제공하는 것입니다:

• 웹 페이지의 "공식" 버전으로 간주할 URL 및
• 따라서 검색에서 해당 URL의 색인을 생성하고 순위를 매겨야 합니다.

표준 태그는 다음과 같은 경우에 유용합니다:

• 특정 웹 페이지의 URL 변형(예: "http://example.com" 대 "https://example.com").
• "http://example.com/products" 대 "https://example.com/products?category=suitcases"과 같이 웹 페이지의 작은 콘텐츠 변경 사항을 나타내는 URL의 매개변수입니다.
• 웹사이트의 다른 웹페이지 또는 다른 웹사이트에 콘텐츠를 복제하여 검색 엔진이 웹사이트의 특정 웹페이지를 콘텐츠의 공식 버전으로 간주하도록 하려는 경우입니다.

‍

정식 태그는 다음과 같이 표시됩니다:

표준 태그와 hreflang 태그는 모두 웹사이트 소유자가 일부 페이지가 검색 엔진에서 잘못 순위가 지정되지 않도록 하는 콘텐츠 중복 문제를 방지하는 데 도움이 됩니다. 그러나 hreflang 태그는 특정 언어 및 지역 설정을 사용하여 검색자에게 제공할 웹 페이지에 대한 보다 구체적인 지침을 제공합니다. 반면에 표준 태그는 유사한 콘텐츠를 가진 여러 페이지 중에서 검색 엔진에 어떤 페이지를 검색에 제공할 것인지만 알려줍니다.

URL이 "https://example.com/gb"인 홈페이지가 있고 그 콘텐츠가 각각 "https://example.com/gb1" 및 "https://example.com"인 다른 두 웹 페이지의 콘텐츠와 거의 비슷하다고 가정해 보겠습니다.

이런 상황에서는

• 표준 태그는 기본적으로 "페이지 'https://example.com/gb'는 'https://example.com/gb' 홈페이지의 공식 버전입니다. 검색에서 'https://example.com/gb1'이 아닌 'https://example.com/gb'의 순위를 매기세요.", 그리고
• hreflang 태그는 "페이지 'https://example.com/gb'는 영국에서 영어를 사용하는 검색자를 위한 페이지 'https://example.com'의 공식 버전입니다."라고 표시합니다. 영국에서 온 영어 검색자를 위한 'https://example.com/gb' 페이지입니다."라고 표시할 수 있습니다.

‍

표준 태그를 사용하면 검색 엔진 최적화(SEO)에 어떤 도움이 되나요?

해외 웹사이트를 운영하지 않는다면 hreflang 속성을 사용하지 않아도 괜찮을 수 있습니다. 그러나 이러한 방식으로 웹사이트를 유기적 트래픽에 더 잘 최적화할 수 있는 표준 태그 구현을 반드시 고려해야 합니다:

• 검색 엔진 결과 페이지(SERP)에 표시할 웹 페이지를 지정합니다: 검색자가 유사한 콘텐츠가 있는 다른 페이지보다 특정 웹 페이지로 이동하도록 하려면 표준 태그를 사용하여 이전 페이지를 검색 엔진이 검색자를 보내야 하는 페이지의 '공식' 버전으로 지정하세요.
• 원하는 웹 페이지로 링크 신호를 통합합니다: 동시에 비슷한 콘텐츠를 가진 웹페이지가 다른 웹사이트로부터 백링크를 받고 있을 수 있습니다. 표준 태그를 사용하면 이러한 중복 페이지가 선호하는 웹 페이지로 연결되는 링크 지분을 통합할 수 있습니다. 이렇게 하면 다른 웹사이트가 직접 링크하지 않더라도 선호하는 웹페이지의 평판과 순위를 높일 수 있습니다.

표준 태그 사용 시 모범 사례

다른 웹 페이지를 가리키는 표준 태그가 있는 웹 페이지에 Hreflang 주석을 추가하지 마세요.

이는 검색 엔진이 어떤 웹 페이지를 색인화하고 순위를 매길지 혼동할 위험이 있기 때문입니다.

웹 페이지 A와 웹 페이지 B라는 두 개의 웹 페이지가 있다고 가정해 보겠습니다. 웹 페이지 A에 웹 페이지 B를 가리키는 표준 태그를 추가하면 검색 엔진에 웹 페이지 A 대신 웹 페이지 B를 색인하고 순위를 매기도록 지시하는 것입니다.

그러나 웹 페이지 A에 hreflang 태그도 추가하면 검색 엔진에 웹 페이지 A도 색인하고 순위를 매겨야 한다는 신호를 보내는 것이므로 웹 페이지 A를 색인하거나 순위를 매기지 말라는 표준 태그의 지침과 상충됩니다.

이러한 상충되는 신호가 있을 경우 검색 엔진은 회원님의 흐레플랑과 표준 태그를 모두 무시하고 웹 페이지 A와 B의 순위를 자체적으로 결정할 수 있으며, 이러한 결정은 회원님이 원하는 것과 일치하지 않을 수 있습니다.

따라서 표준 태그가 있는 웹 페이지에 hreflang 태그를 추가하는 경우 표준 태그가 다른 페이지의 URL이 아닌 동일한 웹 페이지의 URL을 가리키고 있는지 확인합니다.

다른 웹사이트에 콘텐츠를 신디케이트할 때 표준 태그 사용

위에서 언급했듯이 표준 태그는 내 웹사이트뿐만 아니라 다른 웹사이트에 속한 URL을 가리키는 데 사용할 수 있습니다.

이 기능은 콘텐츠가 블로그와 콘텐츠 신디케이션 파트너 웹사이트 모두에 게시되었지만 검색 순위가 나보다 높은 경향이 있는 경우에 유용합니다. 검색 엔진이 다른 웹사이트가 아닌 내 블로그의 콘텐츠 버전을 제공하도록 하려면 그렇게 해야 합니다:

1. 블로그의 해당 콘텐츠 페이지에 표준 태그를 추가하고 이 태그가 동일한 콘텐츠 페이지의 URL을 가리키도록 합니다.
2. 콘텐츠 신디케이션 파트너에게 블로그의 콘텐츠 페이지 URL을 가리키는 표준 태그를 콘텐츠 페이지에 추가하도록 요청하세요.

Hreflang 및 캐노니컬 태그를 올바르게 구현하는 것이 중요한 이유는 무엇인가요?

hreflang 및 표준 태그를 잘못 구현하면 다음과 같은 문제가 발생할 수 있습니다:

• Google Search Console"사이트에 hreflang 태그가 없습니다" 오류: 이는 귀하가 hreflang 태그를 추가하려고 노력했음에도 불구하고 Google이 웹사이트에서 해당 태그를 찾을 수 없음을 의미합니다. (여기서 "사이트에 hreflang 태그가 없습니다" 오류 해결 방법을 확인하세요.)
• 검색 엔진이 잘못된 검색자에게 잘못된 웹페이지를 제공하는 경우: 검색자가 사용자 경험에 최적화되지 않은 웹페이지를 방문하도록 유도하면 트래픽은 물론 매출까지 손실될 수 있습니다.
• SERP에 중복 콘텐츠가 표시되는 경우: 중복 콘텐츠 페이지가 내 웹사이트에 있는 경우 여러 페이지에 걸쳐 링크 에퀴티가 희석될 수 있습니다. 또는 중복 콘텐츠가 내 웹사이트가 아닌 다른 웹사이트에 있는 경우 해당 링크 자산을 완전히 잃을 수도 있습니다.

다국어 SEO를 위해 Weglot 같은 고품질 웹사이트 현지화 솔루션을 사용하는 경우, 웹사이트에 hreflang 태그를 자동으로 추가하고 100% 정확한 hreflang 구현을 보장할 수 있습니다. 동시에 Yoast SEO와 같은 웹사이트 플러그인에는 웹사이트의 모든 페이지에 표준 태그를 대규모로 추가할 수 있는 기능이 내장되어 있습니다.

캐노니컬 및 Hreflang 태그를 구현할 때 피해야 할 일반적인 실수

표준 및 hreflang 태그를 수동으로 추가하는 것도 가능하지만 잘못 구현할 위험이 있습니다. 다음과 같은 실수를 하지 않도록 주의하세요;

1. Hreflang 태그와 캐노니컬 태그를 단일 링크 태그로 병합하기

즉, 링크 태그의 형식은 다음과 같이 지정합니다:

이것은 작동하지 않습니다. 표준 및 hreflang 속성을 하나의 링크 태그에 결합하는 것은 상식적인 것처럼 보일 수 있지만 코드에 문제가 발생할 수 있습니다.

대신 표준 태그와 hreflang 태그는 별도의 링크 태그에 배치해야 합니다.

2. 글로벌 페이지 URL을 표준 URL로 설정하기 2.

다른 언어 및 지역에 대한 대체 버전의 페이지가 있는 경우 이러한 각 페이지 변형에는 고유한 표준 태그가 필요합니다.

예를 들어, 글로벌 페이지로 "https://www.example.com/"를 사용하고 영국에서 영어를 사용하는 방문자를 위한 "https://www.example.com/gb/" URL을 사용하는 페이지 변형이 있을 수 있습니다.

여기서 "https://www.example.com/gb/" 페이지의 표준 태그는 "https://www.example.com/"이 아닌 "https://www.example.com/gb/"를 가리켜야 합니다.

"https://www.example.com/"를 "https://www.example.com/gb/"의 표준 URL로 사용하는 경우 "https://www.example.com/"가 글로벌 페이지의 공식 버전임을 알리는 것입니다. 그 결과 검색 엔진은 검색자가 영국 출신인 경우에도 검색자에게 항상 "https://www.example.com/"를 잘못 제공할 수 있습니다.

3. 웹 페이지의 자체 참조 항목으로 rel="canonical" 사용

웹 페이지에 hreflang 태그를 구현할 때는 하나의 hreflang 태그가 현재 웹 페이지 URL을 다시 가리키도록 해야 합니다. 이를 "자체 참조"라고 합니다.

예를 들어 URL이 "https://www.example.com/gb/"인 웹 페이지에는 다음과 같이 두 개의 hreflang 태그가 포함될 수 있습니다:

‍

이 경우 Hreflang 태그 #1이 자체 참조 항목이 됩니다. 그리고 rel 속성의 값은 "대체"여야 하며 "정식"으로 대체할 수 없습니다. 그렇게 하면 코드 오류가 발생합니다.

레플랑과 표준 태그가 함께 작동하여 검색자를 올바른 페이지로 안내합니다.

이 토론에서 hreflang 및 표준 태그에 대해 많이 다루었습니다. 요약해 보겠습니다:

Hreflang 및 표준 태그는 검색 엔진이 웹 페이지를 색인화하고 순위를 매기는 방법에 대한 지침이 아닌 신호 역할을 합니다. 특정 언어 및 지역 설정을 가진 검색자에게 어떤 웹 페이지를 제공해야 하는지 표시하려면 hreflang 태그를 사용합니다. 또는 웹 페이지의 "공식" 버전을 표시하려면 표준 태그를 사용합니다.

구현 과정에서 발생할 수 있는 많은 문제를 고려할 때 hreflang 및 표준 태그를 사용하는 것이 부담스러워 보일 수 있습니다. 그러나 구현 프로세스를 쉽고 오류 없이 수행할 수 있는 도구가 있습니다. 특히 웹사이트를 다국어로 제작하는 경우 Weglot 웹 콘텐츠를 높은 정확도로 번역하는 것 이상의 기능을 제공합니다.

또한 자동 조종 기능으로 웹 페이지에 적절한 hreflang 태그를 추가하여 방문자에게 최상의 웹사이트 경험을 제공하기 위해 노력할 때 정확한 구현을 보장합니다.

여기에서 Weglot 14일 무료 체험을 시작하세요.