Hreflang Tag to atrybut HTML, który informuje wyszukiwarki o języku oraz geograficznym przeznaczeniu danej strony internetowej. Hreflang pomaga Google i innym wyszukiwarkom zrozumieć, które wersje strony powinny być wyświetlane użytkownikom w zależności od ich języka lub lokalizacji. Jest to szczególnie przydatne, gdy masz witryny dostępne w wielu językach lub przeznaczone dla różnych krajów.
Jak działa Hreflang Tag?
Za pomocą atrybutu hreflang
możesz określić różne wersje tej samej strony, które są skierowane do użytkowników mówiących różnymi językami lub mieszkających w różnych regionach. W ten sposób unikasz problemu z duplikatami treści, a wyszukiwarki mogą dostarczać odpowiednią wersję strony odpowiednim użytkownikom.
Przykłady:
<link rel="alternate" href="https://example.com/pl/" hreflang="pl">
<link rel="alternate" href="https://example.com/en/" hreflang="en">
<link rel="alternate" href="https://example.com/fr/" hreflang="fr">
<link rel="alternate" href="https://example.com/de/" hreflang="de">
W tym przykładzie:
href
wskazuje na alternatywny URL strony w danym języku.hreflang="pl"
oznacza, że strona jest przeznaczona dla użytkowników mówiących po polsku.hreflang="en"
oznacza wersję dla anglojęzycznych użytkowników, itd.
Struktura Hreflang Tag
- Kod języka:
- Hreflang używa standardowych kodów językowych zgodnych z normą ISO 639-1. Przykład:
pl
dla języka polskiego,en
dla angielskiego,de
dla niemieckiego.
- Hreflang używa standardowych kodów językowych zgodnych z normą ISO 639-1. Przykład:
- Kod kraju (opcjonalny):
- Możesz także określić kraj, do którego strona jest skierowana, używając kodów krajów ISO 3166-1. Przykład:
en-us
dla użytkowników anglojęzycznych z USA,en-gb
dla użytkowników anglojęzycznych z Wielkiej Brytanii:
- Możesz także określić kraj, do którego strona jest skierowana, używając kodów krajów ISO 3166-1. Przykład:
<link rel="alternate" href="https://example.com/en-us/" hreflang="en-us">
<link rel="alternate" href="https://example.com/en-gb/" hreflang="en-gb">
Znaczenie i korzyści
- Unikanie problemów z duplikacją treści:
- Jeśli masz wiele wersji tej samej strony w różnych językach, atrybut
hreflang
pomaga uniknąć problemów z duplikacją treści, wskazując wyszukiwarkom, która wersja powinna być wyświetlana.
- Jeśli masz wiele wersji tej samej strony w różnych językach, atrybut
- Lepsze targetowanie geograficzne:
- Dzięki hreflang możesz precyzyjnie kierować wersje strony na konkretne kraje i regiony, co pomaga w lepszym pozycjonowaniu lokalnym.
- Poprawa doświadczenia użytkownika (UX):
- Użytkownicy będą widzieć wersję strony w ich języku lub przeznaczoną na ich rynek, co poprawia komfort korzystania z witryny.
Implementacja Hreflang w praktyce
Hreflang można umieszczać w nagłówku HTML strony (<head>
), w nagłówkach HTTP, lub w mapach witryny (sitemap). Ważne jest, aby upewnić się, że każda wersja strony odnosi się do innych wersji, co jest nazywane implementacją dwukierunkową (ang. bi-directional hreflang), czyli wszystkie wersje strony muszą zawierać linki do siebie nawzajem.
Tag hreflang jest istotny dla witryn wielojęzycznych i wieloregionalnych, pomagając wyszukiwarkom w lepszym dopasowaniu treści do języka i lokalizacji użytkowników. Poprawia to komfort użytkowników, dostarczając im odpowiednie treści.