Zobacz kurs SEO w formie e-booka, który krok po kroku pokazuje jak pozyskiwać klientów z Google. Dowiesz się z niego, jak zaplanować i wdrożyć stronę nastawioną na pozyskiwanie klientów z wyszukiwarek.

Z czego składa się atrybut hreflang?

Atrybut hreflang składa się z dwóch głównych części:

  1. Kod języka: Dwuliterowy kod zgodny z normą ISO 639-1, który określa język strony. Na przykład „en” dla angielskiego, „pl” dla polskiego, „es” dla hiszpańskiego.
  2. (Opcjonalnie) Kod kraju: Dwuliterowy kod zgodny z normą ISO 3166-1 Alpha-2, który określa konkretny region lub kraj, dla którego strona jest przeznaczona. Na przykład „US” dla Stanów Zjednoczonych, „GB” dla Wielkiej Brytanii, „PL” dla Polski.

Połączenie tych dwóch elementów daje pełny kod hreflang, taki jak „en-US” dla angielskiego języka używanego w Stanach Zjednoczonych, „pl-PL” dla polskiego języka używanego w Polsce.

Przykład użycia atrybutu hreflang w kodzie HTML:

<link rel="alternate" href="http://example.com/" hreflang="en-us" />
<link rel="alternate" href="http://example.com/pl/" hreflang="pl-pl" />

W powyższym przykładzie, pierwszy link mówi wyszukiwarkom, że wersja angielska strony jest dostępna pod adresem „http://example.com/”, a wersja polska strony jest dostępna pod adresem „http://example.com/pl/”. Dzięki temu, wyszukiwarka może poprawnie przekierować użytkowników do wersji strony, która jest dla nich najbardziej odpowiednia pod względem języka i regionu.

Jak pokazać wersję językowe serwisu za pomocą atrybutu hreflang?

Atrybut hreflang używa się do informowania wyszukiwarek o różnych wersjach językowych danej strony, tak aby mogły one kierować użytkowników do najbardziej odpowiedniej wersji strony, w zależności od ich ustawień językowych i lokalizacji. To bardzo ważny element SEO międzynarodowego.

Aby pokazać różne wersje językowe serwisu za pomocą atrybutu hreflang, należy umieścić odpowiednie tagi w sekcji <head> każdej strony w serwisie. Poniżej znajduje się przykład, jak to zrobić:

<head>

<!-- Inne tagi w sekcji head -->

<!-- Wersja angielska -->
<link rel="alternate" hreflang="en" href="https://www.przyklad.com/wersja-angielska" />

<!-- Wersja polska -->
<link rel="alternate" hreflang="pl" href="https://www.przyklad.com/wersja-polska" />

<!-- Wersja hiszpańska -->
<link rel="alternate" hreflang="es" href="https://www.przyklad.com/wersja-hiszpanska" />

<!-- Wersja niemiecka -->
<link rel="alternate" hreflang="de" href="https://www.przyklad.com/wersja-niemiecka" />

<!-- x-default dla użytkowników, którzy nie pasują do żadnej z powyższych wersji -->
<link rel="alternate" hreflang="x-default" href="https://www.przyklad.com/" />
</head>

W tym przykładzie:

  • Strona w języku angielskim jest dostępna pod adresem https://www.przyklad.com/wersja-angielska
  • Strona w języku polskim jest dostępna pod adresem https://www.przyklad.com/wersja-polska
  • Strona w języku hiszpańskim jest dostępna pod adresem https://www.przyklad.com/wersja-hiszpanska
  • Strona w języku niemieckim jest dostępna pod adresem https://www.przyklad.com/wersja-niemiecka
  • Domyślna wersja strony (dla użytkowników, którzy nie pasują do żadnej z powyższych wersji) jest dostępna pod adresem https://www.przyklad.com/

Tag x-default jest używany do wskazania wersji strony, która powinna być wyświetlana użytkownikom, gdy ich preferencje językowe nie pasują do żadnej z dostępnych wersji językowych.

Dlaczego warto wdrażać atrybut hreflang?

Wdrożenie atrybutu hreflang na stronie internetowej jest kluczowe, zwłaszcza gdy strona jest dostępna w wielu wersjach językowych lub jest skierowana do różnych regionów geograficznych. Poniżej przedstawiam kilka powodów, dla których warto zainwestować czas i zasoby w implementację tego atrybutu:

1. Poprawa Doświadczenia Użytkownika:

  • Dopasowanie Języka i Regionu: Atrybut hreflang pomaga wyszukiwarkom zrozumieć, która wersja językowa strony jest najbardziej odpowiednia dla konkretnego użytkownika, w zależności od jego preferencji językowych i lokalizacji. Na przykład, użytkownik z Francji, który posługuje się językiem francuskim, zostanie przekierowany na francuską wersję strony, co znacznie poprawi jego doświadczenia podczas przeglądania.

2. Optymalizacja dla Wyszukiwarek (SEO):

  • Zwiększenie Trafienia w Relewantne Wyniki Wyszukiwania: Dzięki poprawnemu użyciu atrybutu hreflang, wyszukiwarki mogą lepiej zrozumieć strukturę Twojej strony i skierować użytkowników do najbardziej odpowiedniej dla nich wersji językowej. To z kolei może poprawić Twoją widoczność w wynikach wyszukiwania dla konkretnej grupy użytkowników.
  • Unikanie Problemów z Duplikacją Treści: Strony wielojęzyczne często zawierają bardzo podobne lub identyczne treści w różnych językach. Bez hreflang, wyszukiwarki mogą uznać te treści za duplikaty, co może negatywnie wpłynąć na ranking strony. Atrybut hreflang pomaga wyjaśnić wyszukiwarkom, że te podobne treści są różnymi wersjami językowymi tej samej strony, co pomaga uniknąć problemów z duplikacją treści.

3. Wsparcie Dla Wielojęzyczności:

  • Łatwe Zarządzanie Wersjami Językowymi: Implementacja hreflang umożliwia skuteczne zarządzanie różnymi wersjami językowymi Twojej strony, co jest kluczowe w przypadku witryn globalnych.
  • Zwiększenie Zasięgu Międzynarodowego: Poprzez skierowanie użytkowników do odpowiednich wersji językowych, zwiększasz potencjał dotarcia do szerszej, międzynarodowej publiczności.

Podsumowując, wdrażanie atrybutu hreflang to kluczowy krok w pozycjonowaniu stron dla użytkowników wielojęzycznych i międzynarodowych, co przyczynia się do poprawy doświadczenia użytkownika, poprawy widoczności w wyszukiwarkach i uniknięcia problemów z duplikacją treści.

Czy ten artykuł był pomocny?

Staramy się tworzyć pomocne i wartościowe treści, dlatego będziemy wdzięczni za ocenę tego artykułu.
Tak
Nie