Co to jest Hreflang?

Co to jest Hreflang

Hreflang jest techniczną instrukcją, którą deweloperzy stron internetowych i specjaliści SEO (Search Engine Optimization) używają do komunikacji z wyszukiwarkami, takimi jak Google. Ale co to dokładnie oznacza? Zacznijmy od zrozumienia tego, czym jest hreflang i jak działa.

Definicja Hreflang

Hreflang jest atrybutem HTML używanym w metatagach stron internetowych, które mówią wyszukiwarkom, dla jakiego języka i/lub regionu jest dana strona. Jest to narzędzie, które pomaga wyszukiwarkom zrozumieć, które wersje językowe Twojej strony powinny być pokazywane w wynikach wyszukiwania dla różnych regionów lub grup językowych.

Na przykład, jeśli prowadzisz sklep internetowy i masz osobne wersje strony dla Polski, Niemiec i Wielkiej Brytanii, hreflang pomoże wyszukiwarkom zrozumieć, którą wersję pokazać użytkownikowi w zależności od jego lokalizacji lub preferowanego języka.

Jak działa Hreflang?

Atrybut hreflang jest umieszczany w nagłówku strony internetowej i składa się z dwóch części: kodu języka i kodu kraju. Na przykład, kod "en-GB" oznacza, że strona jest przeznaczona dla użytkowników mówiących po angielsku (en) w Wielkiej Brytanii (GB).

Ważne jest, aby używać poprawnych kodów ISO dla języków i krajów. W przypadku stron, które są przeznaczone dla wszystkich użytkowników danego języka, niezależnie od kraju, można pominąć kod kraju. Na przykład, "en" oznacza stronę przeznaczoną dla wszystkich użytkowników mówiących po angielsku.

Hreflang kod

Dlaczego Hreflang jest ważny?

Poprawa UX

Hreflang pomaga poprawić doświadczenia użytkownika, ponieważ pozwala na pokazanie najbardziej odpowiedniej wersji strony dla danego użytkownika. Dzięki temu użytkownicy mogą łatwiej zrozumieć zawartość strony i są bardziej skłonni do interakcji z nią.

SEO

Hreflang jest także kluczowym elementem SEO. Wyszukiwarki, takie jak Google, zwracają uwagę na używanie hreflang, ponieważ pomaga im zrozumieć strukturę i kontekst Twojej strony. Poprawne użycie hreflang może poprawić ranking strony w wynikach wyszukiwania dla odpowiednich języków i regionów.

Najczęstsze błędy związane z Hreflang

Warto również wspomnieć o błędach, które często występują przy implementacji hreflang. Niepoprawne używanie tego atrybutu może prowadzić do problemów z indeksowaniem strony przez wyszukiwarki.

Nieprawidłowe kody

Najczęstszym błędem jest używanie nieprawidłowych kodów języka lub kraju. Jak wspomniano wcześniej, należy zawsze stosować standardowe kody ISO.

Brak wzajemności linków

Każda strona, która jest wersją językową innej strony, powinna mieć link do tej strony, a strona, do której prowadzi link, powinna mieć link z powrotem. W przeciwnym razie wyszukiwarki mogą nie rozpoznać związku między stronami.

Brak pełnej mapy hreflang

Jeśli na stronie istnieje wiele wersji językowych, każda z nich powinna mieć hreflang do wszystkich innych. To oznacza, że jeśli masz stronę po angielsku, niemiecku i francusku, każda z nich powinna mieć hreflang do dwóch pozostałych.

Jaka jest budowa hreflang?

Atrybut hreflang jest używany w znaczniku link w nagłówku strony internetowej. Generalnie ma następującą budowę:

<link rel="alternate" hreflang="kod-języka-kod-kraju" href="URL strony" />

Przyjrzyjmy się poszczególnym elementom tego tagu:

  • <link>: To jest znacznik HTML, który jest używany do definiowania relacji między dokumentem, w którym się znajduje, a zewnętrznym źródłem (w tym przypadku, alternatywną stroną językową).
  • rel="alternate": Atrybut "rel" definiuje relację między bieżącą stroną a celem linku. W tym przypadku "alternate" mówi, że strona docelowa jest alternatywną wersją bieżącej strony.
  • hreflang="kod-języka-kod-kraju": Jest to właściwość hreflang, która mówi wyszukiwarce, dla jakiego języka i kraju jest przeznaczona strona docelowa. Kod języka i kod kraju powinny być standardowymi kodami ISO. Na przykład, "pl-PL" oznacza polski język używany w Polsce.
  • href="URL strony": Jest to adres URL strony docelowej, czyli strony, która jest alternatywną wersją bieżącej strony dla określonego języka lub kraju.

