L'attributo hreflang è la soluzione tecnica fondamentale per il SEO internazionale. Indica ai motori di ricerca quali versioni linguistiche e regionali delle tue pagine esistono, garantendo che gli utenti vedano la versione nella loro lingua — e impedendo che le tue pagine in lingue diverse si facciano concorrenza nei risultati di ricerca. Per un negozio PrestaShop che vende in più paesi, hreflang è indispensabile.
Che cos'è l'attributo hreflang?
L'attributo hreflang (o tag rel="alternate" hreflang="") è un'annotazione HTML che segnala ai motori di ricerca l'esistenza di versioni alternative di una pagina in diverse lingue o per diverse regioni. Introdotto da Google nel 2011, è oggi lo standard per il SEO multilingue e internazionale.
Il suo ruolo principale è duplice:
- Targeting linguistico: indirizzare un utente italofono alla versione italiana del tuo negozio, un utente tedesco alla versione tedesca, ecc.
- Prevenzione della duplicazione: impedire che due pagine nella stessa lingua (es. versione italiana per l'Italia e versione italiana per la Svizzera) si facciano concorrenza nelle SERP.
Sintassi e implementazione
Il tag hreflang va inserito nella sezione <head> di ogni pagina, con una voce per ogni versione linguistica disponibile, inclusa la pagina corrente stessa:
Esempio di implementazione hreflang
<link rel="alternate" hreflang="it" href="https://negozio.it/it/scarpe" />
<link rel="alternate" hreflang="de" href="https://negozio.it/de/schuhe" />
<link rel="alternate" hreflang="fr" href="https://negozio.it/fr/chaussures" />
<link rel="alternate" hreflang="x-default" href="https://negozio.it/en/shoes" />Il valore x-default indica la pagina predefinita per gli utenti la cui lingua non è esplicitamente coperta.
Codici lingua e regione
I codici hreflang seguono lo standard BCP 47. È possibile utilizzare:
- Solo codice lingua:
hreflang="it"— si rivolge a tutti gli italofoni, indipendentemente dalla loro posizione geografica. - Codice lingua + regione:
hreflang="it-IT"per l'Italia,hreflang="it-CH"per la Svizzera italiana. - x-default: valore speciale che punta alla versione predefinita per gli utenti che non corrispondono ad alcun'altra voce hreflang (spesso la versione inglese internazionale).
Tre metodi di implementazione
Tag HTML (Head)
Il metodo più comune. I tag hreflang vengono aggiunti direttamente nel di ogni pagina. Consigliato per i negozi con contenuto renderizzato lato server (PrestaShop nativo).
Sitemap XML
Le annotazioni hreflang possono essere integrate nella sitemap XML tramite tag
Intestazione HTTP
Per le pagine non HTML (PDF, file), le annotazioni hreflang possono essere trasmesse tramite intestazioni HTTP. Raramente utilizzato per i negozi e-commerce standard.
Errori comuni che sabotano il tuo SEO internazionale
L'implementazione hreflang è nota per la sua complessità e le numerose fonti di errore. I più critici:
- Link di ritorno mancanti (return links): ogni versione linguistica deve referenziare tutte le altre. Se la pagina IT punta a DE, la pagina DE deve puntare anche a IT. La mancanza di reciprocità invalida l'intera configurazione.
- Tag autoreferenziale mancante: ogni pagina deve includere se stessa nella propria lista hreflang. La pagina IT deve contenere un tag
hreflang="it"che punta a se stessa. - Codici lingua errati: usare
it-itinvece diit-IT, o codici ISO 639-2 (3 lettere) invece dei codici ISO 639-1 (2 lettere) rende i tag non validi. - x-default mancante: senza il valore x-default, gli utenti la cui lingua non è coperta potrebbero non ricevere una versione appropriata.
- Hreflang su pagine reindirizzate: se la pagina di destinazione è reindirizzata (301, 302), Google potrebbe ignorare il tag. Punta sempre all'URL finale.
Hreflang è una raccomandazione, non un obbligo
Hreflang e PrestaShop: casi pratici
PrestaShop gestisce nativamente più lingue, creando URL specifici per ogni lingua (tipicamente nella forma di prefissi /it/, /de/, /en/). Senza hreflang, tutte queste versioni possono essere percepite da Google come contenuto duplicato — anche se sono in lingue diverse ma trattano gli stessi prodotti.
Aree chiave a cui prestare attenzione in PrestaShop:
- Pagine prodotto multilingue: ogni scheda prodotto tradotta genera un URL per lingua. Tutti questi URL devono essere collegati tramite hreflang.
- Pagine di categoria: le categorie hanno slug diversi per lingua (/scarpe, /chaussures, /schuhe). Hreflang permette a Google di capire che si tratta della stessa categoria.
- Pagine CMS (note legali, condizioni): queste pagine sono spesso tradotte ma molto simili — senza hreflang possono essere segnalate come contenuto duplicato.