Dokument enthält kein gültiges hreflang-Element

Viele Websites bieten je nach Sprache oder Region des Nutzers unterschiedliche Seitenversionen an. hreflang-Links geben Suchmaschinen die URLs für alle Versionen einer Seite an, damit die richtige Version für jede Sprache oder Region angezeigt werden kann.

Gründe für den Fehler bei der Lighthouse-hreflang-Prüfung

Lighthouse meldet fehlerhafte hreflang-Links:

Lighthouse-Analyse mit falschen hreflang-Links

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

Lighthouse prüft dann, ob in den hreflang-Links gültige Sprachcodes vorhanden sind. Lighthouse meldet alle hreflang-Links mit ungültigen Sprachcodes.

Lighthouse prüft keine Regionscodes und keine Sitemap.

hreflang-Link für jede Version einer Seite definieren

Angenommen, Sie haben 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 einfachsten 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 auf alle anderen Versionen verlinken, einschließlich der eigenen Version. Andernfalls ignorieren Suchmaschinen die hreflang-Links möglicherweise oder interpretieren sie falsch.

Verwenden Sie für Seiten, auf denen Nutzer die Sprache auswählen können, das Keyword x-default:

<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 dem ISO 639-1-Format entsprechen.
  • Der hreflang-Wert kann auch einen optionalen Regionscode enthalten. es-mx ist beispielsweise für Spanischsprachige in Mexiko und es-cl für Spanischsprachige in Chile.
  • Der Regionscode muss dem ISO 3166-1 alpha-2-Format entsprechen.

Ressourcen