La Guida Completa all'Hreflang
Ne parliamo su BlackFrog 🐸
L'hreflang è uno degli strumenti più potenti per la SEO internazionale, utilizzato per indicare ai motori di ricerca la lingua e la localizzazione di una pagina web. Grazie all'hreflang, puoi evitare problemi di contenuti duplicati e garantire che i tuoi utenti visualizzino la versione del sito più pertinente alla loro lingua o lingua/paese.
Cos'è l'Hreflang?
L'hreflang è un attributo HTML che segnala ai motori di ricerca la lingua e l'area geografica di una pagina web. Inserito all'interno del tag <link>, il codice href lang aiuta Google e altri motori di ricerca a servire la versione giusta di una pagina agli utenti giusti. Per esempio, puoi avere la stessa pagina tradotta in diverse lingue, ma grazie a questo tag, sarà mostrata la versione corretta a seconda della posizione geografica dell'utente.
Perché Usare il Tag Hreflang?
Il tag hreflang è fondamentale per i siti web multilingua e multilingua/multi-country. Senza di esso, i motori di ricerca potrebbero non distinguere correttamente tra versioni linguistiche diverse di una pagina, creando problemi di contenuti duplicati. Questo può influire negativamente sul ranking SEO. Utilizzare correttamente il tag hreflang porta diversi vantaggi:
- Migliore esperienza utente: Gli utenti vedono la pagina più rilevante per la loro lingua e località.
- Riduzione del contenuto duplicato: Evita penalizzazioni legate a pagine simili.
- Miglioramento della SEO internazionale: Ottimizza il posizionamento delle tue pagine in diverse SERP globali.
Come Funziona il Tag Hreflang?
L'attributo hreflang viene utilizzato per specificare la lingua e, opzionalmente, la regione geografica di una versione della tua pagina web. Un esempio pratico potrebbe essere:
<link rel="alternate" hreflang="it" href="https://www.sito.com/it/"/>
<link rel="alternate" hreflang="en" href="https://www.sito.com/en/"/>
<link rel="alternate" hreflang="fr" href="https://www.sito.com/fr/"/>
<link rel="alternate" hreflang="de" href="https://www.sito.com/de/"/>
In questo modo, se un utente tedesco effettua una ricerca, Google mostrerà il risultato della pagina in versione tedesca.
Lingua e Country
Un aspetto cruciale del tag hreflang è l'accoppiata lingua-country, che permette di distinguere versioni della stessa lingua per paesi differenti. Ad esempio, il codice en-us indica la versione in inglese per gli Stati Uniti, mentre en-gb è usato per il Regno Unito. Questo è particolarmente utile quando lo stesso contenuto necessita di piccole variazioni per adattarsi ai mercati locali, come valute, sistemi di misura, o differenze culturali.
Ecco un esempio di hreflang che distingue la stessa lingua per paesi diversi:
<link rel="alternate" hreflang="it-it" href="https://www.sito.com/it-it/"/>
<link rel="alternate" hreflang="en-gb" href="https://www.sito.com/en-gb/"/>
<link rel="alternate" hreflang="en-us" href="https://www.sito.com/en-us/"/>
<link rel="alternate" hreflang="fr-fr" href="https://www.sito.com/fr-fr/"/>
<link rel="alternate" hreflang="de-de" href="https://www.sito.com/de-de/"/>
In questo caso, Google saprà quale versione della pagina mostrare, a seconda della posizione geografica dell'utente.
SEO Hreflang: Best Practices
Tag Hreflang nel Head: I link hreflang devono essere inseriti all'interno del tag
<head>di ogni pagina. Può essere anche utilizzato nelle sitemap hreflang per facilitare la gestione su siti complessi.Utilizzo di "x-default": Per le pagine internazionali, Google consiglia l'uso del valore
x-default, che segnala quale versione deve essere mostrata agli utenti che non corrispondono a nessuna delle versioni definite o semplicemente per indicare a quale URL sia presente il country selector per la scelta della lingua o lingua-country da parte dell'utente.<link rel="alternate" hreflang="x-default" href="https://www.sito.com/country-selector/"/>
Utilizzare correttamente codici lingua e regione: Specifica la lingua usando un codice ISO (es. "en" per l'inglese) e, se necessario, combina con la regione (es. "en-us" per l'inglese degli Stati Uniti).
Evitare errori comuni: Ogni pagina deve puntare a tutte le sue versioni con il tag hreflang, inclusa sé stessa. Un errore frequente è dimenticare di includere anche la pagina corrente nell'elenco delle versioni alternate.
Cosa fare se il tuo sito non ha tag Hreflang
Per controllare, puoi utilizzare strumenti come Google Search Console o SEO tool come Screaming Frog. Puoi anche eseguire un controllo manuale con plugin per browser o analizzando direttamente il codice sorgente della pagina. Se il tuo sito non dispone dei "meta hreflang" (alcuni li chiamano così), rischi di confondere i motori di ricerca riguardo alle varianti linguistiche delle tue pagine.
Quindi, se il/i tag hreflang manca nel tuo sito, è consigliabile rivolgersi a un'agenzia SEO per valutare la situazione e implementare correttamente il tag senza compromettere la SEO esistente. Inserire il tag hreflang in modo errato potrebbe portare a problemi di indicizzazione, duplicazione di contenuti o confusione per i motori di ricerca. Gli esperti SEO possono analizzare l'architettura del sito, scegliere la migliore strategia per la tua presenza internazionale e configurare correttamente il tag, ottimizzando così il posizionamento delle varianti linguistiche.
Quando usarlo
E-commerce Internazionali: Se gestisci un sito e-commerce che vende in diverse nazioni, l'hreflang è essenziale per assicurare che gli utenti vedano prezzi e informazioni rilevanti per il loro paese.
Pagine Localizzate: Utilizza hreflang per pagine con lo stesso contenuto tradotto o personalizzato per diverse regioni.
Siti con contenuti multilingue: Se gestisci blog, news o contenuti in più lingue, l'hreflang assicura che ogni utente veda la versione giusta della pagina.
Gestione dell'Hreflang nei CMS
Molti CMS moderni supportano nativamente l'implementazione dell'hreflang per gestire correttamente le varianti linguistiche e geografiche di un sito. Soprattutto per e-commerce e blog multilingue, questa funzione è essenziale per migliorare la SEO internazionale e offrire agli utenti la versione della pagina più pertinente in base alla loro lingua e posizione geografica.
Hreflang nei CMS E-commerce
In molte piattaforme di e-commerce come Shopify, Magento (ora Adobe Commerce), WooCommerce, SFCC, Prestashop, l'hreflang può essere gestito in modo automatico o semi-automatico, semplificando il lavoro degli sviluppatori e dei SEO. Questo significa che puoi assicurarti che i tuoi clienti vedano il contenuto giusto a seconda del paese in cui si trovano, migliorando il posizionamento SEO nei mercati esteri e offrendo un'esperienza d'uso (user experience) più fluida. Se il tuo e-commerce vende a un pubblico globale, l'uso degli hreflang diventa indispensabile per evitare problemi di contenuti duplicati e per migliorare il posizionamento locale delle pagine.
Hreflang nei CMS come WordPress (Yoast SEO)
Per chi utilizza WordPress, il plugin Yoast SEO semplifica molto l'integrazione degli hreflang. Questo plugin permette di gestire facilmente le varianti linguistiche direttamente dal pannello di amministrazione, senza dover modificare manualmente il codice HTML di ogni pagina. Yoast offre una funzione che genera in automatico i tag hreflang per le versioni localizzate delle pagine, rendendolo uno strumento essenziale per chi gestisce un sito web multilingue e vuole ottimizzare la SEO internazionale senza complicazioni tecniche.
Altri tipi di integrazioni meno comuni
Integrare Hreflang nella Sitemap XML
Lìintegrazione degli hreflang nella Sitemap XML è un'opzione da prendere in considerazione per i siti con molte pagine e/o con pagine molto pesanti. Includendo l'attributo hreflang per ogni URL nella sitemap, faciliterai l'indicizzazione da parte di Google ed eviterai di appesantire l'HTML con diverse righe in più di codice.
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap-image/1.1" xmlns:xhtml="http://www.w3.org/1999/xhtml>
<url>
<loc>https://www.sito.com/it-it/</loc>
<xhtml:link rel="alternate" hreflang="en-gb" href="https://www.sito.com/en-gb/"/>
<xhtml:link rel="alternate" hreflang="en-us" href="https://www.sito.com/en-us/"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="https://www.sito.com/fr-fr/"/>
<xhtml:link rel="alternate" hreflang="de-de" href="https://www.sito.com/de-de/"/>
</url>
</urlset>
Inserire Hreflang nelle Intestazioni HTTP
Questa opzione è particolarmente utile per le risorse non HTML, come i documenti PDF o i file multimediali, garantendo che anche questi contenuti siano indicizzati correttamente nei risultati di ricerca in base alla lingua e alla regione di riferimento. Utilizzando le intestazioni HTTP, è possibile informare i motori di ricerca sulle varianti linguistiche disponibili, senza necessità di modificare il contenuto HTML stesso. Questo approccio aiuta a mantenere la coerenza SEO e a migliorare la rilevanza dei contenuti.
Link: <https://www.sito.com/it/file.pdf>; rel="alternate"; hreflang="it",
<https://www.sito.com/de-ch/file.pdf>; rel="alternate"; hreflang="de-ch",
<https://www.sito.com/de-de/file.pdf>; rel="alternate"; hreflang="de-de"
Risorse Utili
Implementare correttamente hreflang su siti multilingua è il cuore della nostra SEO internazionale.