Se gestisci un sito WordPress multilingua, probabilmente hai già avuto a che fare con hreflang — o almeno avresti dovuto. Hreflang è un attributo HTML che dice ai motori di ricerca: "Questa pagina esiste in più versioni linguistiche, ed ecco dove puoi trovare ciascuna versione." Senza di esso, Google tratta le tue pagine in tedesco e in inglese come contenuti separati e non correlati — o peggio, come duplicati che competono tra loro nei risultati di ricerca.
Il problema che hreflang risolve
Supponiamo che tu abbia una pagina "Chi siamo" in inglese su /en/about/ e la traduzione italiana su /it/chi-siamo/. Entrambe le pagine trattano lo stesso argomento con una struttura molto simile. Dal punto di vista di Google, può sembrare contenuto duplicato. Il motore di ricerca potrebbe selezionare una versione e nascondere l'altra, oppure dividere i segnali di ranking tra le due — nessuno dei due risultati è ciò che desideri.
Hreflang risolve questo problema dichiarando esplicitamente: queste due pagine sono traduzioni l'una dell'altra. Google sa quindi di mostrare la versione inglese agli utenti anglofoni e la versione italiana agli utenti italofoni, senza perdita di ranking.
Come implementare hreflang
Aggiungi elementi link alla sezione <head> di ogni pagina che ha traduzioni. Ogni tag punta a una versione linguistica e devi includere tutte le versioni su ogni pagina — incluso un tag auto-referenziale:
<link rel="alternate" hreflang="en" href="https://example.com/en/about/" />
<link rel="alternate" hreflang="it" href="https://example.com/it/chi-siamo/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/en/about/" />Il tag x-default è il fallback — indica ai motori di ricerca quale versione mostrare quando la lingua dell'utente non corrisponde a nessuna delle opzioni specificate. Di solito lo punti alla tua lingua principale o a una pagina di selezione della lingua.
Codici lingua: più complicati di quanto pensi
Hreflang utilizza i codici lingua ISO 639-1, eventualmente combinati con codici regione ISO 3166-1. Alcuni comuni:
en— Inglese, tutte le regioniit— Italiano, tutte le regionien-US— Inglese specifico per gli USAit-CH— Italiano specifico per la Svizzerapt-BR— Portoghese per il Brasile (a differenza del Portogallo)
Un errore comune: usare uk per l'inglese britannico (il codice corretto è en-GB) o jp per il giapponese (è ja). Sembrano plausibili, ma sono semplicemente sbagliati, e Google ignora silenziosamente i codici errati — nessun messaggio di errore, semplicemente hreflang non funzionante.
La regola bidirezionale
Ecco dove la maggior parte delle implementazioni fallisce: i tag hreflang devono essere bidirezionali. Se la tua pagina inglese specifica un alternate italiano, anche la pagina italiana deve specificare l'alternate inglese. Se manca un lato, Google può ignorare l'intera relazione hreflang per quella coppia di pagine. Questo diventa particolarmente difficile su siti più grandi dove le pagine vengono aggiunte o rimosse e i tag hreflang si disallineano.
Tre modi per implementare hreflang
Oltre ai tag link HTML, esistono due metodi aggiuntivi:
- Header HTTP — Utile per file non HTML come i PDF. Imposti l'header
Linknella risposta HTTP con i valori hreflang. - Sitemap XML — Puoi specificare tutte le versioni linguistiche nella tua sitemap usando l'elemento
xhtml:link. Questo è spesso l'approccio più affidabile per i siti grandi perché centralizza i dati hreflang e facilita la manutenzione.
Scegli un metodo e mantienilo. Combinare metodi è tecnicamente consentito, ma aumenta la possibilità di incongruenze.
WordPress e hreflang in pratica
WordPress di per sé non genera tag hreflang. Se utilizzi un plugin multilingua come WPML, Polylang o TranslatePress, questi plugin solitamente gestiscono automaticamente l'output hreflang. Ma "automatico" non significa "corretto" — devi comunque verificare l'output, soprattutto dopo aver modificato le strutture URL, aggiunto nuove lingue o migrato contenuti.
Senza un plugin multilingua, dovrai aggiungere manualmente i tag hreflang tramite il tuo tema o tramite un plugin personalizzato. Per la maggior parte dei siti è inutilmente soggetto a errori — usa un plugin che gestisca la complessità per te.
Come aiuta InspectWP
InspectWP scansiona le tue pagine WordPress alla ricerca di tag hreflang e mostra tutte le varianti linguistiche che trova. Questo ti consente di verificare a colpo d'occhio se tutte le versioni linguistiche previste sono dichiarate e se mancano collegamenti di ritorno — senza dover esaminare tu stesso il sorgente della pagina.