Wielojęzyczne SEO z wykorzystaniem atrybutu hreflang

Czym jest hreflang?

Hreflang to sygnał przekazywany wyszukiwarce w wielojęzycznej lub wieloregionalnej witrynie, informujący, która wersja tej samej treści (w danym języku i/lub dla danego regionu) ma zostać wyświetlona danemu użytkownikowi. Zazwyczaj jest on dodawany do sekcji <head> sekcji strony <link rel="alternate" hreflang="..."> ; alternatywnie można go zdefiniować za pomocą nagłówka HTTP lub pliku sitemap, jednak należy stosować tylko jedną z tych trzech metod.

Hreflang nie oznacza, że dana strona jest „tłumaczeniem” innej, ale wskazuje, że różne wersje językowe/regionalne służące temu samemu celowi są ze sobą powiązane. Na przykład w witrynie e-commerce ceny w języku angielskim mogą być podane w USD, a w języku tureckim w TL; hreflang łączy te dwie wersje, zapewniając, że właściwy użytkownik zobaczy właściwą wersję.

Hreflang nie jest mechanizmem przekierowania (redirect); nie przekierowuje użytkownika automatycznie na inną wersję językową, a jedynie informuje Google, że „istnieją alternatywne wersje tej strony w tych językach”. O tym, którą wersję zobaczy użytkownik, decyduje w dużej mierze własna prognoza Google dotycząca lokalizacji geograficznej i języka.

Dlaczego jest to ważne?

Bez atrybutu hreflang Google może przypadkowo wyświetlić użytkownikowi wersję strony w języku tureckim podczas wyszukiwania w języku angielskim lub odwrotnie; sytuacja ta prowadzi do natychmiastowego opuszczenia strony przez użytkownika (bounce). Prawidłowe zastosowanie atrybutu hreflang zapewnia, że każdy użytkownik zobaczy stronę dostosowaną do jego preferencji językowych i regionalnych, co poprawia komfort użytkowania i pośrednio zwiększa współczynnik konwersji.

Ponadto zapobiega to problemowi zduplikowanych treści (duplicate content) między różnymi wersjami językowymi tej samej treści: Google rozpoznaje strony w grupie hreflang jako alternatywy dla siebie, a nie jako konkurencyjne strony, które „podkradają” sobie ruch. Ma to szczególne znaczenie w przypadku różnych wariantów regionalnych tego samego języka (np. tr-TR i tr-CY).

Gdy wiele równoważnych sygnałów SEO (takich jak kanoniczny adres URL, metatag robots oraz plik robots.txt, a także lokalizacje hreflang) służy temu samemu celowi, rozsądniej jest wybrać jedno wiarygodne źródło: powtarzanie sygnałów w wielu formatach nie poprawia SEO, a jedynie zwiększa ryzyko niespójności.

Jak to naprawić?

Każda wersja językowa powinna odsyłać za pomocą atrybutu hreflang do wszystkich pozostałych wersji tej samej grupy (wymagane są wzajemne — return — linki); linki jednokierunkowe są ignorowane przez Google.
W przypadku wersji domyślnej, która nie odpowiada żadnemu językowi, x-default należy użyć
Pisz poprawnie kody języków ISO, np. dla języka tureckiego tr, dla języka angielskiego en; w razie potrzeby połącz je z kodem regionu (np. en-US).
Wybierz tylko jedną metodę: zastosuj atrybut hreflang za pomocą tagu HTML <link> , albo poprzez mapę strony; nie stosuj obu metod jednocześnie — jest to powtarzający się, zbędny sygnał i wiąże się z ryzykiem błędu synchronizacji.
Pamiętaj, że każda strona musi zawierać odniesienie do samej siebie za pomocą atrybutu hreflang (odniesienie własne); grupa musi być kompletna.
W miarę rozwoju witryny zarządzaj atrybutami hreflang nie ręcznie, lecz za pomocą mechanizmu generowanego automatycznie na poziomie szablonu/CMS; ręcznie dodane grupy hreflang z czasem mają tendencję do utraty synchronizacji.
Po dodaniu nowej wersji językowej należy zaktualizować listę odniesień wszystkich pozostałych wersji, dopóki strona w tym języku nie zostanie włączona do istniejącej grupy hreflang; pominięcie jakiejkolwiek wersji zakłóca spójność grupy.
Stosując automatyczne przekierowanie (np. oparte na JavaScript) w zależności od języka przeglądarki użytkownika, upewnij się, że boty nie są poddawane temu samemu przekierowaniu; wszystkie wersje językowe muszą pozostać dostępne do indeksowania przez boty.

Przykład

<link rel="alternate" hreflang="tr" href="https://ornek.com/tr/sayfa" />
<link rel="alternate" hreflang="en" href="https://ornek.com/en/page" />
<link rel="alternate" hreflang="x-default" href="https://ornek.com/en/page" />

Zły przykład: umieszczenie na stronie w języku tureckim odniesienia do wersji angielskiej za pomocą atrybutu hreflang, ale brak odwrotnego odniesienia do wersji tureckiej na stronie angielskiej — takie jednokierunkowe połączenie zostanie uznane przez Google za nieprawidłowe, a grupa nie zostanie w ogóle rozpoznana.

Często popełniane błędy

Stosowanie jednokierunkowego atrybutu hreflang (strona A odsyła do strony B, ale strona B nie odsyła do strony A).
Używanie nieprawidłowego lub nieważnego kodu języka/regionu.
Powodowanie zamieszania poprzez powtarzanie tego samego sygnału hreflang zarówno w tagu HTML, jak i w mapie witryny.
Brak zdefiniowania wersji x-default.
W raporcie Seoraporu.co nieobustronne linki hreflang są wymienione jako osobne ostrzeżenie; jest to zazwyczaj najczęściej spotykany błąd hreflang w witrynach wielojęzycznych.