Offri lo stesso contenuto in più lingue. Hai versioni del sito per paesi diversi. Senza i tag hreflang i motori di ricerca si confondono. Vedono più versioni della stessa pagina e non sanno quale sia per quale pubblico. I tag hreflang dicono ai motori di ricerca quale pagina è per quale lingua e regione. Evitano problemi di contenuti duplicati e fanno in modo che gli utenti vedano la versione giusta.
Cosa sono i tag hreflang?
I tag hreflang sono link HTML che dicono ai motori di ricerca quale pagina è destinata a quale lingua e regione. Si presentano così:
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
Questo dice ai motori di ricerca: "Questa pagina è la versione inglese. Ecco la versione spagnola. Ecco la versione francese. Mostra ogni versione a chi parla quella lingua."
I tag hreflang vanno nell'head di ogni pagina. Ogni versione linguistica include i tag che puntano a tutte le altre versioni (compresa se stessa).
Perché i tag hreflang sono importanti
Senza i tag hreflang i motori di ricerca vedono più pagine con contenuti simili o identici. Possono indicizzare tutte le versioni o sceglierne una a caso. Gli utenti possono vedere la versione nella lingua sbagliata. Si creano problemi di contenuti duplicati e confusione.
I tag hreflang concentrano la forza di posizionamento. Invece di disperdere l'autorevolezza su dieci versioni linguistiche, tutte le versioni condividono l'autorevolezza per le rispettive lingue e regioni. Gli utenti di lingua inglese vedono posizionata la versione inglese. Gli utenti di lingua spagnola vedono posizionata la versione spagnola.
I tag hreflang migliorano l'esperienza dell'utente. Chi parla spagnolo in Spagna vede la versione spagnola. Chi parla inglese negli Stati Uniti vede la versione in inglese americano. Gli utenti ricevono contenuti nella loro lingua.
Come strutturare i tag hreflang
Usa i codici lingua (en, es, fr, de) oppure i codici lingua-regione (en-US, en-GB, es-ES, es-MX).
I codici lingua sono più semplici (en significa qualsiasi inglese). I codici lingua-regione sono più specifici (en-US è l'inglese americano, en-GB è l'inglese britannico).
Se offri l'inglese a livello globale, usa hreflang="en". Se offri specificamente l'inglese americano, usa hreflang="en-US".
Includi sempre un tag hreflang autoreferenziale. La versione inglese dovrebbe avere hreflang="en" che punta a se stessa. Questo dice ai motori di ricerca "questa è la versione inglese principale".
Includi un tag x-default per gli utenti la cui lingua o regione non è coperta. Esempio:
<link rel="alternate" hreflang="x-default" href="https://example.com">
Significa "se la lingua dell'utente non è nel nostro elenco hreflang, mostragli questa versione".
Metodi di implementazione
I tag nell'head dell'HTML sono il metodo più comune. Aggiungi i tag <link rel="alternate" hreflang="..."> nell'head di ogni pagina che ha versioni alternative.
Metodo della sitemap: inserisci le informazioni hreflang nella sitemap XML. Ogni voce URL può elencare le versioni alternative.
Metodo dell'intestazione HTTP: invia le informazioni hreflang nelle intestazioni HTTP. Funziona per i PDF e per i contenuti non HTML.
La maggior parte dei siti usa il metodo dell'head HTML perché è il più semplice. Se possibile, usa il tuo CMS per generare questi tag in automatico.
Errori comuni con hreflang
Dimenticare i tag autoreferenziali. Ogni pagina dovrebbe includere un tag che punta a se stessa. La pagina in inglese dovrebbe avere hreflang="en" che punta a se stessa.
Implementazione incoerente. Se la pagina inglese rimanda alla versione spagnola ma la pagina spagnola non rimanda a quella inglese, l'hreflang non funziona. Tutte le versioni devono rimandare a tutte le altre.
Codici lingua sbagliati. Usare "english" invece di "en". Usare "US" invece di "en-US". Usa i codici lingua standard ISO.
x-default mancante. Se il tuo sito serve visitatori di paesi per cui non hai versioni specifiche, includi x-default per mostrare loro una versione predefinita.
Puntare a URL non canonici. Se l'hreflang punta a un URL che non è canonico, i motori di ricerca possono ignorare la relazione. Punta sempre agli URL canonici.
Hreflang e impostazioni di targeting geografico
I tag hreflang e le impostazioni di targeting geografico di Google Search Console lavorano insieme. I tag hreflang dicono ai motori di ricerca quale pagina è per quale lingua. Il targeting geografico in GSC dice a Google a quale paese ti rivolgi.
Se hai example.com/es/ per chi parla spagnolo in Spagna, usa hreflang="es-ES" e imposta il targeting geografico sulla Spagna in GSC.
Se hai example.com/es/ per chi parla spagnolo in tutto il mondo, usa hreflang="es" e non impostare un targeting geografico per un paese specifico.
Domande frequenti
Mi servono i tag hreflang se uso domini diversi?
Sì. Se hai example.com per l'inglese e example.es per lo spagnolo, i tag hreflang dicono ai motori di ricerca che sono versioni collegate. Senza hreflang, i motori di ricerca li trattano come siti separati. Con hreflang capiscono il legame e concentrano l'autorevolezza in modo appropriato. Con il creatore di siti di WEMASY puoi impostarlo direttamente sul tuo sito.
Che differenza c'è tra hreflang e tag canonical?
I tag canonical dicono "questa pagina e quella sono duplicati, posiziona questa". I tag hreflang dicono "questa pagina e quella sono versioni linguistiche alternative, posiziona ciascuna per la sua lingua". Hanno scopi diversi. Usa il canonical per i duplicati. Usa hreflang per le varianti linguistiche.
Devo usare hreflang per i dialetti regionali?
Sì, se hai versioni diverse per regioni diverse. Inglese USA, inglese britannico e inglese australiano sono abbastanza diversi da giustificare versioni separate. Usa hreflang="en-US", hreflang="en-GB", hreflang="en-AU" per distinguerli. Questo aiuta i motori di ricerca a proporre la versione giusta alla regione giusta.
Posso usare hreflang per i contenuti paginati?
No. Hreflang serve per le varianti di lingua e di regione, non per la paginazione. I contenuti paginati (pagina 1, pagina 2, pagina 3) non sono versioni linguistiche alternative. Per la paginazione usa invece rel="next" e rel="prev". Usa hreflang solo per le varianti di lingua e regione.
Quanti tag hreflang dovrebbe avere ogni pagina?
Uno per ogni versione linguistica che offri, più x-default. Se hai versioni in inglese, spagnolo e francese, ogni pagina ha tre tag hreflang (uno per lingua) più x-default. Tutte le versioni rimandano a tutte le altre. Si crea così una relazione bidirezionale.
Hreflang fa salire il mio posizionamento?
Non direttamente. Hreflang non ti fa posizionare più in alto. Ma evita penalizzazioni per contenuti duplicati e fa in modo che i motori di ricerca capiscano la struttura del tuo sito. Chiarendo quale versione è per quale lingua o regione, hreflang aiuta ogni versione a posizionarsi meglio nel suo mercato. Indirettamente, un hreflang corretto migliora il posizionamento perché concentra l'autorevolezza.