Hreflang: cos'è e come implementarlo
Stiamo dominando un mercato con il nostro prodotto/servizio e ci stiamo preparando ad espanderlo a livello internazionale. Il processo sembra semplice ma dobbiamo prestare attenzione a una serie di dettagli se vogliamo farlo bene e ottenere i risultati desiderati. In questa guida vedrai come implementare i tag Hreflang per la tua strategia di SEO internazionale.
Cosa sono i tag Hreflang?
I tag hreflang sono pezzi di codice che appaiono nell'header delle pagine il cui scopo è dire a Google le versioni in altre lingue delle nostre pagine.
Sembra ovvio ma ci sono molti casi in cui le aziende traducono i loro contenuti ma poi dimenticano di aggiungere i tag hreflang e si verificano tipicamente due scenari:
- Nel migliore dei casi, Google non scansiona il contenuto.
- Nel peggiore dei casi, Google lo scansiona e, vedendo che è contenuto duplicato, non solo non lo mostra nei risultati di ricerca ma diminuisce anche l'« autorità » complessiva del sito.
Nelle parole di Google:
"Le versioni localizzate di una pagina sono considerate duplicati solo se il loro contenuto principale non è tradotto."
Modalità di implementazione
Come Google riporta nelle sue guide ufficiali, attualmente ci sono tre modi per implementare i tag che indicano che una pagina ha versioni alternative in altre lingue:
Tag HTML (consigliato)
Uno dei modi più comuni di indicare che una pagina ha equivalenti in altre lingue sono i tag HTML nell'header:
<link rel="alternate" hreflang="codice_lingua" href="url_pagina" />
Immaginiamo di avere un sito principale (in inglese), disponibile anche in altri paesi e lingue (UK, USA e Germania). In questo caso, dovremmo aggiungere il seguente codice nell'header di ogni pagina:
<head> <title>Widgets, Inc</title> <link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" /> <link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" /> <link rel="alternate" hreflang="en" href="http://en.example.com/page.html" /> <link rel="alternate" hreflang="de" href="http://de.example.com/page.html" /> <link rel="alternate" hreflang="x-default" href="http://www.example.com/" /> </head>
In questo modo, diremo ai motori di ricerca che le altre pagine non sono duplicati ma sono le traduzioni del sito in altre lingue.
Header HTTP
Se vogliamo indicare le versioni in altre lingue di documenti e altri file che non sono HTML, abbiamo a disposizione gli header HTTP:
Nel seguente caso, si tratta di un documento PDF disponibile in inglese, in tedesco per gli utenti in Svizzera e l'altro per tutti gli utenti che parlano tedesco.
Link:
<http://example.com/file.pdf>; rel="alternate"; hreflang="en", <http://de-ch.example.com/file.pdf>; rel="alternate"; hreflang="de-ch", <http://de.example.com/file.pdf>; rel="alternate"; hreflang="de"
Sitemap
Un altro modo che molti siti hanno usato nel tempo è indicare le versioni internazionali tramite la Sitemap. Va notato che questo è un metodo molto più complesso a livello tecnico e più suscettibile a errori, poiché è molto facile omettere alcune pagine.
Esempio di sitemap con una pagina:
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>http://www.example.com/english/page.html</loc> <xhtml:link rel="alternate" hreflang="de" href="http://www.example.com/deutsch/page.html"/> <xhtml:link rel="alternate" hreflang="de-ch" href="http://www.example.com/schweiz-deutsch/page.html"/> <xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/english/page.html"/> </url>
STRUMENTO: Questa estensione Chrome ci permette di validare le implementazioni. Tuttavia, non dimenticare di controllarle manualmente nel codice per verificarle al 100%.
Codici di lingua e regione
Una volta visto il tema della marcatura internazionale dei dati, passiamo a uno degli argomenti più interessanti del processo di SEO internazionale. Si tratta dei codici di lingua e regione. Fino a poco tempo fa non c'erano molte informazioni in merito e non era affatto facile evitare errori nella marcatura di lingue e paesi.
Ogni paese e ogni lingua è un mondo a sé. Tutti hanno le loro differenze, peculiarità, culture, valori... ed è per questo che molte aziende si adattano per cercare di fornire contenuti nel modo più nativo possibile. Un chiaro esempio si verifica tra lo spagnolo parlato in Spagna e quello parlato in Messico. Nonostante condividano molte espressioni, ce ne sono altre che non si assomigliano affatto e gli utenti di ciascun paese amano trovare la versione che è loro più familiare.
Google mette a disposizione la possibilità di aggiungere codici di lingua e regione nei tag hreflang.
Per esempio:
- de: questo contenuto sarebbe destinato a utenti che parlano tedesco indipendentemente dalla regione.
- es-MX: questo contenuto sarà destinato a utenti che parlano spagnolo e provengono dal Messico.
- en-GB: questo contenuto sarà destinato a utenti che parlano inglese nel Regno Unito.
Cosa succede se non marchiamo tutti i paesi in cui può essere parlata una lingua?
Logicamente, è impossibile aggiungerli tutti. Ecco perché abbiamo il tag hreflang="x-default", che ci permetterà di servire questa versione all'utente quando la configurazione del suo browser non corrisponde a nessuna delle lingue o regioni che abbiamo indicato.
<link rel="alternate" href="http://example.com/" hreflang="x-default" />
Errori comuni
Sembra facile, vero? L'unico dettaglio importante è che Google è abbastanza meticoloso con le implementazioni. Se sbagliamo una lettera o tralasciamo un link, restituirà un errore e non accetterà la nostra marcatura. Di seguito puoi vedere alcuni degli errori più comuni che si verificano spesso (e alcuni dalla nostra esperienza):
Dimenticare i link reciproci
Se la nostra pagina A ha un link hreflang verso la pagina B ma quest'ultima non restituisce un altro link hreflang verso la pagina A, Google non creerà l'associazione e continuerà quindi a rilevare quelle pagine come duplicati.
Cambiare i codici di regione o paese
Mentre negli URL abbiamo la flessibilità di usare qualsiasi codice vogliamo, ad esempio uk, gb o qualsiasi altra variazione per il Regno Unito, lo stesso non accade con i tag hreflang. Se usiamo uk invece del corretto en-GB, Google non sarà in grado di interpretare l'informazione e quindi non validerà l'implementazione.
In questo caso, per assicurarci di usare sempre formati corretti, dobbiamo seguire i formati:
- ISO 639-1
- ISO 3166-1 Alpha 2 (opzionale)
Analizzare i tag hreflang di un sito
Fino a qualche settimana fa, Google Search Console mostrava un report dettagliato delle validazioni ed errori della nostra implementazione hreflang. Tuttavia, con il lancio della nuova interfaccia, questa funzionalità sta diventando obsoleta e presto non sarà più disponibile.
In questo caso, nonostante il fatto che ci siano decine di strumenti SEO in rete per lavorare su questo argomento, dal nostro punto di vista, lo strumento n°1 che rende questo processo veloce e facile da analizzare è senza dubbio Screaming Frog. Non solo ci dice tutti gli URL che ha rilevato con marcatura ma li classifica anche se hanno errori e ci dice esattamente che tipo di errore hanno in modo da poterlo validare.
Casi di successo
Sebbene la maggior parte delle azioni SEO richieda del tempo prima di mostrare i primi risultati, i tag hreflang sono sicuramente uno di quei quick-win che dobbiamo implementare il prima possibile in quei progetti dove è possibile. Uno dei casi di successo SEO più chiari di questo è stato ChessKid.com, uno dei nostri clienti, che aveva il sito tradotto in quasi 20 lingue. Il problema? Non aveva gli hreflang implementati e nascondeva anche il cambio di lingua dietro un login, quindi le versioni internazionali erano totalmente inaccessibili.
Cosa abbiamo fatto?
- Creare un dropdown con le lingue nel footer.
- Aggiungere i tag hreflang a tutte le pagine che lo richiedevano.
I risultati?
Hai domande? Vorresti che ti aiutassimo a implementare i tag hreflang nella tua attività? Saremo felici di aiutarti!
Riferimenti
Autore: David Kaufmann
Ho passato gli ultimi oltre 10 anni completamente ossessionato dal SEO — e onestamente, non vorrei fosse altrimenti.
La mia carriera ha fatto un salto di qualità quando ho lavorato come Senior SEO Specialist per Chess.com — uno dei 100 siti più visitati dell'intero Internet. Operare a quella scala, su milioni di pagine, decine di lingue e in una delle SERPs più competitive in assoluto, mi ha insegnato cose che nessun corso o certificazione avrebbe mai potuto. Quell'esperienza ha cambiato la mia prospettiva su come dovrebbe essere davvero un grande SEO — ed è diventata la base di tutto ciò che ho costruito da allora.
Da quell'esperienza è nata SEO Alive — un'agenzia per brand che fanno sul serio con la crescita organica. Non siamo qui per vendere dashboards e report mensili. Siamo qui per costruire strategie che spostino davvero l'ago della bilancia, combinando il meglio del SEO classico con l'entusiasmante nuovo mondo della Generative Engine Optimization (GEO) — facendo in modo che il tuo brand appaia non solo nei link blu di Google, ma anche all'interno delle risposte generate dall'AI che ChatGPT, Perplexity e Google AI Overviews consegnano ogni giorno a milioni di persone.
E poiché non riuscivo a trovare uno strumento che gestisse correttamente entrambi questi mondi, me ne sono costruito uno — SEOcrawl, una piattaforma enterprise di SEO intelligence che unisce rankings, audit tecnici, monitoraggio dei backlinks, salute del crawl e tracciamento della visibilità del brand nell'AI, tutto in un unico posto. È la piattaforma che ho sempre desiderato esistesse.
Scopri altri contenuti di questo autore
