Hreflangs. Come etichettare le versioni in lingua del suo sito web?

Il tag Hreflang serve a informare i bot dei motori di ricerca che un dato sito web ha diverse versioni linguistiche, destinate ai visitatori che parlano diverse lingue o che provengono da diverse regioni – cioè paesi con la stessa lingua ufficiale, come Germania e Austria. Si tratta quindi di uno degli aspetti importanti del SEO internazionale.

Tabella dei contenuti show

Nel linguaggio HTML, c’è un attributo lang che descrive il contenuto di un dato sito. Non menziona però la disponibilità di versioni in altre lingue – e questo è precisamente ciò a cui servono gli hreflang. In pratica, otteniamo due importanti vantaggi dal loro utilizzo:

Hreflangs can actually decrease the bounce rate poiché i visitatori vengono reindirizzati alla versione più appropriata del sito web.
Le pagine collegate tra loro con hreflangs non saranno trattate come un contenuto duplicato. Questo potrebbe accadere nel caso di siti separati per visitatori provenienti dagli Stati Uniti e dalla Gran Bretagna – il contenuto sarebbe simile, con solo alcune differenze come la valuta o i costi di viaggio. Grazie agli hreflangs, possiamo informare i bot dei motori di ricerca che si tratta sempre dello stesso contenuto, ma è destinato a un pubblico diverso.

John Mueller stesso, che è spesso nominato come “l’anello di congiunzione tra Google e il resto del mondo”, ha ammesso che gli hreflang sono uno degli aspetti più complessi del SEO secondo lui. Gli è stato anche chiesto di registrare un video su questo argomento – ma ha spiegato che ci vorrebbe un vero e proprio corso online piuttosto che un filmato di 5 minuti per chiarirlo. Tuttavia, ha aggiunto che l’uso e l’implementazione di base non sono così difficili.

I’m glad that SEO professionals are unanimous in agreement on this issues that matter. pic.twitter.com/A2v3G6NtGs
— Oliver H.G. Mason 📉 (@ohgm) February 19, 2018

Motori di ricerca che supportano gli hreflang

Gli hreflang sono interpretati “solo” da tre motori di ricerca. Ma il fatto che uno di questi tre sia Google lo rende molto più rilevante. Gli altri due motori sono Yandex e Seznam. Negli altri casi, dovremo contare sul tag language (). Ancora, solo Google gestisce gli hreflangs implementati in modo diverso dal codice HTML.

Il modo in cui funziona hreflang

Se implementato correttamente, l’attributo hreflang informerà i bot dei motori di ricerca su tutte le versioni linguistiche disponibili. Quando l’utente del motore di ricerca inizia la ricerca, Google determinerà prima quale indirizzo mettere dove nella pagina dei risultati del motore di ricerca, e poi controllerà se ci sono altre versioni linguistiche del sito web che potrebbero soddisfare meglio l’utente.

Hreflang attribute vs. Google rank

Di conseguenza, gli hreflang non dovrebbero essere trattati come un fattore di ranking. L’ottimizzazione o la costruzione di link per una sola versione linguistica non influirà sulle altre versioni del sito in termini di posizione nella SERP. Non direttamente, cioè. L’implementazione corretta di questi attributi vi aiuterà a diminuire la frequenza di rimbalzo e ad eliminare i contenuti duplicati, che possono facilmente influenzare il rango del sito.

Implementazione

Fondamentalmente, l’implementazione di hreflang può essere fatta in tre modi diversi:

1.Nella sezione di testa
2.Nelle intestazioni HTTP
3.Nella mappa del sito XML

Hreflangs nella sezione head

Il tag avrà la seguente struttura:

Il codice della lingua deve essere inserito secondo il formato ISO 639-1, mentre il codice della regione (secondo il formato ISO 3166-1 Alpha 2), è opzionale. Di seguito troverai maggiori dettagli su quando vale la pena usarlo. Comunque, l’indirizzo URL dovrebbe essere assoluto.

