Scopri cos’è hreflang, come aiuta Google a comprendere il tuo sito e come aggiungerlo al tuo sito WordPress multilingue.
WPML inserisce automaticamente i tag hreflang nelle tue pagine e li aggiorna quando apporti modifiche al tuo sito web. Questo processo avviene in background e non richiede alcuna azione da parte tua.
Cos’è hreflang?
I tag hreflang sono attributi HTML che indicano la lingua e la regione a cui è destinata una pagina. In un sito multilingue, i tag hreflang comunicano ai motori di ricerca il pubblico di destinazione per ogni versione di una pagina.
Ad esempio, il seguente hreflang indica che una homepage ha una versione per gli utenti spagnoli, all’URL specificato:
<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />
Pertanto, quando un utente in Spagna cerca questa homepage, Google mostra la sua versione spagnola.
Oltre allo spagnolo, la homepage ha anche una versione in inglese. Quindi, quando un utente negli Stati Uniti la cerca, Google mostra la sua versione inglese.
Hreflang è un componente essenziale per aiutare i motori di ricerca a comprendere il tuo sito multilingue. Ma prima di tutto, quando devi implementare i tag hreflang?
Quando devi usare hreflang?
Sono quattro i casi in cui devi aggiungere i tag hreflang al tuo sito web:
- Quando il tuo sito web ha più lingue
- Quando vuoi rivolgerti a regioni geografiche specifiche
- Quando il tuo contenuto presenta piccole variazioni regionali (inglese americano vs inglese britannico)
- Quando l’argomento è lo stesso, ma il contenuto è diverso (migliori spiagge negli Stati Uniti, migliori spiagge in Australia)
Come regola generale, se il tuo sito web ha delle varianti di una pagina e sono destinate a pubblici diversi, devi aggiungere i tag hreflang a queste pagine.
Cosa succede se non aggiungi hreflang?
I tag hreflang hanno due ruoli principali: dire a Google a quale pubblico è destinata una pagina e indicare che la pagina è una variante del contenuto originale.
Poiché, senza tag hreflang chiari, Google non è in grado di capire se una pagina è una variante di un’altra, potrebbe considerare le tue varianti come contenuti duplicati e penalizzare le tue pagine.
Come funzionano i tag hreflang?
I tag hreflang appaiono nella sezione <head> e puntano a versioni alternative di una pagina.
Ricorda, ecco come si presentano i tag hreflang:
<head> … <link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/de" hreflang="de" /> … </head>
I tag hreflang contengono tre informazioni:
rel="alternate"– indica che si tratta di una versione alternativa della pagina originale- href=URL – indica l’URL della pagina alternativa
- hreflang=LANG – indica la lingua della pagina alternativa
Se dovessimo tradurre l’esempio precedente in parole, si leggerebbe così:
La pagina corrente ha una versione alternativa in spagnolo all’URL http://www.domain.com/es e una versione alternativa in tedesco all’URL http://www.domain.com/de.
Come puoi vedere, i tag hreflang usano un codice di due lettere quando si riferiscono alle lingue. In questo esempio, es sta per spagnolo (Español). Per l’elenco completo delle abbreviazioni, visita gli standard dei codici lingua: ISO 639-1.
Per indicare una lingua e una regione di destinazione, come spagnolo-Messico, aggiungi il codice del paese alla fine del componente hreflang, in questo modo:
hreflang="es-mx"
In questo esempio, es sta per spagnolo e mx per Messico. I codici paese seguono un’abbreviazione di due lettere simile a quella dei codici lingua, basata sullo standard ISO 3166-1 alpha-2.
Quando aggiungi i tag hreflang al tuo sito web, è importante seguire le linee guida hreflang raccomandate da Google e descritte di seguito.
Puntare le pagine alternative l’una verso l’altra
Assicurati che ogni versione della tua pagina contenga un tag hreflang che faccia riferimento a tutte le altre versioni. Questo aiuta Google a comprendere l’insieme completo delle tue pagine alternative e come si relazionano tra loro.
Ad esempio, se hai una pagina in inglese e in spagnolo, la versione inglese dovrebbe contenere un tag hreflang che punta alla versione spagnola. Allo stesso modo, la versione spagnola dovrebbe contenere un hreflang che punta alla versione inglese.
Includere un hreflang autoreferenziale
Su ogni versione, includi un hreflang che punti a se stesso.
Ad esempio, se hai 2 versioni, inglese e spagnolo, oltre ad avere pagine che puntano l’una verso l’altra, ogni versione dovrebbe avere un hreflang aggiuntivo che punta alla pagina in cui si trova.
Ecco come si presenta nella versione spagnola:
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
Ed ecco come si presenta nella versione inglese:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
Definire la pagina di fallback quando non c’è una traduzione appropriata
Il valore x-default indica la pagina di “fallback” (ripiego) se nessuna versione è appropriata per un utente. Ecco come si presenta:
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Ad esempio, un sito web in inglese e spagnolo non avrà una pagina appropriata per un utente francese. In questo caso, Google cercherà di mostrare la pagina che ritiene migliore. Tuttavia, per controllare quale pagina Google dovrebbe mostrare, puoi includere un hreflang x-default con l’URL che preferisci come fallback.
Ecco come si presenta nella pagina inglese, se vogliamo che la nostra homepage in inglese sia il fallback:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Come aggiungere hreflang al tuo sito WordPress
Puoi aggiungere facilmente i tag hreflang al tuo sito WordPress con un plugin multilingue. Usare un plugin, invece di farlo manualmente, offre alcuni vantaggi:
- Posizionamento automatico: i tag hreflang vengono inseriti automaticamente nell’intestazione HTML delle tue pagine. Non c’è bisogno di accedere al codice sorgente e aggiungere manualmente i tag.
- Organizzazione automatica: i tag hreflang vengono creati e aggiornati automaticamente ogni volta che crei e aggiorni i tuoi contenuti.
Se stai cercando un plugin multilingue che offra tutto quanto sopra (e altro ancora), puoi usare WPML, il plugin multilingue per WordPress più popolare.
Aggiungere automaticamente i tag hreflang al tuo sito con WPML
Con WPML, non devi preoccuparti dei tag hreflang.
Man mano che aggiungi nuove lingue e traduci i contenuti, WPML inserisce e aggiorna automaticamente i tag hreflang sulle tue pagine originali e tradotte.
Tutti i piani WPML includono la gestione automatica degli hreflang per il tuo sito web. Per saperne di più sui nostri piani, visita la pagina dei prezzi.
Aggiungere il targeting regionale con WPML (opzionale)
Per impostazione predefinita, le lingue che aggiungi in WPML non sono legate ai paesi. Se vuoi aggiungere il targeting regionale, devi aggiungere delle lingue personalizzate.
Le lingue personalizzate ti permettono di creare un valore hreflang con un attributo di lingua e paese a tua scelta. Ad esempio, se vuoi rivolgerti ai lettori franco-canadesi, puoi creare una lingua personalizzata con hreflang="fr-ca".
Per aggiungere una lingua personalizzata, vai su WPML → Lingue e sotto Lingue del sito, fai clic sul link Modifica lingue. Quindi, fai clic sul pulsante Aggiungi lingua in basso.
Per maggiori informazioni sulla configurazione delle lingue personalizzate, leggi il nostro tutorial passo passo su come aggiungere lingue personalizzate.