Il documento non contiene un valore hreflang valido

Molti siti forniscono versioni diverse di una pagina in base alla lingua o alla lingua dell'utente regione. I link hreflang indicano ai motori di ricerca gli URL di tutte le versioni di una pagina, in modo da poter visualizzare la versione corretta per ogni lingua o regione.

Perché il controllo hreflang di Lighthouse non va a buon fine

Segnalazioni Lighthouse link hreflang errati:

Il controllo di Lighthouse mostra la presenza di link Interstitial errati

Controlli di Lighthouse per hreflang di link nel file head della pagina e nelle intestazioni della risposta.

Lighthouse cerca quindi dei codici lingua validi all'interno dei hreflanglink. Lighthouse segnala tutti i link di hreflang con codici lingua non validi.

Lighthouse non controlla i codici regione o la Sitemap.

Come definire un link hreflang per ogni versione di una pagina

Supponiamo di avere tre versioni di una pagina:

  • Una versione in inglese all'indirizzo https://example.com
  • Una versione in spagnolo su https://es.example.com
  • Una versione in tedesco su https://de.example.com

Esistono tre modi per comunicare ai motori di ricerca che queste pagine sono equivalenti. Scegli il metodo più semplice per la tua situazione.

Opzione 1: aggiungi link hreflang alla <head> di ogni pagina:

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

Ogni versione di una pagina deve rimandare a tutte le altre versioni, incluso se stesso. In caso contrario, i motori di ricerca potrebbero ignorare i link hreflang. o interpretarle in modo errato.

Per le pagine che consentono agli utenti di selezionare la propria lingua, utilizza x-default parola chiave:

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

Opzione 2: aggiungi intestazioni Link alla risposta 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"

Opzione 3. Aggiungi informazioni sulla versione in lingua alla tua 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>

Linee guida per i valori hreflang

  • Il valore hreflang deve sempre specificare un codice lingua.
  • Il codice lingua deve rispettare Formato ISO 639-1.
  • Il valore hreflang può anche includere un codice regionale facoltativo. Ad esempio, es-mx è per gli utenti di lingua spagnola in Messico, mentre es-cl è per agli utenti di lingua spagnola in Cile.
  • Il codice regione deve seguire le Formato ISO 3166-1 alpha-2.

Risorse