{"id":10161,"date":"2023-06-30T14:43:16","date_gmt":"2023-06-30T14:43:16","guid":{"rendered":"https:\/\/www.rankingroad.com\/?p=10161"},"modified":"2023-06-30T14:43:16","modified_gmt":"2023-06-30T14:43:16","slug":"hreflang-guida","status":"publish","type":"post","link":"https:\/\/www.rankingroad.com\/it\/news\/seo-news\/hreflang-guida\/","title":{"rendered":"Hreflang: la guida per migliorare la SEO e risolvere problemi di contenuti duplicati nei siti multilingua"},"content":{"rendered":"

Hreflang: la guida per migliorare la SEO e risolvere problemi di contenuti duplicati nei siti multilingua
\n\"hreflang<\/h1>\n

<\/h2>\n

Cos’\u00e8 l’hreflang e perch\u00e9 \u00e8 importante per la SEO<\/h2>\n

L’hreflang<\/strong> \u00e8 un attributo HTML fondamentale per la SEO internazionale<\/a>, perch\u00e9 consente ai motori di ricerca di comprendere e indicizzare correttamente le diverse versioni linguistiche di una pagina web.<\/p>\n

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

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 \u00e8 destinata agli utenti italiani, la versione inglese agli utenti di lingua inglese, la versione francese agli utenti di lingua francese e cos\u00ec via. In questo modo, quando un utente italiano cerca un prodotto specifico, il motore di ricerca mostrer\u00e0 la versione italiana del tuo sito web nei risultati di ricerca.<\/p>\n

Diversamente, se gestisci un sito web per una societ\u00e0 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 \u00e8 destinata agli utenti tedeschi, la versione in francese agli utenti francesi e cos\u00ec via. In questo modo, quando un utente tedesco cerca un servizio specifico, il motore di ricerca mostrer\u00e0 la versione in tedesco della pagina di servizio.<\/p>\n

Il tag hreflang e il suo funzionamento<\/h2>\n

Come si presenta l’attributo hreflang<\/h3>\n

<link<\/span> rel<\/span>=“alternate”<\/span> hreflang<\/span>=“en”<\/span> href<\/span>=“https:\/\/www.miosito.com\/en”<\/span> \/><\/span> <\/em><\/strong>
\n<link<\/span> rel<\/span>=“alternate”<\/span> hreflang<\/span>=“it”<\/span> href<\/span>=“https:\/\/www.miosito.com\/it”<\/span> \/><\/span><\/em><\/strong><\/p>\n

L’attributo hreflang<\/strong> \u00e8 utilizzato per specificare la lingua della versione corrispondente. Nel primo tag, l’attributo hreflang \u00e8 impostato su “it” per indicare che la pagina \u00e8 in italiano. Nel secondo tag, l’attributo hreflang \u00e8 impostato su “en” per indicare che la pagina \u00e8 in inglese.<\/p>\n

Questi tag possono essere inseriti all’interno del tag\u00a0del 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.<\/p>\n

\n

I vantaggi dell’utilizzo dell’hreflang<\/h3>\n

L’utilizzo corretto del tag hreflang pu\u00f2 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\u00e9 gli utenti saranno indirizzati alla versione giusta del sito web nella loro lingua preferita. Ci\u00f2 pu\u00f2 aumentare la probabilit\u00e0 che gli utenti rimangano sul sito, interagiscano con i contenuti e compiano azioni desiderate.<\/p>\n

Inoltre, l’utilizzo corretto dell’hreflang pu\u00f2 contribuire a evitare problemi di duplicazione dei contenuti<\/strong>. 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).<\/p>\n

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

Infine, l’utilizzo dell’hreflang pu\u00f2 migliorare la visibilit\u00e0 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\u00f2 aumentare le possibilit\u00e0 di classificarsi nei risultati di ricerca pertinenti per gli utenti di diverse nazionalit\u00e0.<\/p>\n

Metodi di implementazione dell’hreflang<\/h2>\n

Utilizzo dei tag HTML<\/h3>\n

Il modo pi\u00f9 comune per implementare l’hreflang \u00e8 utilizzare i tag HTML<\/strong>. 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.
\nFacciamo un esempio pratico:\u00a0 per indicare una pagina in italiano per gli utenti in Italia, si potrebbe utilizzare il seguente codice:<\/p>\n

<link<\/span> rel<\/span>=“alternate”<\/span> hreflang<\/span>=“it”<\/span> href<\/span>=“https:\/\/www.miosito.com\/it”<\/span> \/><\/span><\/em><\/strong><\/p>\n

Questo codice va inserito nelle diverse versioni della pagina corrispondenti alle diverse lingue e regioni.<\/p>\n

Per generare i tag hreflang via html puoi utilizzare lo strumento di Aleyda Solis Hreflang Tags Generator<\/a>.<\/p>\n

Utilizzo della sitemap XML<\/h3>\n

\u00c8 possibile anche specificare l’hreflang attraverso l’utilizzo della sitemap XML<\/strong>. In questo caso, si aggiunge l’elemento “xhtml:link” all’interno del tag “url” nella sitemap XML. Ad esempio:<\/p>\n

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

Si aggiunge un elemento “xhtml:link” per ogni versione della pagina nella sitemap XML.<\/p>\n

Hreflang via intestazioni HTTP<\/h3>\n

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

Ecco il formato dell’intestazione:<\/p>\n

<url1>; rel=”alternate”; hreflang=”lang_code_1″, <url2>; rel=”alternate”; hreflang=”lang_code_2″<\/strong><\/em><\/p>\n<\/header>\n

Linee guida per l’implementazione dell’hreflang<\/h2>\n

Creazione dei codici lingua-regione<\/h3>\n

Quando si specifica l’hreflang, \u00e8 importante utilizzare i codici appropriati per indicare la lingua e la regione. Ad esempio, per l’italiano in Italia, si utilizza “it-IT”. \u00c8 possibile consultare il documento ufficiale del Consorzio W3C<\/a> per ottenere la lista completa dei codici lingua e regione supportati.<\/p>\n

Utilizzo degli URL assoluti<\/h3>\n

Quando si specifica l’attributo “href” nel tag hreflang, \u00e8 consigliabile utilizzare gli URL assoluti anzich\u00e9 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.<\/p>\n

Implementazione di tag hreflang autoreferenziali<\/h3>\n

\u00c8 consigliabile includere un tag hreflang autoreferenziale<\/strong> 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.<\/p>\n

Utilizzo del tag x-default<\/h3>\n

Il tag x-default<\/strong> viene utilizzato per specificare una versione predefinita di una pagina quando non si conosce la lingua o la regione dell’utente. \u00c8 consigliabile utilizzare il tag x-default per indicare la versione predefinita quando si hanno diverse varianti linguistiche di una pagina.<\/p>\n

Risoluzione dei problemi di implementazione dell’hreflang<\/h2>\n

Risoluzione degli errori di codice lingua-paese<\/h3>\n

\u00c8 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.<\/p>\n

Risoluzione degli errori di pagine con e senza www<\/h3>\n

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.<\/p>\n

Risoluzione degli errori di tag canonical<\/h3>\n

L’hreflang e il tag canonical possono interagire tra loro, quindi \u00e8 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.<\/p>\n

Risoluzione degli errori di tag di ritorno<\/h3>\n

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.<\/p>\n

Strumenti e risorse utili per l’implementazione dell’hreflang<\/h2>\n

Tool per test hreflang<\/h3>\n

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.<\/p>\n

Ecco la lista dei migliori tool per testare il tag hreflang:<\/p>\n