Le document ne contient pas d'attribut hreflang valide

De nombreux sites proposent différentes versions d'une page en fonction de la langue de l'utilisateur ou dans la même région. Les liens hreflang indiquent aux moteurs de recherche les URL de toutes les versions de une page afin qu'ils puissent afficher la version correcte pour chaque langue ou région.

Échec de l'audit hreflang de Lighthouse

Drapeaux phare liens hreflang incorrects:

L'audit Lighthouse indique des liens "hreflang" incorrects

Lighthouse vérifie la présence de hreflang liens dans le head de la page et dans ses en-têtes de réponse.

Lighthouse vérifie ensuite la validité des codes de langue dans les hreflangliens. Lighthouse signale tout lien hreflang comportant des codes de langue non valides.

Lighthouse ne vérifie pas les codes des régions ni votre sitemap.

Définir un lien hreflang pour chaque version d'une page

Supposons que vous ayez trois versions d'une page:

  • Une version anglaise à l'adresse https://example.com
  • Une version en espagnol sur https://es.example.com
  • Version allemande sur https://de.example.com

Il existe trois façons d'indiquer aux moteurs de recherche que ces pages sont équivalentes. Choisissez la méthode la plus simple en fonction de votre situation.

Option 1 : ajoutez des liens hreflang à la section <head> de chaque page

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

Chaque version d'une page doit être liée à toutes les autres versions, y compris lui-même. Sinon, les moteurs de recherche risquent d'ignorer les liens hreflang. ou de les interpréter de manière incorrecte.

Pour les pages sur lesquelles les utilisateurs peuvent sélectionner leur langue, utilisez le x-default mot clé:

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

Option 2 : ajoutez des en-têtes Link à votre réponse 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"

Option 3:ajoutez des informations sur la version linguistique de votre sitemap.

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

Consignes pour les valeurs hreflang

  • La valeur hreflang doit toujours spécifier un code de langue.
  • Le code de langue doit respecter Format ISO 639-1.
  • La valeur hreflang peut également inclure un code régional facultatif. Par exemple, es-mx s'adresse aux hispanophones résidant au Mexique, tandis que es-cl s'adresse aux les hispanophones au Chili.
  • Le code régional doit suivre le Format ISO 3166-1 alpha-2.

Ressources