Dokument nie ma prawidłowego atrybutu hreflang

Wiele witryn udostępnia różne wersje strony na podstawie języka lub regionu użytkownika. Linki hreflang informują wyszukiwarki adresy URL wszystkich wersji strony, aby umożliwić wyświetlenie prawidłowej wersji dla danego języka lub regionu.

Co się dzieje z audytem Lighthouse hreflang

Lighthouse zgłasza nieprawidłowe linki (hreflang):

Audyt Lighthouse dotyczący nieprawidłowych linków z atrybutem hreflang

Lighthouse sprawdza linki hreflang w elemencie head strony i w jej nagłówkach odpowiedzi.

Następnie Lighthouse sprawdzi poprawność kodów językowych w linkach hreflang. Lighthouse zgłasza wszystkie linki hreflang z nieprawidłowymi kodami języka.

Lighthouse nie sprawdza kodów regionów ani mapy witryny.

Definiowanie linku hreflang dla każdej wersji strony

Załóżmy, że masz 3 wersje strony:

  • Wersję angielską pod adresem https://example.com
  • Hiszpańska wersja pod adresem https://es.example.com
  • w wersji niemieckiej pod adresem https://de.example.com.

Istnieją 3 sposoby, aby poinformować wyszukiwarki, że te strony są równoważne. Wybierz metodę, która jest najprostsza w Twojej sytuacji.

Opcja 1: Dodaj linki hreflang w kolumnie <head> każdej strony:

<link rel="alternate" hreflang="en" href="https://example.com" />
<link rel="alternate" hreflang="es" href="https://es.example.com" />
<link rel="alternate" hreflang="de" href="https://de.example.com" />

Każda wersja strony musi zawierać link do wszystkich pozostałych wersji, w tym do siebie. W przeciwnym razie wyszukiwarki mogą ignorować linki hreflang lub nieprawidłowo je interpretować.

Na stronach, w których użytkownicy mogą wybierać język, użyj słowa kluczowego x-default:

<link rel="alternate" href="https://example.com" hreflang="x-default" />

Opcja 2. Dodaj nagłówki Link do odpowiedzi HTTP:

Link: <https://example.com>; rel="alternate"; hreflang="en", <https://es.example.com>;
rel="alternate"; hreflang="es", <https://de.example.com>; rel="alternate"; hreflang="de"

Opcja 3. Dodaj do mapy witryny informacje o wersji języka.

<url>
<loc>https://example.com</loc>

<xhtml:link rel="alternate" hreflang="es"
href="https://es.example.com"/>

<xhtml:link rel="alternate" hreflang="de"
href="https://es.example.com"/>

</url>

Wytyczne dotyczące wartości hreflang

  • Wartość hreflang musi zawsze określać kod języka.
  • Kod języka musi być w formacie ISO 639-1.
  • Wartość hreflang może też zawierać opcjonalny kod regionalny. Na przykład nazwa es-mx będzie dotyczyć hiszpańskojęzycznych mieszkańców Meksyku, a es-cl – hiszpańskojęzycznych użytkowników w Chile.
  • Kod regionu musi być w formacie ISO 3166-1 alfa-2.

Zasoby