Hreflang: la guida per migliorare la SEO e risolvere problemi di contenuti duplicati nei siti multilingua
hreflang seo internazionale

Cos’è l’hreflang e perché è importante per la SEO

L’hreflang è un attributo HTML fondamentale per la SEO internazionale, perché consente ai motori di ricerca di comprendere e indicizzare correttamente le diverse versioni linguistiche di una pagina web.

Non solo, con il tag hreflang possiamo far apparire il nostro sito web nei motori ricerca di tutto il mondo. Per capire meglio il suo significato, ecco alcuni esempi pratici dell’utilizzo del tag hreflang.

Immagina di avere un negozio online di abbigliamento che offre versioni del sito in diverse lingue, come italiano, inglese, francese e spagnolo. Utilizzando l’hreflang, puoi indicare ai motori di ricerca che la versione italiana è destinata agli utenti italiani, la versione inglese agli utenti di lingua inglese, la versione francese agli utenti di lingua francese e così via. In questo modo, quando un utente italiano cerca un prodotto specifico, il motore di ricerca mostrerà la versione italiana del tuo sito web nei risultati di ricerca.

Diversamente, se gestisci un sito web per una società di servizi che opera a livello internazionale, potresti avere diverse pagine di servizio tradotte in varie lingue. Con l’hreflang, puoi indicare ai motori di ricerca che la versione in tedesco della pagina di servizio è destinata agli utenti tedeschi, la versione in francese agli utenti francesi e così via. In questo modo, quando un utente tedesco cerca un servizio specifico, il motore di ricerca mostrerà la versione in tedesco della pagina di servizio.

Il tag hreflang e il suo funzionamento

Come si presenta l’attributo hreflang

<link rel=“alternate” hreflang=“en” href=“https://www.miosito.com/en” />
<link rel=“alternate” hreflang=“it” href=“https://www.miosito.com/it” />

L’attributo hreflang è utilizzato per specificare la lingua della versione corrispondente. Nel primo tag, l’attributo hreflang è impostato su “it” per indicare che la pagina è in italiano. Nel secondo tag, l’attributo hreflang è impostato su “en” per indicare che la pagina è in inglese.

Questi tag possono essere inseriti all’interno del tag del documento HTML per tutte le versioni linguistiche della pagina. In questo modo, i motori di ricerca capiranno quale versione mostrare agli utenti in base alla loro lingua preferita o alla loro posizione geografica.

I vantaggi dell’utilizzo dell’hreflang

L’utilizzo corretto del tag hreflang può offrire diversi vantaggi in termini di posizionamento SEO. Prima di tutto, se integrato con un menu di scelta della lingua, consente di migliorare l’esperienza dell’utente, poiché gli utenti saranno indirizzati alla versione giusta del sito web nella loro lingua preferita. Ciò può aumentare la probabilità che gli utenti rimangano sul sito, interagiscano con i contenuti e compiano azioni desiderate.

Inoltre, l’utilizzo corretto dell’hreflang può contribuire a evitare problemi di duplicazione dei contenuti. Quando un motore di ricerca trova diverse versioni di una pagina in lingue diverse, potrebbe considerarle come duplicati (pensa al caso dell’inglese americano e dell’inglese britannico).

Utilizzando il tag hreflang, si indica chiaramente al motore di ricerca che queste versioni non sono duplicati, ma varianti linguistiche della stessa pagina.

Infine, l’utilizzo dell’hreflang può migliorare la visibilità internazionale del sito web. Se il tuo sito ha una presenza globale e offre contenuti in diverse lingue, l’indicazione chiara delle versioni appropriate per ogni lingua e regione può aumentare le possibilità di classificarsi nei risultati di ricerca pertinenti per gli utenti di diverse nazionalità.

Metodi di implementazione dell’hreflang

Utilizzo dei tag HTML

Il modo più comune per implementare l’hreflang è utilizzare i tag HTML. Si aggiunge il tag all’interno dell’elemento della pagina. Questo tag include l’attributo “rel” con il valore “alternate” e l’attributo “hreflang” con la lingua e la regione target.
Facciamo un esempio pratico:  per indicare una pagina in italiano per gli utenti in Italia, si potrebbe utilizzare il seguente codice:

<link rel=“alternate” hreflang=“it” href=“https://www.miosito.com/it” />

Questo codice va inserito nelle diverse versioni della pagina corrispondenti alle diverse lingue e regioni.

Per generare i tag hreflang via html puoi utilizzare lo strumento di Aleyda Solis Hreflang Tags Generator.

Utilizzo della sitemap XML

È possibile anche specificare l’hreflang attraverso l’utilizzo della sitemap XML. In questo caso, si aggiunge l’elemento “xhtml:link” all’interno del tag “url” nella sitemap XML. Ad esempio:

