In questo post
I tag hreflang e i tag canonical sono indicatori per Google e altri motori di ricerca su quali pagine web indicizzare e mostrare a determinati utenti. Sono entrambi fattori importanti per SEO multilingue.
Tuttavia, i due tipi di tag hanno funzioni diverse. Ecco perché è importante non confonderli o usarli in modo intercambiabile. In caso contrario, ciò potrebbe portare a conseguenze impreviste e a scarsi risultati per il tuo sito web.
Per evitare ciò, in questo articolo analizzeremo in dettaglio i tag hreflang e canonical. Parleremo di cosa sono, delle migliori pratiche e degli errori più comuni nel loro utilizzo, e di come configurarli correttamente sia manualmente che con l'aiuto di plugin per WordPress.
Cosa sono i tag hreflang e canonici (e perché sono importanti?)
Per comprendere bene questo argomento, definiamo prima i due tipi di tag. .
Spiegazione dei tag hreflang
I tag hreflang sono frammenti di codice introdotti da Google nel 2011 per aiutare i siti web internazionali. La loro funzione è indicare ai crawler dei motori di ricerca la lingua e la posizione geografica a cui è destinata una pagina web. Ad esempio, ecco come appare un tag hreflang mirato alla Francia e alla Svizzera.
<link rel="alternate" href="https://yoursite.com/ch" hreflang="fr-ch" />Consiste di due parti, la rel="alternate", il quale afferma che questa è una versione alternativa di una pagina web esistente, e il hreflang="fr-ch" parte che specifica il suo obiettivo. fr sta per la lingua e ch per il paese, basato sul Lingua ISO e prefissi internazionali.
Ciò è particolarmente importante per i siti web internazionali che potrebbero avere pagine con contenuti praticamente identici ma rivolti a mercati linguistici differenti. I tag hreflang consentono di segnalare ai motori di ricerca che si dispone di versioni localizzate per gli utenti di questi mercati.
Inoltre, non solo puoi rivolgerti a un'altra lingua, ma a una specifica area geografica. Ad esempio, sebbene vi siano diversi paesi ispanofoni nel mondo, nonostante la lingua comune, essi differiscono per dialetto, cultura e gusti dei consumatori.
Utilizzando gli attributi hreflang, è possibile creare pagine web rivolte a ciascun mercato e contrassegnarle di conseguenza. In questo modo, è possibile localizzali per il pubblico a cui sono destinate pur utilizzando la stessa lingua.
Tag Canonical in sintesi
I tag canonical svolgono un ruolo simile ai tag hreflang. Sono anche essi frammenti di codice HTML che segnalano ai motori di ricerca quale URL è più rilevante per gli utenti che effettuano una ricerca. Ecco come appaiono:
<link rel="canonical" href="https://yoursite.com" />Tuttavia, invece di differenziare tra le varietà linguistiche, i tag canonici mostrano che una pagina web deve essere considerata la versione ufficiale o la copia principale tra pagine con contenuti uguali o molto simili.
Perché avresti lo stesso contenuto su diverse pagine web? Ci sono diversi motivi:
- Una pagina ha http:// davanti ad esso, l'altro https://
- State ripubblicando un articolo che esiste già su un altro sito web (con permesso, ovviamente). Oppure, pubblicate lo stesso contenuto su un'altra piattaforma come Medium per una maggiore portata.
- Parametri nell'URL che segnalano piccoli cambiamenti in una pagina web, come i filtri in siti di e-commerce (ad es. https://www.yourwebsite.com/Camping-Hiking/b?ie=UTF8&node=16435151)
In tutti questi casi, un tag canonical può far sapere ai motori di ricerca quale debbano considerare la versione principale della pagina in questione e che dovrebbero indicizzarla al posto delle altre.
Vantaggi SEO di hreflang e tag canonici
Perché prendersi il disturbo di aggiungere questi tag al proprio sito web? Perché offrono numerosi vantaggi in termini di SEO:
- Evita problemi di contenuti duplicati Contrassegnare esplicitamente i tuoi contenuti impedisce ai motori di ricerca di considerare le tue pagine come duplicate. In questo modo, è meno probabile che mostrino l'URL errato a chi effettua ricerche o che ti penalizzino per contenuti di bassa qualità.
- Trasferire i segnali di ranking — L'autorità derivante dai link in entrata e altri segnali di ranking viene trasferita alla pagina canonica e condivisa da tutte le versioni linguistiche.
- Maggiore coinvolgimento degli utenti — Inviare i visitatori alla versione corretta delle tue pagine, ad esempio la lingua che preferiscono, è positivo per le conversioni, il tempo di permanenza, il coinvolgimento degli utenti, ecc. Si tratta di tutti elementi per cui si ipotizza un impatto positivo sui posizionamenti nei motori di ricerca.
- Evita di sprecare tempo di scansione Con i tag canonical, puoi impedire ai motori di ricerca di indicizzare determinate pagine. Ciò significa che non sprecano il budget di scansione su contenuti non importanti anziché su ciò che desideri venga indicizzato.
Ciò che è importante capire è che questi tag sono segnali, non direttive vincolanti. Li usi per chiedere ai motori di ricerca di fare qualcosa (per favore), ma spetta a loro e al loro algoritmo onorare la tua richiesta.
Tag hreflang e Canonical: Best Practices e Errori Comuni
Ora che sappiamo cosa sono questi tag, esaminiamo come usarli correttamente.
Mettili nei giusti luoghi
La tua prima domanda è molto probabilmente dove dovrebbero comparire questi link. I tag hreflang e canonical sono comunemente inclusi nel <head> sezione del markup HTML di una pagina web.
Infatti, per i tag canonici questa è l'unica opzione. I loro cugini hreflang possono comparire anche negli header HTTP o in un Mappa del sito XML. Parleremo in dettaglio di come portarli lì sotto.
Formatta correttamente i tag
Una delle cose più importanti da sapere è che i due tag non possono essere combinati. Qualcosa come l'esempio sottostante non verrà compreso dai motori di ricerca.
<link rel="canonical" rel="alternate" href="https://yoursite.com" hreflang="fr-ch" />Invece, devi mostrare entrambi i tipi di tag separatamente, in questo modo:
Dei due segnali, i tag canonici sono quelli più semplici da implementare. Fondamentalmente devono solo contenere rel="canonical" nonché la destinazione.
I tag hreflang sono un po' più capricciosi. La prima cosa da notare qui è che non è necessario includere sia un codice lingua che un codice paese. È sufficiente solo la lingua. Questo ti permette di impostare una pagina più generale per persone di tutto il mondo che effettuano ricerche in quella lingua.
Allo stesso tempo, l'uso di un codice paese consente di creare pagine mirate in modo molto specifico. Ne abbiamo già parlato nel contesto dello spagnolo qui sopra. Importante: se si utilizza un codice regionale, assicurarsi che compaia per secondo, non per primo, nel tag hreflang. Controllare inoltre che sia corretto lingua e prefissi internazionali.
Allo stesso tempo, si noti che le versioni in lingue alternative non devono necessariamente trovarsi sullo stesso dominio. Se si utilizzano indirizzi web separati per le diverse versioni linguistiche, è comunque possibile utilizzare hreflang per chiarire che appartengono alla stessa entità.
Inoltre, per entrambi i tipi di tag, dovresti includere gli URL completi delle tue pagine, non quelli relativi. Ecco la differenza:
- URL completo: https://yoursite.com/shop/pants
- URL relativo /negozio/pantaloni
Utilizzando URL assoluti, rendi assolutamente chiaro a quali pagine ti riferisci ed eviti ambiguità ed errori. Se hai difficoltà a creare i tuoi tag, puoi anche usare un generatore di tag hreflang o generatore di tag canonical.
Rendili bidirezionali e autoreferenziali
Il punto successivo importante riguarda le pagine su cui posizionare i tag. Cominciamo con i tag hreflang.
Una parte importante qui è che, tutte le versioni linguistiche devono avere riferimenti hreflang per ogni alternativa disponibile. In altre parole, tutte le vostre pagine devono puntare l'una verso l'altra. Se non lo fanno e un tag hreflang va in una sola direzione, Google lo ignorerà.
Ad esempio, se hai una pagina in inglese, spagnolo e francese rivolta a Stati Uniti, Canada, Spagna, Colombia e Francia, i tuoi tag hreflang saranno simili a questo:
Questo codice esatto deve essere inserito in ciascuna delle pagine menzionate al suo interno.
Questo è importante in quanto stabilisce una relazione tra queste pagine e fa sapere a Google che si tratta di diverse versioni dello stesso contenuto in lingue diverse e per diversi gruppi di utenti.
Questo significa anche che un tag hreflang punta sempre alla pagina in cui compare. Questa pratica è nota come “auto-referenziante” ed è una buona norma sia per i tag hreflang sia per i tag canonici.
Avere un tag canonico su una pagina web che punta a se stessa è un segnale che questa è la versione ufficiale. Rafforza il messaggio dei tag che puntano alla stessa pagina da altre posizioni. Ad esempio, se la pagina A è la pagina principale e la pagina B un duplicato, entrambe avrebbero lo stesso tag canonico sottostante.
<link rel="canonical" href="https://yoursite.com/page-a" />Evita dichiarazioni contrastanti
È davvero importante scegliere gli URL giusti sia per i tag hreflang che per quelli canonici, soprattutto se li usi insieme. Questo perché, sebbene siano simili nella loro funzione, ciò che segnalano ai motori di ricerca è piuttosto diverso.
I tag hreflang sono inclusivi, mentre i tag canonical sono esclusivi. I primi dicono: “indicizzami e l'altra pagina ma per lingue diverse”, mentre la seconda dice: “non indicizzarmi, indicizza l'altra pagina”.
Quindi, se hai una pagina con tag hreflang che ha anche un tag canonical che punta altrove anziché a se stessa, invierà due segnali molto confusi. In pratica dice: “indicizzami e quest'altra pagina e inoltre non indicizzami, indicizza l'altra pagina al mio posto”.
In quel caso, i motori di ricerca potrebbero prendere decisioni proprie, che potrebbero non essere in linea con i vostri desideri. Quindi, fate molta attenzione a questo. A parte ciò, l'ordine dei tag effettivi non importa, purché siano presenti e corretti.
Utilizzo di hreflang=”x-default”
Un'ultima cosa da menzionare qui è il tag x-default. È qualcosa che puoi usare per impostare una pagina predefinita tra diverse versioni linguistiche. Quando lo fai, i motori di ricerca vi faranno ricorso se non c'è una versione più specifica per la lingua e/o la località di un utente che effettua la ricerca.
Questo consente anche di impostare una versione preferita se si dispone di pagine nella stessa lingua ma per aree geografiche diverse (ad esempio, inglese per Stati Uniti e Regno Unito). Ciò è utile quando qualcuno effettua una ricerca in quella lingua ma non proviene da nessuna delle due aree geografiche.
Ecco come appare il tag x-default:
<link rel="alternate" href="https://yoursite.com" hreflang="x-default" />Nota che non contiene informazioni sulla lingua o sulla località. Inoltre, l'uso del tag x-default non è obbligatorio ma è una buona norma.
Come configurare manualmente tag hreflang e canonici
Se hai seguito fino a questo punto, teoricamente dovresti essere pronto a implementare i tag hreflang e canonical sul tuo sito web.
L'unica domanda che rimane è: come si fa?
Rivediamolo ora, iniziando da come farlo manualmente. Qui, fondamentalmente hai due opzioni per posizionarli:
- Il suddetto HTML
<head>sezione - La Sitemap XML del tuo sito web
(Un'altra opzione sono le intestazioni HTTP, ma queste sono importanti solo per contenuti come i documenti PDF.)
Utilizzando la sezione
Questa opzione è più fattibile per piccoli siti con poche pagine, per lo più statiche, in cui si modificano direttamente i file HTML. Non è molto pratica per siti web più grandi creati in modo dinamico (come in WordPress).
Una volta creati i tag utilizzando i consigli e/o i generatori di cui sopra, aprite i file HTML con un editor di codice e copiateli e incollarli tra i <head> e </head> tag, preferibilmente verso l'alto.
Salva e hai finito. Se hai dubbi o se non sembra funzionare, passa le tue pagine attraverso un Validatore HTML.
Questo metodo è relativamente semplice, tuttavia può anche essere fastidioso se si apportano modifiche alla struttura del sito o agli URL. In tal caso, si dovrebbe modificare nuovamente ogni singola pagina.
Inclusione di tag hreflang nella Sitemap
Se hai intenzione di implementare i tuoi tag manualmente, la Sitemap potrebbe in realtà essere la scelta migliore. Ti consente di apportare modifiche tutte in un unico posto, il che è più facile da gestire in caso di modifiche agli URL o semplicemente di nuove versioni linguistiche da aggiungere. Il formato è il seguente:
https://yoursite.comOgni pagina con versioni in lingue diverse deve essere racchiusa in <url> parentesi. Il <loc> l'elemento in alto definisce l'URL originale, mentre <xhtml: link> l'elemento definisce ogni alternativa linguistica. Utilizza essenzialmente lo stesso formato della versione HTML.
Anche qui è possibile utilizzare i suddetti strumenti generatori per creare i tag hreflang. Come spiegato in precedenza, i tag canonical devono essere inseriti nel <head> sezione, non potete definirli nella sitemap. Infine, se non sapete come creare una sitemap XML per il vostro sito web per cominciare, Google ha una spiegazione.
Implementare i tag utilizzando i plugin di WordPress
Probabilmente possiamo concordare sul fatto che i metodi di cui sopra sembrano un po' lunghi. Pertanto, se gestisci un sito web basato su WordPress, un modo più semplice per implementare i tag hreflang e canonical è utilizzare i plugin.
Per i tag canonical, puoi usare un Plugin SEO. Praticamente tutti sono dotati di opzioni per definire URL canonici e generano anche tag canonici automaticamente.
Ad esempio, Yoast SEO aggiunge tag canonico autoreferenziale a tutte le tue pagine per impostazione predefinita.
D'altra parte, un'ottima opzione per implementare i tag hreflang è TranslatePress.
Perché?
Perché il plugin lo fa letteralmente per te. Tutto quello che devi fare è configurare quali lingue vuoi aggiungere al tuo sito sotto Impostazioni → TranslatePress.
Una volta effettuate le impostazioni e salvate le tue scelte, TranslatePress si occuperà del resto. Aggiungerà i tag hreflang pertinenti al codice HTML di tutte le versioni linguistiche delle tue pagine web, nonché alla tua mappa del sito XML.
Inoltre, TranslatePress è in grado di distinguere tra le diverse varianti regionali delle lingue, come il portoghese brasiliano, lo spagnolo messicano o il francese svizzero. Quando selezioni le rispettive opzioni nelle impostazioni, il sistema configura i tag hreflang in modo che riflettano sia la lingua che l'impostazione locale.
Altri vantaggi di TranslatePress
Se ti piace quanto descritto sopra, potrebbe interessarti scoprire cos’altro ha da offrire TranslatePress. Non è utile solo per i tag hreflang, ma offre anche molte altre funzionalità che lo rendono una soluzione perfetta per la creazione di siti web internazionali e multilingue.
Innanzitutto, c'è l'interfaccia di traduzione super semplice.
Usa l'anteprima sulla destra per navigare nel tuo sito web e scegli il testo da tradurre direttamente dallo schermo o dall'elenco nell'angolo in alto a sinistra.
Quindi, aggiungi la traduzione nel campo appropriato e salva.
Successivamente, il contenuto tradotto appare automaticamente sul tuo sito web, dove i visitatori possono utilizzare la funzione integrata cambio lingua di scegliere la loro lingua preferita.
Ecco fatto. Puoi anche usare lo stesso metodo per mostra immagini specifiche per lingua e, per velocizzare le cose, usa automatico traduzione automatica tramite Google Translate.
Tutto questo fa parte del plugin gratuito, che ti consente di aggiungere una lingua aggiuntiva al tuo sito web. Se ne desideri più di una, c'è TranslatePress Pro, che include anche queste ulteriori funzionalità:
- Traduzione automatica con DeepL — Al posto di Google Translate, usa il più accurato DeepL software di traduzione.
- Pacchetto SEO multilingue — Traduci altri importanti indicatori SEO come slug degli URL, titoli SEO, meta description, tag ALT e altro ancora.
- Navigazione specifica della lingua dell'utente – Mostra menu diversi a seconda della lingua dei tuoi visitatori.
- Rilevamento automatico della lingua dell'utente – Reindirizza automaticamente i visitatori alla versione nella loro lingua preferita (tramite le impostazioni del browser o la posizione).
- Account di traduttore — Lavorare con agenzie di traduzione e liberi professionisti più semplice dando loro accesso diretto al tuo sito.
- Naviga come ruolo utente – Guarda il tuo sito come uno specifico ruolo utente nell'editor di traduzione.
TranslatePress Pro è disponibile in tre diverse versioni piani tariffari così puoi sceglierne una che soddisfa le tue esigenze.
Pronto a padroneggiare i tag hreflang e canonical?
I due tag di cui abbiamo parlato in questo post sono segnali utili per i motori di ricerca su come dovrebbero indicizzare e posizionare le tue pagine web. I tag hreflang ti consentono di definire le versioni delle pagine per lingue e paesi particolari. I tag canonici, d'altra parte, denotano la versione ufficiale tra contenuti simili.
Ecco i punti più importanti da ricordare:
- I tag hreflang sono inclusivi, mentre i tag canonical sono esclusivi
- Includi link hreflang per ogni versione linguistica su ogni pagina localizzata, nonché i link alla pagina stessa
- Non cercare di combinare entrambi i tag in un'unica istruzione
- Qualsiasi pagina Web con un tag hreflang non può avere un tag canonical che punta altrove se non a se stessa
- Usa le istruzioni x-default per definire versioni linguistiche predefinite e di riserva
Quando si impara a conoscere per la prima volta questi tag, la cosa può sembrare un po' spaventosa e tecnica. Tuttavia, come spero abbiate visto, non sono poi così difficili da implementare, soprattutto se disponete di uno strumento in grado di farlo automaticamente come TranslatePress. Non solo ti aiuta a tradurre il tuo sito web WordPress, ma configura anche i tag hreflang senza che tu debba muovere un dito. Provalo subito!
TranslatePress Multilingue
Hai domande sull'utilizzo dei tag hreflang e canonical? Scrivile nei commenti qui sotto!
