Lavorare continuamente per ottimizzare il tuo sito web per la visibilità sui motori di ricerca garantirà che nuovi utenti possano trovare i tuoi contenuti sul web. Esistono diverse tecniche che puoi utilizzare per migliorare il posizionamento SEO del tuo sito web per un pubblico nazionale, tuttavia, quando si cerca di raggiungere pubblici in più paesi o visitatori che parlano più di una lingua, dovrai seguire alcune regole aggiuntive — una delle quali prevede l’aggiunta di tag hreflang al tuo sito web.
I motori di ricerca leggono i tag hreflang per assicurarsi che le tue pagine vengano indicizzate correttamente per un pubblico internazionale definito e che gli utenti vengano indirizzati alle versioni corrette del tuo sito. Fortunatamente, esistono diversi metodi relativamente semplici e facili che puoi utilizzare per inserire e sfruttare questi attributi sul tuo sito web.
In questo post, ti presenteremo i tag hreflang e spiegheremo perché sono importanti. Poi ti guideremo su come puoi implementarli sul tuo sito web. Cominciamo!
Introduzione ai Tag Hreflang
Introdotto per la prima volta da Google nel 2011, l’attributo hreflang specifica la lingua del contenuto di una pagina.
Puoi utilizzare i tag hreflang per indirizzare specifici paesi. Sono utili per i siti web che offrono contenuti in più lingue.
I tag Hreflang vengono aggiunti alla sezione <head> del codice HTML delle tue pagine web. Ogni tag dovrebbe specificare la lingua e il paese per una determinata pagina.
Ad esempio, i tag potrebbero apparire simili ai seguenti:
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="de" href="http://example.com/de/">
Nell’esempio sopra, la prima riga è la pagina predefinita per gli utenti che non parlano nessuna delle lingue specificate. La seconda e la terza riga sono rispettivamente per i parlanti inglese e tedesco. L’attributo hreflang specifica la lingua, e l’attributo href specifica l’URL.
È importante notare che i tag hreflang sono utilizzati solo dai motori di ricerca — non saranno visibili agli utenti. Inoltre, i tag hreflang sono solo uno dei tipi di tag che possono migliorare il SEO del tuo sito web e Esperienza Utente (UX). Altri tag comuni includono i tag title e descrizioni meta.
Inoltre, ricorda che i tag hreflang e i tag canonici non sono la stessa cosa. Un tag canonico è un elemento HTML che indica ai motori di ricerca quale versione di una pagina indicizzare.
Un tag hreflang, d’altro canto, indica ai motori di ricerca quale versione di una pagina mostrare agli utenti di diversi paesi. I tag canonici risolvono i problemi di contenuto duplicato. In contrasto, i tag hreflang assicurano che agli utenti che parlano lingue diverse vengano fornite le versioni corrette delle pagine.
Perché I Tag Hreflang Sono Importanti
I tag Hreflang sono importanti per una serie di motivi. Influenzano sia l’UX che il SEO del tuo sito web.
Vantaggi dell’Uso dei Tag Hreflang
- Assicurati che le tue pagine siano indicizzate correttamente.
- Indirizza gli utenti alle versioni corrette del tuo sito.
- Porta a livelli di traffico più elevati e più conversioni.
- Organizza il tuo sito web.
- Localizza i tuoi contenuti per gli utenti globali.
- Previeni la concorrenza tra pagine web alternative.
Inoltre, i tag hreflang possono migliorare il tuo Tasso di Click (CTR) dalle pagine dei risultati dei motori di ricerca (SERP). Gli utenti che vedono il tuo sito disponibile nella loro lingua sono più propensi a cliccarci sopra. Questo può portare a livelli di traffico più elevati e, in ultima analisi, a più conversioni.
Come Usare i Tag Hreflang (3 Metodi Tecnici)
Ci sono tre metodi principali per implementare l’attributo hreflang sul tuo sito web. Qui sotto, ti guideremo attraverso ciascuno di essi.
Tuttavia, indipendentemente dal metodo scelto, è importante comprendere tre elementi fondamentali dei tag hreflang. Primo, l’attributo linguistico deve essere in un codice paese di due lettere noto come formato ISO 639-1. ISO è l’acronimo di International Organization for Standardization. Questo valore consiste in una sola lingua e può essere combinato con una regione (opzionale).
Puoi utilizzare i codici della regione ISO 3166-1 per specificare una regione. È importante non confondere i due o usarli in modo interscambiabile. Ad esempio, il codice per la lingua greca è “el”, ma il codice per la regione della Grecia è “gr”.
La seconda regola è che ogni URL deve avere dei link di ritorno che puntano alle versioni canoniche. Ad esempio, se hai 40 lingue, avresti link hreflang per 40 URL.
Infine, hai bisogno di link self per far funzionare l’implementazione del tag hreflang. Questo significa che ogni versione linguistica deve anche elencare se stessa utilizzando un tag hreflang autoriferenziale, che rimanda la pagina a se stessa.
Ora, ecco tre metodi per utilizzare i tag hreflang!
1. Utilizza Tag HTML nella sezione <head>
Come abbiamo menzionato prima, uno dei modi per implementare i tag hreflang sul tuo sito web è inserirli nei tag HTML. Questo è spesso il metodo più rapido e semplice.
Tuttavia, questo processo può richiedere molto tempo se hai un lungo elenco di lingue. Dovresti collegare ogni variante a ogni altra variante. Inoltre, WordPress dovrebbe effettuare molteplici chiamate al database per generare questi collegamenti.
Alla fine, questo potrebbe rallentare il tuo sito. Pertanto, se hai un sito più grande o desideri creare un lungo elenco di lingue, potresti voler utilizzare il metodo della sitemap invece (vedi Metodo 3).
Per utilizzare questo metodo di tag HTML, devi inserire i tuoi tag hreflang nella sezione <head> di ciascuna delle tue pagine. Ad esempio, se volessi aggiungere le versioni in inglese e spagnolo per la versione statunitense del tuo sito, dovresti aggiungere il seguente codice:
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="es" href="http://example.com/de/">
Nell’esempio sopra, la prima riga si riferisce alla pagina predefinita. La seconda e la terza sono per chi parla inglese e spagnolo.
2. Inserisci i Tag Hreflang Nelle Tue Intestazioni HTTP
Se vuoi aggiungere tag hreflang in pagine non HTML, come i PDF, non avrai codice HTML in cui inserire i tag. Quando questo è il caso, puoi utilizzare invece le tue intestazioni HTTP.
Il codice apparirebbe più o meno come segue:
<http://example.pdf>; rel="alternate";hreflang="x-default", <http:/example.pdf>; rel="alternate";hreflang="en", <http://example.pdf>; rel="alternate";hreflang="es", <http://example.pdf>; rel="alternate";hreflang="de"
In questo esempio, stai aggiungendo varianti per inglese, spagnolo e tedesco. Ognuna delle versioni rispettive deve essere inserita negli header di ciascun file PDF.
3. Aggiungi i Tag Hreflang Alla Tua Sitemap
Il terzo metodo per implementare i tag hreflang è l’uso del markup della sitemap XML. Questo approccio ti permetterà di aggiungere gli attributi hreflang per tutte le pagine del tuo sito in un unico posto.
Può anche aiutarti a evitare di rallentare la velocità di caricamento della pagina (cosa che potrebbe accadere se inserisci i tag nella sezione head delle pagine). Inoltre, modificare una sitemap può essere significativamente più facile che modificare il tag <head> di ogni pagina.
Il metodo sitemap è simile al metodo del tag <head> HTML, eccetto che l’attributo xhtml:link aggiunge le annotazioni hreflang a ciascun URL. Seguendo l’attributo xhtml:link all’inizio del tuo URL, aggiungeresti le versioni alternative della pagina, quindi il tuo markup apparirà simile al seguente:
<url> <loc>https://example.com/link</loc> <xhtml:link rel=”alternate” hreflang=”en-us” href=”x-default” <xhtml:link rel=”alternate” hreflang=”en” href=”https://example.com/link/” /> <xhtml:link rel=”alternate” hreflang=”es” href=”https://example.com/enlance/” />
Qui, vedrai che ogni URL ha un attributo hreflang e collegamenti di ritorno agli altri URL. Un elemento <url> separato deve essere creato per ogni URL. Ogni elemento deve includere un <loc> che indica l’URL della pagina. Gli URL richiedono anche un elemento <xhtml:link rel=”alternate” hreflang=”codice_lingua_supportato”> che elenca ogni versione alternativa della pagina.
Puoi aggiungere tutti i tag necessari in un unico file. Anche se l’ordine degli elementi non è importante, noi consigliamo di mantenerli uniformi, perché questo layout facilita la verifica degli errori. Puoi inviare la tua nuova sitemap a Google Search Console quando hai finito.
Strumenti Che Generano Automaticamente Tag Hreflang
Il tempo necessario per generare e implementare i tuoi tag hreflang può variare a seconda del numero di versioni che desideri creare e del metodo che utilizzi. Tuttavia, esistono alcuni strumenti che possono semplificare e accelerare il processo. Diamo un’occhiata ad alcuni dei più popolari!
Plugin di Traduzione Weglot
Weglot è uno strumento di traduzione popolare e affidabile che può aggiungere tag hreflang di Google e markup al tuo sito web:
Weglot può essere una soluzione utile se sei un principiante e non hai familiarità con la programmazione. Identifica automaticamente i tag href nel tuo codice durante la traduzione e modifica i link nell’intestazione della pagina.
Controllo Hreflang
È fondamentale controllare sempre i tuoi tag hreflang per assicurarti che funzionino correttamente dopo averli inseriti. Lo strumento di verifica Hreflang fornito da Weglot può aiutare a semplificare questo processo:
Per utilizzarlo, copia e incolla l’URL che vuoi verificare nel campo di testo (assicurati di includere “http://” o “https://”) e seleziona un bot dei motori di ricerca da emulare. Poi clicca sul pulsante Test URL . Verrà visualizzata una pagina di risultati di ricerca che mostra lo stato dei tuoi tag.
Generatore Di Sitemap XML
Se vuoi implementare i tag hreflang utilizzando il metodo della sitemap, puoi utilizzare lo strumento Hreflang XML Sitemap Generator Tool. È stato creato da Erudite, un’agenzia di marketing digitale:
Dopo aver creato un account utilizzando il tuo indirizzo email, indica semplicemente allo strumento dove inviare la tua sitemap e carica il tuo file CSV, includendo una colonna per ogni lingua. Poi lo strumento di Erudite genererà automaticamente una sitemap XML.
Generatore Di Tag Hreflang
Se hai bisogno di aiuto per generare gli elementi del link per i tuoi tag hreflang, puoi utilizzare il Hreflang Tags Generator:
Questo strumento, creato da Aleyda Solis, può semplificare la creazione di tag per il tuo sito web multilingua o multinazionale. Puoi generare questi tag aggiungendo gli URL (fino a 50) da taggare nel modulo fornito, o caricandoli tramite un file CSV. Di nuovo, dovrai assicurarti che ci sia una colonna per gli URL.
Modello di Ahrefs per Google Sheets
Un altro strumento che puoi utilizzare è il modello di Google Sheets fornito da Ahrefs:
Sotto la scheda Setup, seleziona il locale (lingua predefinita) del tuo sito, e poi scegli fino a quattro varianti aggiuntive. Ad esempio, potresti scegliere Inglese come Locale predefinito, seguito da Spagnolo, Tedesco, Cinese, e Russo come alternative.
Successivamente, nella scheda URL, troverai cinque colonne, ognuna con le proprie celle di intestazione che corrispondono alla lingua che hai scelto nella scheda Configurazione. Dovrebbe esserci anche una colonna X-Default.
Ora incolla gli URL nelle celle corrispondenti. Poi, nella scheda Risultati, troverai un codice generato automaticamente per la tua mappa del sito XML. Puoi copiare e incollare tutto nella colonna A in un documento XML e caricarlo tramite Google Search Console.
Suggerimenti e Migliori Pratiche per l’Uso dei Tag Hreflang
Ora che hai capito le basi dei tag hreflang e la loro implementazione, parliamo di alcuni consigli per utilizzarli. Qui sotto troverai alcune delle migliori pratiche da seguire!
Assicurati Che I Tag Siano Bidirezionali
I tag hreflang funzionano a coppie, il che significa che sono bidirezionali. Quando aggiungi un tag hreflang a una pagina in inglese che punta a una versione in spagnolo, devi anche assicurarti che la variante spagnola ritorni con un tag hreflang che punta alla versione inglese.
Questa configurazione indica ai motori di ricerca che il rapporto è concordato e che tu controlli entrambe le pagine. Se due pagine non si riferiscono reciprocamente, Google ignorerà i tag.
Specifica la Pagina Predefinita per gli Utenti che Non Parlano Nessuna delle Lingue Specificate
Specificare la pagina predefinita per gli utenti che non parlano nessuna delle tue lingue impostate è importante. Assicurerà che i visitatori siano indirizzati alla versione corretta del tuo sito.
Puoi farlo aggiungendo un tag con il codice della lingua “x-default”. Assomiglierebbe a qualcosa come:
<link rel=”alternate” hreflang=”x-default” href=”https://example.com/” />
La pagina predefinita sarà utilizzata in situazioni in cui Google non è in grado di estrarre la lingua o la regione per gli utenti quando non è specificata o elencata. Invece, la pagina x-default chiederà agli utenti quale lingua preferiscono, quindi li indirizzerà alla versione alternativa appropriata.
Utilizza URL Assoluti
Gli URL assoluti sono URL completi che includono il nome del dominio. Sono anche il tipo di URL preferito per l’uso con i tag hreflang. Sono meno soggetti a modifiche sul tuo sito web e rendono più facile per i motori di ricerca indicizzare correttamente le tue pagine.
È importante assicurarsi che i tuoi tag hreflang contengano URL assoluti. In altre parole, il codice dovrebbe apparire come “https://example.com/link” piuttosto che “example.com/link”.
Assicurati Che I Tuoi Tag Hreflang Siano Validi E Formattati Correttamente
Come abbiamo già accennato, è necessario utilizzare i corretti codici ISO di lingua e regione quando si creano gli attributi di link hreflang. Altrimenti, potresti ricevere un messaggio nella Console di ricerca Google che informa che il tuo sito non dispone di tag di lingua hreflang.
Ricorda di usare i codici ISO per gli attributi delle lingue e i codici regionali per le località geografiche. Per esempio, mentre “kr” è il codice per la regione della Corea del Sud, “ko” è il codice per la lingua coreana.
Mantieni Aggiornati I Tuoi Tag Hreflang
Man mano che continui ad aggiungere contenuti e pagine al tuo sito web, diventa sempre più critico occuparsi dei tuoi tag hreflang.
Immagina di aggiungere un nuovo dominio per un determinato paese. Allora dovrai aggiungere i tag hreflang appropriati alle tue pagine esistenti e verificare che puntino al nuovo dominio.
Lo stesso vale se elimini qualsiasi versione linguistica del tuo sito web. Se rimuovi una lingua, dovrai eliminare o sostituire i tag hreflang che vi puntano. Puntare a URL mancanti o errati può danneggiare sia la tua UX che la SEO.
Monitora Il Tuo Sito Web per Errori
È altrettanto essenziale, come mantenere aggiornati i tuoi tag hreflang, monitorare costantemente il tuo sito web alla ricerca di errori. Questo processo include il controllo del codice sorgente del tuo sito per assicurarsi che tutti i tag necessari siano presenti.
Puoi utilizzare uno strumento come Google Search Console per monitorare più facilmente il tuo sito web. Questa piattaforma ti aiuterà a verificare se le tue pagine vengono indicizzate correttamente.
Ottimizza Il Tuo Sito Web Per Un Pubblico Internazionale
Utilizzare i tag hreflang può migliorare il SEO e l’UX del tuo sito web per il pubblico internazionale. Questi attributi possono aiutare il tuo sito a raggiungere utenti in diversi paesi e garantire che il contenuto corretto sia fornito nelle loro lingue native o preferite.
Come abbiamo discusso in questo articolo, ci sono tre metodi che puoi utilizzare per implementare i tag hreflang:
- Aggiungi gli attributi alla sezione <head> di ogni pagina.
- Inseriscili negli header HTTP delle pagine di contenuto non HTML.
- Metti i tag nel tuo sitemap XML, così che tutti gli attributi siano in un unico posto.
Hai bisogno di aiuto per ottimizzare il tuo sito multilingue? Dai un’occhiata ai nostri Servizi Professionali DreamHost per scoprire come possiamo portare il tuo sito al livello successivo!
SEO Internazionale Semplificata
Noi togliamo le congetture (e il lavoro effettivo) dall’aumentare il traffico al tuo sito web con il SEO.
Scopri di Più