<url> <loc>https://www.example.com/it/pagina</loc> <xhtml:link rel=”alternate” hreflang=”it-IT” href=”https://www.example.com/it/pagina” /> </url>

Si aggiunge un elemento “xhtml:link” per ogni versione della pagina nella sitemap XML.

Hreflang via intestazioni HTTP

Puoi includere nell’intestazione della risposta GET della pagina informazioni su tutte le varianti della pagina in diverse lingue e aree geografiche per comunicare a Google. Questo metodo è particolarmente utile per i file che non sono in formato HTML, ad esempio i PDF.

Ecco il formato dell’intestazione:

<url1>; rel=”alternate”; hreflang=”lang_code_1″, <url2>; rel=”alternate”; hreflang=”lang_code_2″

Linee guida per l’implementazione dell’hreflang

Creazione dei codici lingua-regione

Quando si specifica l’hreflang, è importante utilizzare i codici appropriati per indicare la lingua e la regione. Ad esempio, per l’italiano in Italia, si utilizza “it-IT”. È possibile consultare il documento ufficiale del Consorzio W3C per ottenere la lista completa dei codici lingua e regione supportati.

Utilizzo degli URL assoluti

Quando si specifica l’attributo “href” nel tag hreflang, è consigliabile utilizzare gli URL assoluti anziché quelli relativi. Gli URL assoluti includono l’intero percorso dell’indirizzo web, mentre gli URL relativi dipendono dal contesto della pagina. Utilizzare gli URL assoluti garantisce una maggiore precisione e coerenza nell’indicazione delle diverse versioni della pagina.

Implementazione di tag hreflang autoreferenziali

È consigliabile includere un tag hreflang autoreferenziale per ogni versione della pagina. Questo significa che ogni pagina dovrebbe includere un tag hreflang che punti a se stessa. Ad esempio, la versione italiana di una pagina dovrebbe includere un tag hreflang che indichi “it-IT” come lingua-regione target e punti all’URL della stessa pagina in italiano.

Utilizzo del tag x-default

Il tag x-default viene utilizzato per specificare una versione predefinita di una pagina quando non si conosce la lingua o la regione dell’utente. È consigliabile utilizzare il tag x-default per indicare la versione predefinita quando si hanno diverse varianti linguistiche di una pagina.

Risoluzione dei problemi di implementazione dell’hreflang

Risoluzione degli errori di codice lingua-paese

È importante assicurarsi di utilizzare i codici lingua-paese corretti nell’hreflang. Verifica attentamente i codici utilizzati e confrontali con la lista ufficiale dei codici linguistici e regionali. In caso di errori, correggi i codici per evitare problemi di indicizzazione errata delle versioni linguistiche delle pagine.

Risoluzione degli errori di pagine con e senza www

Se il tuo sito web supporta sia l’accesso con “www” che senza, assicurati che le diverse versioni delle pagine abbiano i tag hreflang corretti. Se una versione di una pagina utilizza “www” mentre l’altra non lo fa, correggi i tag hreflang per riflettere correttamente le diverse versioni delle pagine.

Risoluzione degli errori di tag canonical

L’hreflang e il tag canonical possono interagire tra loro, quindi è importante assicurarsi che siano correttamente implementati. Verifica che il tag canonical punti alla versione corretta della pagina e che i tag hreflang siano coerenti con l’URL specificato nel tag canonical.

Risoluzione degli errori di tag di ritorno

I tag hreflang devono essere correttamente implementati e non devono presentare errori di sintassi. Verifica attentamente la struttura dei tag hreflang e assicurati che siano presenti solo i tag necessari per indicare le diverse versioni delle pagine. Rimuovi eventuali tag di ritorno superflui o errati.

Strumenti e risorse utili per l’implementazione dell’hreflang

Tool per test hreflang

Esistono diversi strumenti online gratuiti che consentono di testare i tag hreflang e verificarne la corretta implementazione. Alcuni di questi strumenti forniscono anche suggerimenti per correggere eventuali errori.

Ecco la lista dei migliori tool per testare il tag hreflang:

Cosa fare in caso di mancanza di tag hreflang

Se il tuo sito web non utilizza attualmente i tag hreflang, è consigliabile implementarli per migliorare l’ottimizzazione per i motori di ricerca e l’esperienza dell’utente. Puoi seguire le linee guida e i metodi descritti in precedenza per aggiungere correttamente i tag hreflang alle diverse versioni delle pagine.

Risorse per imparare di più sull’hreflang e della SEO in generale

Ci sono molte risorse disponibili per apprendere ulteriormente sull’hreflang e sulla SEO in generale. Puoi consultare guide online, blog specializzati, forum di discussione e documentazione ufficiale dei motori di ricerca. Alcune risorse raccomandate includono il blog di Moz, il blog di Search Engine Journal e la documentazione ufficiale del Google Search Central.