Hreflang – co to? + narzędzie do sprawdzania
Hreflang to atrybut HTML używany w znacznikach <link>
lub w nagłówkach HTTP, który pozwala wskazać wyszukiwarkom język i region docelowy danej strony. Jest to szczególnie przydatne, gdy masz treści na swojej stronie w różnych językach lub dla różnych lokalizacji. Poprawne stosowanie hreflang pomaga uniknąć problemów z duplikacją treści i poprawia SEO w międzynarodowym kontekście.
Hreflang – narzędzie do sprawdzenia poprawności
Wklej swoje tagi hreflang poniżej, aby sprawdzić ich poprawność.
Jak działa hreflang?
- Określa język i region: Możesz wskazać, że strona jest przeznaczona dla konkretnego języka, np. polskiego (
pl
), lub dla konkretnego języka w regionie, np. polskiego w Polsce (pl-PL
). - Łączy różne wersje tej samej treści: Wskazuje wyszukiwarkom, które wersje strony odpowiadają różnym językom/regionom.
- Zapewnia spójność: Pomaga użytkownikom trafić na odpowiednią wersję strony.
Gdzie używać hreflang?
W sekcji <head>
strony:
<link rel="alternate" hreflang="pl" href="https://example.com/pl/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
W nagłówkach HTTP (dla plików innych niż HTML, np. PDF):
Link: <https://example.com/pl/>; rel="alternate"; hreflang="pl"
W mapie witryny (XML):
<url>
<loc>https://example.com/pl/</loc>
<xhtml:link rel="alternate" hreflang="pl" href="https://example.com/pl/" />
<xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
</url>
Najważniejsze zasady stosowania hreflang:
- Dwukierunkowość (reciprocal links): Każda strona musi wskazywać na inne wersje językowe i regiony oraz być wskazywana przez te wersje.
- Jeśli strona
pl
wskazuje naen
, to stronaen
również musi wskazywać napl
.
- Jeśli strona
- Używaj poprawnych kodów językowych i regionalnych:
- Język:
pl
,en
,fr
, itd. - Język + region:
pl-PL
,en-GB
,en-US
.
- Język:
- Zastosowanie
x-default
dla strony domyślnej:- Wskazuje wersję, która powinna być pokazana, gdy nie ma dopasowania do języka/regionu użytkownika.
<link rel="alternate" hreflang="x-default" href="https://example.com/" />
Unikaj błędów w linkowaniu:
- Brak dwukierunkowych linków.
- Niepoprawne kody językowe lub regionalne.
- Duplikaty w atrybutach hreflang.
Dlaczego hreflang jest ważny?
- Zapobiega duplikacji treści: Wyszukiwarki nie będą traktowały różnych wersji językowych jako duplikaty.
- Poprawia UX: Użytkownicy trafiają na stronę w odpowiednim języku.
- Wzmacnia SEO: Treści lepiej dopasowane do języka i regionu użytkowników są wyżej pozycjonowane.