Najbardziej precyzyjna odpowiedź na pytanie czym jest hreflang; to atrybut HTML, który informuje wyszukiwarki o alternatywnych wersjach strony internetowej w różnych językach lub regionach, zapewniając wyświetlenie właściwej opcji językowej odpowiedniemu użytkownikowi. Ten tag ma kluczowe znaczenie zwłaszcza dla witryn działających w wielu krajach lub publikujących treści w różnych językach w obrębie jednego kraju. Dobrze skonstruowana międzynarodowa strategia SEO pozwala wyszukiwarkom poprawnie indeksować witrynę i zapobiega problemom z duplikacją treści.
Dlaczego tag Hreflang jest ważny?
Tagi hreflang są jednym z najbardziej krytycznych elementów technicznego SEO, ponieważ umożliwiają wyszukiwarkom dostarczanie wielojęzycznych treści użytkownikom w odpowiedniej lokalizacji geograficznej. Bez użycia tych tagów wyszukiwarki mogą postrzegać podobne strony w różnych językach lub regionach jako zduplikowaną treść, co może negatywnie wpłynąć na widoczność witryny w wyszukiwarkach. Wyobraźmy sobie na przykład sklep e-commerce obsługujący użytkowników w Wielkiej Brytanii i USA w języku angielskim, ale z różnymi walutami. Witryna ta optymalizuje wyniki wyszukiwania dla obu rynków, używając kodów języka/regionu en-gb dla Wielkiej Brytanii i en-us dla USA. Dzięki temu użytkownik z Wielkiej Brytanii po wyszukaniu w Google widzi stronę z cenami w funtach, a użytkownik z USA stronę z cenami w dolarach. Zmniejsza to współczynnik odrzuceń i bezpośrednio zwiększa współczynniki konwersji.
Jaka powinna być struktura kodu Hreflang?
Struktura kodu hreflang powinna być zgodna z określonym standardem i znajdować się w sekcji head strony internetowej, aby boty wyszukiwarek mogły ją łatwo odczytać. Dla każdej alternatywy językowej należy zapisać osobną linię, a linie te muszą zawierać strukturę odwołującą się do samej siebie (self-referential). Poniższy przykład kodu przedstawia standardową strukturę tagu hreflang zawierającą języki turecki, angielski, niemiecki oraz wartość x-default:
<link rel="alternate" hreflang="tr" href="https://example.com/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />Pierwsza linia wskazuje, że głównym językiem witryny jest turecki i że ten adres powinien być wyświetlany użytkownikom wyszukującym w języku tureckim. Druga linia informuje wyszukiwarki o adresie URL alternatywnej strony w języku angielskim. Trzecia linia definiuje ścieżkę alternatywnej strony przygotowanej dla użytkowników niemieckojęzycznych. Wartość x-default w ostatniej linii wskazuje na domyślną stronę główną, na którą będą kierowani wszyscy użytkownicy spoza wymienionych języków.
Jak dodać tagi Hreflang do witryny?
Istnieją trzy różne metody techniczne, których możesz użyć, aby dodać tagi hreflang do swojej witryny. Niezależnie od wybranej metody, pamiętaj, że wszystkie strony muszą wzajemnie się potwierdzać. Oto te metody i kroki wdrożenia:
Dodawanie do sekcji HTML Head
Najczęściej stosowaną metodą jest umieszczenie kodów bezpośrednio między tagami HTML head każdej strony. W tej metodzie każda strona musi indywidualnie wymieniać swoje alternatywy. Na przykład, jeśli Twoja witryna ma 3 różne języki, w kodzie źródłowym każdej strony powinny znajdować się 3 linie hreflang.
Użycie nagłówka HTTP (HTTP Header)
Metoda preferowana zwłaszcza dla plików PDF lub innych dokumentów niebędących HTML, w której informacje hreflang są dodawane do nagłówka odpowiedzi serwera. Serwer przesyła tę informację o relacji językowej w tle podczas wysyłania pliku do przeglądarki lub bota.
Wdrożenie za pomocą mapy witryny XML
W przypadku dużych witryn, aby nie obciążać kodu strony, tagi hreflang można zdefiniować za pomocą mapy witryny XML. Podczas wdrażania tej metody należy wykonać następujące kroki:
- Dla każdego adresu URL utwórz osobny element loc w mapie witryny.
- Pod każdym elementem loc dodaj wszystkie alternatywy językowe strony za pomocą atrybutu xhtml:link.
- W każdej linii alternatywnej określ zarówno kod języka, jak i pełny adres URL odpowiedniej strony.
- Przetestuj poprawność przygotowanej mapy witryny, przesyłając ją przez Google Search Console.
Aby sprawdzić, w jaki sposób Twoja witryna jest indeksowana przez wyszukiwarki, Audyt pliku robots.txt i mapy witryny możesz skorzystać z naszego narzędzia. Dzięki niemu w kilka sekund wykryjesz ewentualne błędy konfiguracyjne w swojej mapie witryny.
Czym jest wartość X-Default i kiedy jej używać?
Wartość x-default to definicja strony domyślnej, która uruchamia się, gdy ustawienia języka przeglądarki użytkownika lub jego lokalizacja geograficzna nie pasują do żadnego z języków zdefiniowanych w witrynie. Ten atrybut jest używany głównie w celu ochrony doświadczeń użytkownika w witrynach działających w skali globalnej. Na przykład, gdy użytkownik z Hiszpanii wchodzi do sklepu e-commerce, który nie oferuje opcji języka hiszpańskiego, system przekierowuje go na ogólną stronę angielską ustawioną jako x-default. Dzięki temu użytkownik zamiast pustej lub nieistotnej strony trafia na międzynarodową wersję witryny.
Poniżej możesz zapoznać się z tabelą porównawczą kodów językowych i regionalnych ISO, których należy używać w zależności od scenariuszy grupy docelowej:
| Grupa docelowa i region | Kod języka (ISO 639-1) | Kod kraju (ISO 3166-1) | Prawidłowe użycie hreflang |
|---|---|---|---|
| Użytkownicy mówiący po turecku w Turcji | tr | TR | tr-TR |
| Użytkownicy mówiący po niemiecku w Niemczech | także | DE | de-DE |
| Użytkownicy mówiący po niemiecku w Szwajcarii | także | CH | de-CH |
| Użytkownicy języka angielskiego (ogólne) | większość | Nie określono | większość |
Jakie są najczęstsze błędy hreflang w wielojęzycznym SEO?
Błędy techniczne podczas konfiguracji hreflang w wielojęzycznych projektach internetowych dezorientują wyszukiwarki i prowadzą do problemów z indeksowaniem. Unikanie tych błędów jest kluczowym krokiem do międzynarodowego sukcesu SEO Twojej witryny. Oto najczęstsze błędy i ich rozwiązania:
- Brak wzajemnego potwierdzenia: Jeśli strona A wskazuje na stronę B, strona B musi również wskazywać na stronę A. Jeśli to wzajemne połączenie nie zostanie ustanowione, wyszukiwarki całkowicie zignorują tagi Google.
- Nieprawidłowe kody języka lub regionu: Należy używać wyłącznie kodów zgodnych ze standardami ISO. Na przykład kod 'uk' dla Wielkiej Brytanii jest nieprawidłowy; poprawnym kodem jest 'GB'.
- Sprzeczności z tagiem canonical: Adres URL określony w tagu hreflang musi być identyczny z tagiem canonical danej strony. Jeśli wskażesz inną stronę jako canonical zamiast samej strony, tagi staną się nieważne.
Aby uniknąć tego typu błędów konfiguracyjnych, należy regularnie sprawdzać infrastrukturę techniczną swojej witryny. Indeksowalność i audyt kanoniczny korzystając z naszego narzędzia, możesz natychmiast przeanalizować stan indeksowania swoich stron oraz poprawność tagów canonical.
Jak przeprowadzić audyt tagów hreflang?
Aby upewnić się, że wielojęzyczna struktura Twojej witryny działa bez zarzutu, powinieneś regularnie przeprowadzać analizy techniczne i testować swój kod. Prawidłowy SEO na stronie audyt zapobiega wyświetlaniu użytkownikom niewłaściwych wersji językowych. W procesie audytu należy najpierw sprawdzić raport „Kierowanie międzynarodowe” w Google Search Console, aby zidentyfikować ostrzeżenia o brakujących lub błędnych tagach. Następnie, za pomocą narzędzi do skanowania, należy przeanalizować statusy wzajemnego potwierdzenia wszystkich stron oraz kody odpowiedzi, aby wyeliminować tagi hreflang zawierające niedziałające linki. Dzięki temu wykorzystasz budżet indeksowania (crawl budget) swojej witryny w najbardziej efektywny sposób.
Osiągnięcie doskonałego doświadczenia użytkownika i wysokiej widoczności w wyszukiwarkach na wielojęzycznych stronach internetowych zależy od pełnego wdrożenia kryteriów technicznego SEO. Zapoznaj się z naszymi profesjonalnymi rozwiązaniami, aby wyprzedzić konkurencję na rynku międzynarodowym i łatwo dotrzeć do grupy docelowej w ich własnym języku. Skontaktuj się z nami już teraz, aby uzyskać specjalistyczne analizy techniczne i strategie międzynarodowego rozwoju dla Twoich projektów korporacyjnych.
Czy tag hreflang bezpośrednio wpływa na ranking?
Tag hreflang nie jest bezpośrednim czynnikiem rankingowym, ale poprzez serwowanie użytkownikom właściwej wersji językowej, obniża współczynnik odrzuceń i pośrednio poprawia Twoje pozycje.
Czy na tej samej stronie można użyć wielu tagów hreflang?
Tak, jeśli strona posiada wiele alternatyw językowych lub regionalnych, można jednocześnie użyć wielu tagów hreflang, umieszczając każdy z nich w osobnej linii.
Jaka jest różnica między tagami hreflang a canonical?
Podczas gdy tag canonical wybiera jedną oryginalną wersję spośród zduplikowanych stron, tag hreflang służy do informowania wyszukiwarek o alternatywnych stronach w różnych językach.
Czy kody hreflang są wrażliwe na wielkość liter?
Kody języków zazwyczaj zapisuje się małymi literami, a kody regionów wielkimi, jednak wyszukiwarki zazwyczaj bez problemu interpretują również kody regionów zapisane małymi literami.
Jaki standard należy przyjąć dla kodów językowych?
Dla kodów językowych należy stosować standard ISO 639-1, a w przypadku targetowania regionalnego dla kodów regionów standard ISO 3166-1 alpha-2.