Dokument enthält kein gültiges hreflang-Element

Viele Websites bieten verschiedene Versionen einer Seite an – je nach Sprache oder Region Mit hreflang-Links werden Suchmaschinen die URLs für alle Versionen von auf einer Seite, sodass sie die richtige Version für jede Sprache oder Region anzeigen können.

So scheitert die Lighthouse-Prüfung hreflang

Lighthouse-Flags Falsche hreflang-Links:

Lighthouse-Prüfung zeigt falsche hreflang-Links an

Lighthouse prüft auf hreflang Links im head und in den Antwortheadern der Seite.

Lighthouse sucht dann in den hreflang-Links nach gültigen Sprachcodes. Lighthouse meldet alle hreflang-Links mit ungültigen Sprachcodes.

Lighthouse prüft weder Regionscodes noch Ihre Sitemap.

Einen hreflang-Link für jede Version einer Seite definieren

Angenommen, es gibt drei Versionen einer Seite:

  • Eine englische Version unter https://example.com
  • Eine spanische Version unter https://es.example.com
  • Eine deutsche Version unter https://de.example.com

Es gibt drei Möglichkeiten, Suchmaschinen mitzuteilen, dass diese Seiten äquivalent sind. Wählen Sie die Methode aus, die für Ihre Situation am besten geeignet ist.

Option 1: Fügen Sie hreflang-Links zum <head> jeder Seite hinzu:

<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" />

Jede Version einer Seite muss mit allen anderen Versionen verknüpft sein, einschließlich sich selbst. Andernfalls ignorieren Suchmaschinen die hreflang-Links möglicherweise. oder falsch zu interpretieren.

Verwende für Seiten, auf denen Nutzer ihre Sprache auswählen können, die x-default Suchbegriff:

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

Option 2: Fügen Sie Ihrer HTTP-Antwort Link-Header hinzu:

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

Option 3: Fügen Sie Ihrer Sitemap Informationen zur Sprachversion hinzu.

<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>

Richtlinien für hreflang-Werte

  • Der Wert hreflang muss immer einen Sprachcode angeben.
  • Der Sprachcode muss der ISO 639-1-Format.
  • Der Wert hreflang kann auch einen optionalen Regionalcode enthalten. Beispielsweise steht es-mx für spanischsprachige Nutzer in Mexiko, während es-cl für Spanischsprachige Nutzer in Chile.
  • Der Regionscode muss der ISO 3166-1 Alpha-2-Format.

Ressourcen