International SEO: Atrybut Hreflang – kompleksowy przewodnik
W międzynarodowych kampaniach SEO, w których istnieją różne wersje językowe strony internetowej, tagi hreflang są niezbędne. Według danych Web Almanac 2022 od HTTP Archive w 2022 roku 9,6 % stron internetowych stosowało tagi hreflang. Liczby te oznaczały niewielki wzrost w porównaniu z rokiem 2021, kiedy tagi hreflang wykorzystywało 9,0 % stron. Istnieją trzy popularne metody implementacji tagów hreflang: poprzez sekcję <head> strony HTML, nagłówki Link lub mapy witryn XML. Dane z Web Almanac odnoszą się wyłącznie do analizy sekcji <head> strony HTML oraz nagłówków Link. Mapy witryn XML nie zostały uwzględnione, dlatego rzeczywista wartość będzie jeszcze nieco wyższa.
Temat implementacji hreflang zawsze wydaje się skomplikowany, zwłaszcza gdy masz kilka stron internetowych o różnych strukturach URL. Ten przewodnik oferuje kompleksowy przegląd i obejmuje wszystkie istotne aspekty atrybutu hreflang. Od wprowadzenia do tematu aż po zaawansowane strategie – znajdziesz tu wszystko, co jest potrzebne do skutecznej implementacji i optymalizacji hreflang.
Znaczenie atrybutu hreflang
Atrybut hreflang to atrybut HTML używany przez wyszukiwarki takie jak Google i Bing do identyfikacji docelowego rynku geograficznego oraz języka strony internetowej. Umożliwia on operatorom stron oznaczanie różnych wersji językowych i krajowych danej strony oraz zapewnienie, że w wynikach wyszukiwania wyświetlana jest właściwa wersja dla danego użytkownika.
Bez poprawnej implementacji wyszukiwarki mogłyby wyświetlać niewłaściwą wersję językową lub krajową strony, co może prowadzić do złego doświadczenia użytkownika (user experience), a tym samym do niewykonania pożądanego działania (call-to-action) przez Twoją grupę docelową. Ponadto atrybut hreflang pomaga uniknąć problemu duplicate content, jasno sygnalizując, że podobne treści w różnych językach są przeznaczone dla różnych rynków docelowych.
Znaczenie dla SEO i internacjonalizacji
Atrybut hreflang nabiera znaczenia przy internacjonalizacji stron internetowych i jest jednym z czynników, których nie da się pominąć w międzynarodowym SEO. Jeśli Twoja strona udostępnia treści w kilku językach lub dla różnych krajów, atrybut hreflang może zapewnić, że wyszukiwarki będą indeksować i wyświetlać właściwą wersję strony. Jest to szczególnie ważne dla firm, które działają w wielu krajach i chcą maksymalizować swój zasięg dzięki dopasowanej komunikacji z poszczególnymi grupami docelowymi.
Dla strategów SEO i deweloperów stron internetowych zrozumienie i prawidłowe stosowanie atrybutu hreflang to obowiązek, aby zagwarantować widoczność w wyszukiwarkach oraz zadowolenie międzynarodowych użytkowników. Stanowi ono podstawę skutecznej strategii internacjonalizacji i w znacznym stopniu przyczynia się do optymalizacji pozycji strony na poszczególnych rynkach docelowych.
Podstawy atrybutu hreflang
Poniższa sekcja zawiera podstawowe wprowadzenie do atrybutu hreflang oraz wyjaśnia jego znaczenie, składnię i prawidłowe stosowanie kodów języków i krajów.
Definicja i funkcja
Atrybut hreflang to atrybut HTML, który jest używany w tagach strony internetowej, aby sygnalizować Google (i innym wyszukiwarkom) przyporządkowanie językowe i krajowe Twoich stron. W ten sposób informujesz wyszukiwarki, która wersja językowa strony jest przeznaczona dla której grupy użytkowników.
Atrybut jest używany głównie po to, aby zapewnić wyświetlanie właściwej wersji językowej strony w wynikach wyszukiwania. Na przykład, gdy wyszukuje użytkownik z Francji, wyświetlana jest francuska wersja Twojej strony – o ile atrybut hreflang został poprawnie zaimplementowany.
Składnia i budowa
Atrybut hreflang umieszcza się w sekcji strony HTML wewnątrz tagu . Podstawowa składnia wygląda następująco:
<link rel="alternate" href="URL" hreflang="Sprachcode-Ländercode" />rel=”alternate”: Wskazuje, że podlinkowany URL jest alternatywną wersją bieżącej strony.
href=”URL”: Tutaj podaje się URL alternatywnej wersji językowej.
hreflang=”kod języka-kod kraju”: Ten parametr określa język i kraj, dla których przeznaczona jest wersja alternatywna.
Przykład dla niemieckiej i angielskiej wersji strony mógłby wyglądać następująco:
<link rel="alternate" href="https://www.example.com/de/" hreflang="de-DE" />
<link rel="alternate" href="https://www.example.com/en/" hreflang="en-US" />W tym przykładzie pierwszy link wskazuje na niemiecką wersję strony dla użytkowników w Niemczech (hreflang=”de-DE”), natomiast drugi link wskazuje na angielską wersję dla użytkowników w USA (hreflang=”en-US”).
Obsługiwane kody języków i krajów
Atrybut hreflang wykorzystuje kody języków i krajów zgodne ze standardem ISO:
- Kod języka: dwuliterowy kod zgodny z ISO 639-1, który określa język (np. „de” dla niemieckiego, „en” dla angielskiego, „fr” dla francuskiego).
- Kod kraju: dwuliterowy kod zgodny z ISO 3166-1 Alpha-2, który określa kraj (np. „DE” dla Niemiec, „US” dla Stanów Zjednoczonych, „FR” dla Francji).
Częste kombinacje to:
- hreflang=”en-US”: angielski dla USA
- hreflang=”en-GB”: angielski dla Wielkiej Brytanii
- hreflang=”fr-FR”: francuski dla Francji
- hreflang=”es-ES”: hiszpański dla Hiszpanii
- hreflang=”de-DE”: niemiecki dla Niemiec
- hreflang=”de-AT”: niemiecki dla Austrii
- hreflang=”de-CH”: niemiecki dla Szwajcarii
Te kombinacje pomagają wyszukiwarkom dostarczać właściwą wersję językową strony odpowiednim użytkownikom, co poprawia trafność wyników i doświadczenie użytkownika.
Kod kraju jest opcjonalny. Jeśli chcesz podać tylko kod języka, oznacza to, że Twoja strona jest przeznaczona dla wszystkich użytkowników tego języka na całym świecie. Przykładem może być:
<link rel="alternate" href="https://www.example.com/es/" hreflang="es" />W tym przypadku strona byłaby wyświetlana wszystkim hiszpańskojęzycznym użytkownikom, niezależnie od ich lokalizacji. Tak też robimy w TutKit.com i podajemy sam kod języka, bez dodatkowego kodu kraju. W Search Console możemy następnie po prostu filtrować strony z URL /es, aby sprawdzić, jak wygląda rozkład kliknięć i wyświetleń na poszczególne kraje.
Obszary zastosowania atrybutu hreflang
Różne wersje językowe strony internetowej
Atrybut hreflang jest szczególnie przydatny dla stron internetowych, które oferują treści w kilku językach. Jeśli Twoja witryna ma na przykład zarówno angielską, jak i niemiecką wersję danej strony, atrybut hreflang pomaga wyszukiwarkom zrozumieć, która wersja powinna być wyświetlana którym użytkownikom. Atrybut zapewnia, że użytkownicy widzą stronę w preferowanym języku, co znacząco poprawia doświadczenie użytkownika.
Przykład: prowadzisz stronę e-commerce, która mogłaby oferować i wysyłać produkty również za granicę. Możesz więc udostępnić swój sklep internetowy po niemiecku, a także po angielsku i w kolejnych językach Twoich rynków docelowych. Dzięki hreflang masz gwarancję, że niemieccy użytkownicy trafią na stronę niemiecką (hreflang=”de”), a użytkownicy anglojęzyczni na stronę angielską (hreflang=”en”).
Docieranie do regionalnych grup docelowych
Oprócz rozróżnienia językowego atrybut hreflang może być również używany do kierowania treści do użytkowników w określonych krajach lub regionach. Jest to szczególnie ważne, gdy Twoja witryna zawiera treści skierowane do różnych rynków regionalnych, nawet jeśli język jest ten sam.
Przykładem może być strona w języku angielskim dla użytkowników w USA oraz osobna strona po angielsku dla użytkowników w Wielkiej Brytanii. Chociaż obie strony są w tym samym języku, mogą być dostosowane ze względu na różnice prawne, walutowe lub kulturowe. W takim przypadku atrybut hreflang wyglądałby następująco:
<link rel="alternate" href="https://www.example.com/en-us/" hreflang="en-US" />
<link rel="alternate" href="https://www.example.com/en-gb/" hreflang="en-GB" />Taka konfiguracja pomaga zapewnić, że użytkownicy z USA zobaczą stronę dostosowaną do rynku amerykańskiego, a użytkownicy brytyjscy stronę zoptymalizowaną pod kątem Wielkiej Brytanii.
Unikanie duplicate content
Dzięki atrybutowi hreflang możesz zneutralizować negatywne skutki duplicate content wynikające z identycznych stron w tym samym języku w obrębie jednej witryny. Jeśli strona internetowa udostępnia podobne lub identyczne treści w różnych wersjach językowych lub krajowych, wyszukiwarki mogłyby uznać to za duplicate content. Może to negatywnie wpłynąć na ranking w wynikach wyszukiwania.
Atrybut hreflang sygnalizuje wyszukiwarkom, że chodzi o alternatywne wersje tej samej strony przeznaczone dla różnych grup docelowych. Dzięki temu ryzyko duplicate content zostaje zminimalizowane, a prawdopodobieństwo wyświetlenia właściwej wersji strony w wynikach wyszukiwania rośnie.
Implementacja atrybutu hreflang
Implementację atrybutu hreflang można przeprowadzić na kilka sposobów, w zależności od struktury i wymagań strony internetowej:
- W kodzie HTML: proste i bezpośrednie rozwiązanie dla stron statycznych.
- W nagłówkach HTTP: przydatne dla zasobów innych niż HTML lub gdy kod HTML jest trudno dostępny.
- W mapach witryn XML: efektywne dla dużych stron, ponieważ hreflang jest zarządzany centralnie.
- W połączeniu z tagami canonical: aby uniknąć konfliktów i zapewnić prawidłowe indeksowanie przez wyszukiwarki.
Samo Google wyjaśniło w swoim podcaście SEARCH OFF THE RECORDS z 25 lipca 2024, że teoretycznie nie ma znaczenia, gdzie udostępniane są informacje hreflang – w HTML, nagłówkach HTTP czy mapach witryn. Zobacz także osadzone wideo poniżej.
W kodzie HTML
Najczęściej stosowaną metodą implementacji atrybutu hreflang jest umieszczenie go bezpośrednio w kodzie HTML strony. Atrybut hreflang dodaje się wtedy w sekcji strony. Ta metoda jest szczególnie przydatna w przypadku stron statycznych, których treści nie zmieniają się często.
Typowy przykład wygląda następująco:
<head>
<link rel="alternate" href="https://www.example.com/de/" hreflang="de-DE" />
<link rel="alternate" href="https://www.example.com/en/" hreflang="en-US" />
<link rel="alternate" href="https://www.example.com/fr/" hreflang="fr-FR" />
</head>W tym przykładzie dla każdej wersji językowej i krajowej strony podaje się osobny tag z odpowiednim atrybutem hreflang. Każda wersja strony powinna ponadto wskazywać na wszystkie pozostałe wersje językowe, aby zapewnić spójne powiązanie.
W nagłówkach HTTP
Rzadziej używaną, ale wciąż przydatną metodą implementacji atrybutu hreflang są nagłówki HTTP. Jest to szczególnie pomocne, gdy dostęp do kodu HTML strony jest ograniczony lub gdy chodzi o zasób inny niż HTML, np. plik PDF, albo gdy Twoja strona została w całości zbudowana w JavaScript.
Nagłówek HTTP z hreflang mógłby wyglądać następująco:
Link: <https://www.example.com/de/>; rel="alternate"; hreflang="de-DE"
Link: <https://www.example.com/en/>; rel="alternate"; hreflang="en-US"Ta metoda wymaga jednak dostępu do konfiguracji serwera, dlatego jest przeznaczona raczej dla zaawansowanych użytkowników lub szczególnych przypadków użycia.
HREFLANG w mapach witryn XML
Atrybut hreflang można również zaimplementować w mapach witryn XML, co jest szczególnie korzystne w przypadku dużych witryn z wieloma stronami. Ta metoda jest efektywna i zmniejsza nakład pracy, ponieważ informacje hreflang mogą być zarządzane centralnie, zamiast umieszczać je w kodzie HTML każdej pojedynczej strony.
Przykład implementacji w mapie witryny XML:
<url>
<loc>https://www.example.com/de/</loc>
<xhtml:link rel="alternate" hreflang="de-DE" href="https://www.example.com/de/"/>
<xhtml:link rel="alternate" hreflang="en-US" href="https://www.example.com/en/"/>
<xhtml:link rel="alternate" hreflang="fr-FR" href="https://www.example.com/fr/"/>
</url>Zaletą tej metody jest to, że wszystkie atrybuty hreflang są zarządzane w jednym miejscu, co ułatwia utrzymanie i aktualizację. Ponadto mapa witryny XML jest efektywnie przetwarzana przez wyszukiwarki. To także główny powód, dla którego w naszym projekcie TutKit.com zdecydowaliśmy się na implementację HREFLANG poprzez mapę witryny XML. Kolejnym powodem było to, że przy tak dużej liczbie języków (obecnie 26!) nie chcieliśmy nadmiernie rozbudowywać kodu HTML. Podejście oparte na mapie witryny XML wymaga jednorazowej implementacji oraz zapewnienia, że wszystkie nowe strony również będą uwzględniane. Potem wszystko działa już automatycznie. Mapa witryny powinna być zgłoszona w Google Search Console, aby Google mogło szybko wykrywać nowe strony.
Tak to u nas wygląda … dla każdego języka mamy osobną mapę witryny. Każdy URL odwołuje się do pozostałych wersji językowych. Oto mapa witryny dla języka niemieckiego:
Stosowanie tagów canonical w połączeniu z hreflang
Ważne jest, aby poprawnie stosować atrybut hreflang w połączeniu z tagami canonical, aby uniknąć potencjalnych problemów SEO. Tag canonical sygnalizuje wyszukiwarkom, która wersja strony jest traktowana jako „kanoniczna” lub główna. Jest to szczególnie istotne, gdy kilka stron ma podobne treści.
Ogólna zasada brzmi: jeśli istnieje kilka wersji językowych tej samej strony, każda strona powinna wskazywać poprzez hreflang zarówno na samą siebie, jak i na pozostałe wersje językowe. Tag canonical powinien wskazywać na odpowiednią wersję językową strony.
Przykład:
<link rel="canonical" href="https://www.example.com/de/" />
<link rel="alternate" href="https://www.example.com/de/" hreflang="de-DE" />
<link rel="alternate" href="https://www.example.com/en/" hreflang="en-US" />W tym przypadku niemiecka wersja strony wskazuje tagiem canonical na samą siebie, natomiast atrybut hreflang wskazuje na angielską wersję strony.
Możesz zrezygnować ze stosowania tagów hreflang rel=”alternate” w kodzie HTML, jeśli masz je już zaimplementowane w mapie witryny XML, tak jak my w moim przykładzie powyżej. Miły efekt uboczny: dzięki temu możesz ograniczyć code bloat. Usunięcie tagów rel=”alternate” z kodu HTML zmniejsza rozmiar pliku i sprawia, że strona może ładować się nieco szybciej.
Ważne jest, aby mapa witryny była poprawnie skonfigurowana i dostępna. Sprawdź więc, czy Search Console pokazuje status przesłania jako „powodzenie”.
Najlepsze praktyki stosowania hreflang
Aby atrybut hreflang działał optymalnie, powinieneś przestrzegać następujących najlepszych praktyk:
- Prawidłowe mapowanie kodów języków i krajów: używaj poprawnych i niezbędnych kodów ISO.
- Spójność implementacji: zadbaj o to, aby wszystkie wersje językowe Twojej strony były poprawnie i kompletnie podlinkowane.
- Obsługa witryn wielokrajowych i wielojęzycznych: dostosuj swoją strategię hreflang do szczególnych wymagań Twoich rynków docelowych.
- Unikanie pułapek: bądź uważny i unikaj częstych błędów, aby zapewnić czystą implementację.
Przestrzegając tych wytycznych, możesz zmaksymalizować skuteczność atrybutu hreflang i zadbać o to, aby Twoja witryna odnosiła międzynarodowe sukcesy.
Prawidłowe mapowanie kodów języków i krajów
Prawidłowe mapowanie kodów języków i krajów jest kluczowe, aby wyszukiwarki mogły poprawnie przyporządkować Twoje strony. Błędy mogą sprawić, że użytkownicy trafią na niewłaściwą wersję Twojej witryny, co może pogorszyć user experience. Wyobraź sobie tylko, że szwajcarski użytkownik trafia do niemieckiego sklepu internetowego i wszędzie widzi euro jako walutę. Oczekuje franków szwajcarskich, a ryzyko, że natychmiast opuści stronę, jest wysokie.
Używaj zatem poprawnych kodów ISO. Zawsze korzystaj z oficjalnych kodów ISO 639-1 dla języków oraz kodów ISO 3166-1 Alpha-2 dla krajów. Na przykład „de” oznacza język niemiecki, a „DE” Niemcy, natomiast „en” oznacza język angielski, a „US” Stany Zjednoczone.
Unikaj zbędnych kombinacji. Używaj tylko tych kombinacji kodów języka i kraju, których naprawdę potrzebujesz. Jeśli Twoja strona ma docierać do wszystkich niemieckojęzycznych użytkowników, niezależnie od kraju, wystarczy hreflang=”de” zamiast hreflang=”de-DE”. Tak też robimy w TutKit.com. I działa to bardzo dobrze, jeśli chodzi o ruch na stronach nieniemieckojęzycznych, który przewyższa już ruch niemieckojęzyczny.
Zadbaj o to, aby atrybut hreflang był stosowany jednolicie na wszystkich stronach Twojej witryny. Niespójności mogą dezorientować wyszukiwarki i prowadzić do problemów. Dlatego powinieneś postawić na zautomatyzowane rozwiązanie, które osiągniesz albo poprzez programowanie, albo za pomocą wtyczki. Przy ręcznym utrzymaniu zbyt łatwo o błędy.
Spójność implementacji
Ważne jest, abyś poprawnie zaimplementował tagi hreflang na każdej stronie i upewnił się, że wszystkie wersje językowe są ze sobą podlinkowane. Jeśli potrzebujesz pomocy w tworzeniu atrybutów HREFLANG, znajdziesz tutaj narzędzie online HREFLANG Tags Generator. Swoją implementację możesz później zweryfikować za pomocą walidatora HREFLANG. Więcej na ten temat poniżej.
Każda wersja językowa Twojej strony powinna linkować do wszystkich pozostałych wersji językowych – mówi się o linkowaniu dwukierunkowym. Jeśli wersja niemiecka wskazuje na wersję angielską, to wersja angielska powinna również wskazywać na wersję niemiecką.
Zadbaj o to, aby atrybut hreflang był zaimplementowany na wszystkich istotnych stronach Twojej witryny, nie tylko na stronach głównych.
Upewnij się, że Twoje tagi hreflang nie linkują do stron błędów (np. stron 404) ani nie wskazują na nieistniejące adresy URL. Mogłoby to negatywnie wpłynąć na Twoje SEO.
Obsługa witryn wielokrajowych i wielojęzycznych
Jeśli Twoja witryna jest skierowana do użytkowników w wielu krajach lub posługujących się różnymi językami, przemyślana strategia hreflang jest elementarna zarówno z punktu widzenia SEO, jak i zapewnienia wysokiego user experience. Dokładnie przemyśl, jak zorganizujesz treści dla różnych grup docelowych. Oto kilka rekomendacji wynikających z naszych doświadczeń:
- W miarę możliwości używaj osobnych adresów URL dla poszczególnych wersji językowych i krajowych, np. https://www.example.com/de/ dla niemieckiego i https://www.example.com/fr/ dla francuskiego. Ułatwia to implementację i zarządzanie atrybutem hreflang. Tak też, jak wspomniano wyżej, robimy w TutKit.com Zajrzyj również do mojego artykułu na blogu o strukturze URL w projektach wielojęzycznych.
- Tylko wtedy, gdy Twoja strona jest zróżnicowana zarówno językowo, jak i regionalnie (np. angielski dla Wielkiej Brytanii i angielski dla Australii), powinieneś odpowiednio dostosować atrybut hreflang (hreflang=”en-GB” dla Wielkiej Brytanii, hreflang=”en-AU” dla Australii). W przeciwnym razie wystarczy sam wariant językowy bez kodu regionu.
- Jeśli dla określonych stron nie możesz zaoferować konkretnej wersji językowej lub krajowej, udostępnij ogólną wersję zapasową (hreflang=”x-default”), np. globalnie ukierunkowaną stronę angielską (hreflang=”en”). Przykład: jeśli włoski użytkownik znajduje się na niemieckiej stronie i chce ją wyświetlić po włosku za pomocą przełącznika języka na stronie, powinna pojawić się wersja angielska, o ile strona włoska nie jest dostępna. W TutKit.com rozwiązaliśmy to nawet tak, że będąc na podstronie, w przełączniku języka widzisz tylko te języki, dla których dostępne jest tłumaczenie w danym języku.
Przełącznik języka pokazuje tylko te języki, dla których istnieje również przetłumaczona wersja tej strony kategorii.
Zrozumienie i implementacja atrybutu hreflang=”x-default”
Atrybut hreflang=”x-default” służy do wskazania ogólnej, domyślnej wersji strony internetowej, która jest wyświetlana, gdy nie jest dostępna żadna konkretna wersja językowa lub krajowa strony. Pełni funkcję wersji zapasowej (fallback) i jest szczególnie przydatny, aby zapewnić użytkownikom wyświetlenie odpowiedniej strony, gdy ich język lub region nie są obsługiwane.
Atrybut hreflang=”x-default” jest ważny, ponieważ pomaga wyszukiwarkom wyświetlić uniwersalną wersję strony, gdy nie istnieje wersja bardziej szczegółowa. Dba o to, aby użytkownicy nie trafiali na pustą lub nieistotną stronę, lecz widzieli stronę najlepiej odpowiadającą ich potrzebom, gdy nie ma dokładniejszej opcji.
Przykład: jeśli Twoja witryna oferuje ogólną wersję angielską jako standard dla wszystkich rynków nieobjętych konkretną wersją, możesz użyć atrybutu hreflang=”x-default”, aby zapewnić wyświetlanie tej wersji, gdy konkretna wersja językowa lub krajowa nie jest dostępna.
Atrybut hreflang=”x-default” umieszcza się w sekcji <head> strony HTML lub stosuje w mapie witryny XML. Powinien on wskazywać na najbardziej ogólną wersję Twojej strony, która służy jako wersja zapasowa dla wszystkich nieokreślonych języków lub regionów.
HTML-Beispiel:
<head>
<link rel="alternate" hreflang="en" href="https://www.example.com/en/" />
<link rel="alternate" hreflang="de" href="https://www.example.com/de/" />
<link rel="alternate" hreflang="x-default" href="https://www.example.com/" />
</head>Przykład mapy witryny XML:
<url>
<loc>https://www.example.com/</loc>
<xhtml:link rel="alternate" hreflang="en" href="https://www.example.com/en/" />
<xhtml:link rel="alternate" hreflang="de" href="https://www.example.com/de/" />
<xhtml:link rel="alternate" hreflang="x-default" href="https://www.example.com/" />
</url>Upewnij się, że hreflang=”x-default” wskazuje na stronę, która jest odpowiednia dla użytkowników ze wszystkich nieokreślonych regionów lub posługujących się nieobsługiwanymi językami. Stosuj hreflang=”x-default” w połączeniu z konkretnymi tagami hreflang dla różnych języków i regionów, aby zapewnić pełne pokrycie i lepsze pozycje w wyszukiwarkach.
Zadbaj o to, aby wszystkie wersje językowe oraz wersja x-default były poprawnie ze sobą podlinkowane. Każda strona powinna wskazywać na pozostałe wersje językowe oraz na wersję x-default, aby zapewnić prawidłowe indeksowanie.
Unikanie pułapek i częstych błędów
Chociaż atrybut hreflang oferuje wiele korzyści, istnieje kilka częstych błędów, które mogą się zdarzyć podczas implementacji.
Jednym z najczęstszych błędów jest używanie nieprawidłowych kodów języków lub krajów albo brak tagów hreflang na niektórych stronach. Zadbaj o to, aby wszystkie kody języków i krajów były poprawne oraz aby każda istotna strona była opatrzona właściwymi tagami hreflang.
Ważne jest, aby wszystkie wersje językowe Twojej strony były wzajemnie podlinkowane. Jeśli strona niemiecka wskazuje na stronę angielską, strona angielska musi również wskazywać z powrotem na stronę niemiecką. To dwukierunkowe linkowanie jest kluczowe dla prawidłowego działania atrybutu hreflang.
Kolejny częsty błąd polega na tym, że tagi canonical nie są poprawnie ustawione i kolidują z tagami hreflang. Upewnij się, że tag canonical wskazuje na odpowiednią wersję językową strony i nie działa wbrew tagom hreflang.
Również błędna sekcja head w kodzie HTML może uniemożliwić Google rozpoznanie tagów hreflang. Ten błąd jest szczególnie dotkliwy, ponieważ nie jest wykazywany jako błąd w Google Search Console. Jeśli Google nie rozpozna tagu, nie ma też podstaw, aby zakładać, że witryna jest międzynarodowa. Zwróć więc uwagę, aby nie używać elementów odbiegających od znanych meta tagów.
Jeśli adresy URL w Twoich tagach hreflang są nieprawidłowe, również prowadzi to do problemów. Sprawdź, czy wszystkie adresy URL są dokładnie poprawne i czy nie zawierają literówek ani nieaktualnych linków. Jest to szczególnie ważne w przypadku dużych witryn z wieloma wersjami językowymi. Dlatego system powinien zawsze ustawiać tagi automatycznie. Kilka błędów nie stanowi problemu
Jeśli Twoja witryna ma wersje mobilne lub AMP, powinieneś również opatrzyć je tagami hreflang, aby także użytkownicy mobilni widzieli właściwą wersję językową.
Hreflang-Validatoren
Istnieją specjalne narzędzia online, takie jak HREFLANG Validator od Sistrix czy od Merkle, które opracowano w celu weryfikacji implementacji tagów hreflang. Narzędzia te przeszukują Twoją stronę i przekazują Ci informacje zwrotne o możliwych błędach. Narzędzie pokazuje Ci również, czy popełniono błędy przy implementacji tagu hreflang=”x-default”.
Podobnie różne narzędzia SEO oferują raporty błędów w ramach swojego crawlingu. Stosowane przez nas narzędzie SEO od Audisto wykonuje na przykład następujące kontrole. U nas wszystko jest wykazane z wartością 0, ponieważ – jak już wspomniano wyżej – sterujemy HREFLANG-ami poprzez naszą mapę witryny. Stawiamy więc na walidację mapy witryny. Zwłaszcza gdy Twoje tagi hreflang są ustawiane w kodzie źródłowym, takie narzędzia są również elementarne dla monitoringu, na wypadek gdyby później wskutek refaktoryzacji lub wdrożeń wkradły się błędy.
Google o HREFLANG
W kontekście wielojęzyczności zapoznaj się także z dokumentacją Google dotyczącą stron zlokalizowanych. Interesujący jest podcast Google SEARCH OFF THE RECORD z 25.07.2024, który zajmuje się internacjonalizacją i HREFLANG. Kluczowe informacje z niego trafiły również do tego artykułu. Zapowiedziano w nim już, że Google rozważa automatyczne rozpoznawanie języka i ukierunkowania regionalnego. Oto pełny odcinek.
Podsumowanie na temat HREFLANG
Dziękuję, że doczytałeś aż dotąd. Mam nadzieję, że udało Ci się zrozumieć, iż atrybut hreflang to niezbędne narzędzie dla międzynarodowego SEO i stron wielojęzycznych. Pomaga on wyszukiwarkom poprawnie przyporządkowywać i wyświetlać odpowiednie wersje językowe lub krajowe witryny, dzięki czemu poprawia się user experience Twoich grup docelowych, a widoczność w wynikach wyszukiwania jest optymalizowana.