Przykładowy tag hreflang może wyglądać tak:

<link rel="alternate" hreflang="de-DE" href="https://www.example.com/de/" />

Ten tag mówi, że strona https://www.example.com/de/ jest niemiecką wersją językową obecnej strony.

hreflang do strony internetowej

W jaki sposób dodać atrybut rel=”alternate” hreflang?

Dodanie atrybutu rel="alternate" hreflang do strony internetowej jest procesem technicznym i zależy od technologii, z której korzysta Twoja strona. Poniżej przedstawiam ogólny proces dodawania atrybutu hreflang do strony internetowej:

  1. Znajdź odpowiednie miejsce w kodzie HTML: Atrybut hreflang należy umieścić w sekcji <head> strony HTML. Jest to część strony, która zawiera metadane, a nie widoczną treść strony.
  2. Dodaj znacznik link: Następnie dodaj znacznik link <link>. W środku tego znacznika umieść atrybuty rel="alternate", hreflang="kod-języka-kod-kraju" i href="URL strony". Na przykład:

<link rel="alternate" hreflang="en-US" href="http://example.com/en-us/" />

  1. Powtórz dla wszystkich wersji językowych: Powtórz ten proces dla wszystkich alternatywnych wersji językowych strony. Pamiętaj, aby na każdej stronie umieścić linki do wszystkich innych wersji językowych.

Pamiętaj, że jeśli Twoja strona korzysta z systemu zarządzania treścią (CMS), takiego jak WordPress, Drupal czy Joomla, istnieją wtyczki i rozszerzenia, które mogą automatyzować proces dodawania atrybutu hreflang. Przykładowo, w WordPressie popularną wtyczką do tego celu jest Yoast SEO.

Zawsze upewnij się, że twój kod jest poprawny i nie zawiera błędów. Możesz to zrobić za pomocą narzędzi do sprawdzania poprawności kodu HTML lub narzędzi do testowania hreflang, takich jak narzędzie do sprawdzania tagów hreflang Google.

Jak poznać, że hreflang jest wdrożony poprawnie?

Aby sprawdzić, czy atrybut hreflang został poprawnie zaimplementowany na stronie, można skorzystać z różnych narzędzi i technik. Oto kilka z nich:

  • Narzędzia do testowania hreflang: Istnieją różne narzędzia online, które mogą sprawdzić poprawność implementacji hreflang, takie jak hreflang tags testing tool od TechnicalSEO. Wystarczy wpisać adres URL strony, a narzędzie przeprowadzi analizę i wykaże ewentualne problemy.
  • Narzędzia Google: Google Search Console (GSC) to kolejne przydatne narzędzie do monitorowania poprawności implementacji hreflang. W sekcji "Pokrycie" GSC informuje o błędach związanych z atrybutem hreflang, takich jak nieprawidłowe wartości w atrybucie hreflang czy brak wzajemności w linkowaniu między stronami.
  • Ręczne sprawdzanie kodu strony: Możesz również ręcznie sprawdzić kod źródłowy strony, aby upewnić się, że tagi hreflang są obecne i prawidłowo sformatowane. Można to zrobić, klikając prawym przyciskiem myszy na stronie i wybierając "Zobacz źródło strony" lub podobną opcję.
  • Obserwowanie wyników wyszukiwania: Po wdrożeniu hreflang, monitoruj wyniki wyszukiwania, aby zobaczyć, czy odpowiednie wersje strony są wyświetlane dla różnych regionów i języków. Jeśli hreflang jest poprawnie zaimplementowany, powinieneś zauważyć, że wyszukiwarka prezentuje prawidłowe wersje stron dla różnych języków i lokalizacji.

Pamiętaj, że nawet po poprawnym wdrożeniu atrybutu hreflang, może minąć trochę czasu, zanim wyszukiwarki zaktualizują swoje indeksy i zaczną wyświetlać prawidłowe wersje stron. Dlatego zawsze warto monitorować wyniki przez pewien czas po wprowadzeniu zmian.

Wnioski

Hreflang to potężne narzędzie, które może poprawić doświadczenia użytkowników i efektywność SEO. Jest to jednak narzędzie techniczne, które wymaga prawidłowego zrozumienia i implementacji. W przypadku stron o wielojęzycznym lub międzynarodowym zasięgu, prawidłowe stosowanie hreflang jest niezbędne dla skutecznego SEO.

Redakcja KiwiLab
KiwiLab - blog marketingowy serwujący wiedzę z zakresu SEO, PPC, Analityki internetowej, Content Marketingu i Social Media na najwyższym poziomie.
×