Dobbiamo aggiungere un tag hreflang appropriato ad ogni versione linguistica del sito web, così come l’URL aggiuntivo che guida il traffico verso una determinata sottopagina. Affinché l’implementazione sia corretta, tale combinazione di hreflang dovrebbe essere inserita in ogni versione del sito.

Per esempio, se il nostro sito è disponibile in tre versioni linguistiche: Polacco, Inglese e Tedesco (esclusi i paesi attuali) – http://mywebsite.com (pl), http://mywebsite.com/en oraz http:/mywebsite.com/de, allora su ogni sito dobbiamo inserire l’intera combinazione:

Come si può vedere, aggiungiamo sempre il tag con un link a un sito web a cui aggiungiamo questa combinazione.

Inoltre, vale la pena aggiungere un tag supplementare che terrà conto dei visitatori che non parlano nessuna di queste lingue. In questo caso, la soluzione migliore è quella di reindirizzarli alla versione inglese del sito, quindi:

Leggerai di più sull’hreflang x-default più avanti.

Hreflang nelle intestazioni HTTP

L’intestazione HTTP è un’altra informazione allegata alle richieste inviate ai e dai server (“cookies” sono un buon esempio di tali intestazioni). Questo metodo è utile quando si tratta di file che non hanno formato HTML – cioè i PDF.

L’intestazione dovrebbe avere il seguente formato:

Link: ; rel=”alternate”; hreflang=”language_code_1-region_code_1″, ; rel=”alternate”; hreflang=”language_code_2-region_code_2″, …

I codici di lingua e di regione corrispondono ai tag HTML. Se torniamo al nostro esempio, le intestazioni avranno il seguente aspetto:

Link: http://mywebsite.com; rel=”alternate”; hreflang=”pl”, http://mywebsite.com/en; rel=”alternate”; hreflang=”en”, http://mywebsite.com/de; rel=”alternate”; hreflang=”de”

Per ogni versione linguistica del sito, dovrebbe essere utilizzata la stessa combinazione di intestazioni, in cui i parametri specifici sono separati da virgole. Anche il parametro che reindirizza alla pagina web corrente dovrebbe essere incluso in questo insieme.

Hreflangs nella mappa del sito XML

Gli hreflang possono anche essere implementati con tag rilevanti nella sitemap XML. Il modello per due versioni linguistiche di una sottopagina appare come segue:

Regole generali per l’implementazione degli hreflang

Oltre alle linee guida sopra menzionate, ci sono alcune altre regole che dovremmo prendere in considerazione quando implementiamo gli hreflang.

Considera sempre tutte le versioni linguistiche e una sottopagina attuale.

We have two language versions – both are linked with hreflangs. As a result, there will be two hreflangs on each version – one for the alternative version, and one to the current version plus x-default. This doesn’t seem that complicated… Yet.

Avere tre versioni linguistiche significa che ognuna di esse sarà collegata alle altre. Pertanto, dovremmo avere tre hreflang su ogni sottopagina – uno che collega alla sottopagina corrente, due alle altre versioni linguistiche, più x-default su ognuna di esse.

Each subsequent language version (or one dedicated to a specific region) needs its own hreflang to be added.

Tutti gli indirizzi URL devono essere completi (con il protocollo http/https).

Possiamo anche mescolare gli indirizzi provenienti da diversi domini e sottodomini, non solo i cataloghi delle lingue (per esempio http://pl.mywebsite.com e http://en.mywebsite.com, o http://mywebsite.pl e http://mywebsite.en)

Affinché l’hreflang sia preso in considerazione dai bot dei motori di ricerca, entrambe le sottopagine devono collegarsi l’una all’altra. È per ragioni di sicurezza – fondamentalmente, nessun altro può etichettare il tuo sito web come una versione alternativa del loro.

Gli hreflang dovrebbero essere aggiunti su ogni sottopagina, con percorsi URL accurati. Collegare solo le tue pagine principali non sarà sufficiente!

Non c’è differenza quando si tratta della sequenza in cui si aggiungono le versioni successive del sito web. La versione che è etichettata più accuratamente, con il codice della lingua e il codice della regione, sarà indicata per prima – poi, quella che ha il codice della lingua, mentre l’ultima includerà il parametro x-default.

Vale sempre la pena impostare il parametro x-default per quegli utenti per i quali non abbiamo specificato la lingua, reindirizzandoli alla versione in lingua più popolare.

Affinché Google prenda in considerazione gli hreflangs, tutte le pagine collegate devono essere nell’indice.

BONUS: Google Tag Manager

Google Tag Manager fornisce un’altra opportunità per implementare gli hreflang. Questo metodo, tuttavia, non è incluso nella documentazione ufficiale di Google. I loro autori sostengono che funziona, però. Alcuni degli elementi elencati potrebbero sembrare discutibili, ma molti specialisti dicono che GTM dà un sacco di possibilità quando si tratta di SEO.

L’intero concetto si basa sull’uso della variabile “Element DOM”. Grazie a questa variabile, è possibile costruire un tag che genererà dinamicamente hreflangs per ogni sottopagina. Questo metodo potrebbe sembrare complicato per qualcuno che non ha esperienza con Google Tag Manager o JavaScript – ma tutto quello che devi fare è impostare tutto una volta e puoi essere sicuro che GTM genererà automaticamente il giusto set di hreflangs per ogni pagina.

Puoi trovare un’istruzione dettagliata su come impostare il tag sul blog di SearchVIU. Alla fine di questo post, troverai un esempio che dimostra che questo metodo funziona. Teoricamente – dovrebbe, ma l’uso di JavaScript potrebbe sollevare dubbi sul fatto che i bot di Google riescano a rendere un tale frammento di codice in ogni caso.

Gestire gli hreflang e gli aspetti tecnici

Scegliere il metodo di implementazione
L’implementazione di hreflangs con tag HTML o intestazioni HTTP può essere scomoda, specialmente se abbiamo più di qualche versione di lingua. È soprattutto dovuto al fatto che aumenta il numero di richieste al database che deve generare quei link. Inoltre, per 20 versioni di lingua, il codice necessario per una corretta implementazione di hreflang peserà circa 1,5 KB. Non sembra molto, ma influenzerà la velocità di caricamento della pagina, che è attualmente uno dei fattori di ranking importanti. Fondamentalmente, ogni secondo conta – ecco perché dovremmo sempre attenerci al minor numero possibile di hreflang.

Aggiungere l’attributo hreflang alla sitemap XML, invece, sembra la soluzione migliore per siti complessi e multilingue. Non appesantiamo le sottopagine, il che influisce sulla loro velocità. La semplicità è un altro vantaggio – è più facile implementare e gestire gli hreflang da un solo posto, piuttosto che modificare ogni singola sottopagina.

Codici di lingua e regione
Gli hreflang permettono di collegare non solo versioni in lingue diverse del sito web, ma anche le stesse versioni linguistiche che sono destinate a visitatori di paesi diversi. È particolarmente importante quando ci rivolgiamo ai visitatori provenienti da paesi multilingue.

Per esempio: se il nostro sito è in inglese, ma abbiamo due versioni diverse per i visitatori provenienti dagli Stati Uniti e dalla Gran Bretagna, allora dovremmo aggiungere tag pertinenti: “en-US”, o “en-GB”. Il sito, tuttavia, può essere visitato anche da australiani, canadesi, o qualsiasi altro utente di lingua inglese. T

Per esempio: se il nostro sito è in inglese, ma abbiamo due versioni diverse per i visitatori provenienti dagli Stati Uniti e dalla Gran Bretagna, allora dovremmo aggiungere i tag pertinenti: “en-US”, o “en-GB”. Il sito, tuttavia, può essere visitato anche da australiani, canadesi, o qualsiasi altro utente di lingua inglese. Non c’è bisogno di specificare l’hreflang per ogni paese, perché si può aggiungere solo il codice della lingua “en” e determinare quali versioni devono essere visualizzate a coloro che non sono degli Stati Uniti o della Gran Bretagna.

Un altro esempio: Noi operiamo in Svizzera, ed è per questo che manteniamo il sito web in due lingue: Tedesco e Francese. Dovremmo quindi avere quattro versioni linguistiche diverse:

Una versione francese del sito per la Svizzera (hreflang=”fr-ch”)
Una versione tedesca del sito per la Svizzera (hreflang=”de-ch”)
Versione generale francese (hreflang=”fr”)
Versione generale tedesca (hreflang=”fr”)

Non siamo limitati in alcun modo dalle lingue ufficiali di una data regione. Possiamo mescolare lingue e regioni come vogliamo. Per esempio, se vogliamo creare una sottopagina per gli utenti di lingua tedesca in Francia, useremo hreflang=”de-fr”.

In alcuni casi, il tag di lingua può essere esteso con dei sottotags, cioè Extended Language Tag (secondo la classificazione ISO 339-3) o Script (ISO 15924). Una tale situazione può verificarsi quando il nostro sito web è, per esempio, in uzbeko – ma in alfabeto latino. Allora, useremmo “uz-Latn”. Questo esempio mostra esattamente quanto siano rari questi casi.

Attributo X-default

All’inizio, la variabile x-default in hreflangs aveva lo scopo di reindirizzare i visitatori alla versione internazionale del sito. Attualmente, tuttavia, ha lo scopo di servire gli utenti la cui lingua e luogo non sono legati a nessun hreflangs. Tornando all’esempio USA-Gran Bretagna: tecnicamente, potremmo sostituire l’URL “generale, di lingua inglese” con un indirizzo che includa x-default, perché entrambi reindirizzerebbero allo stesso sito. Tuttavia, è meglio mantenere entrambi, poiché un URL con tag “en” renderebbe più facile per i crawler capire il contenuto del sito web.

Hreflangs vs. indirizzi canonici

Gli hreflang non sostituiscono in alcun modo i link canonici – dovrebbero completarsi a vicenda. Infatti, un tag hreflang aggiunto a un sito senza un tag canonico semplicemente non funzionerà. Dovremmo quindi aggiungere il tag canonico ad ogni sottopagina. Pertanto:

On the website http://mywebsite.com we should add:

2. Sul sito web http://mywebsite.comen:

3. On the website http://mywebsite.com/de:

Inoltre, se il nostro sito ha versioni mobili (ad esempio AMP) e desktop separate, ci saranno alcune modifiche necessarie. Su iloveseo.net possiamo trovare un grafico che mostra come dovrebbe essere un’implementazione del genere. Queste linee guida sono state effettivamente ispirate da John Mueller e dalle sue raccomandazioni.

Conclusione

Potrebbero esserci alcune complessità che ruotano intorno agli hreflangs – ma tutto ciò che serve è attenersi ad alcune semplici regole e implementarle gradualmente al fine di migliorare il rango nei risultati di ricerca. Scegliete il metodo di implementazione (come intestazioni HTML o sitemap XML) che si adatta meglio alle vostre esigenze. Ricordati di avere la giusta combinazione di hreflang su ogni sottopagina, compresi i link a una pagina corrente.

Inoltre, attieniti sempre al minor numero possibile di hreflangs. Controlla accuratamente la correttezza dei codici di lingua e regione, tieni d’occhio gli hreflangs implementati e fai dei cambiamenti se necessario. Ricordate che ci sono alcuni strumenti che possono aiutarvi in questo.

Grazie alla corretta implementazione degli hreflang, puoi battere anche il 75% degli altri siti web in tutto il mondo. Sembra che ne valga la pena, non credi?