Vai al contenuto
Meirra

Padroneggia i Tag Hreflang per il SEO Internazionale

Guida tecnica completa per implementare correttamente i tag hreflang sui siti web multilingue. Impara le migliori pratiche, evita errori comuni e migliora il tuo SEO internazionale.

Updated: 2024-12-20
20 minuti di lettura
Guida Tecnica
Visualizza Guida
M

Meirra

Esperto di SEO e Sviluppo Web, Meirra

La Guida Completa a Hreflang

Padroneggi il SEO multilingue con sicurezza

Comprendere Hreflang

L'attributo hreflang comunica ai motori di ricerca quale lingua sta utilizzando in una pagina specifica, in modo che possano mostrare la versione corretta agli utenti che cercano in quella lingua.

Introdotto da Google nel 2011, hreflang e ora un componente critico del SEO internazionale, aiutando a evitare problemi di contenuto duplicato e assicurando che gli utenti vedano contenuti nella loro lingua preferita.

L'attributo utilizza codici di lingua ISO (come 'en' per inglese o 'it' per italiano) e subtag regionali opzionali (come 'it-IT' per italiano in Italia o 'it-CH' per italiano in Svizzera).

Questa guida completa copre tutto cio di cui ha bisogno per implementare correttamente i tag hreflang per siti web internazionali. L'implementazione di hreflang e uno degli aspetti tecnicamente più impegnativi del SEO multilingue, ma quando viene fatta correttamente, assicura che i motori di ricerca mostrino la versione linguistica corretta agli utenti giusti. La nostra piattaforma traccia le prestazioni hreflang in tempo reale.

La accompagneremo attraverso molteplici metodi di implementazione, forniremo esempi di codice testati, offriremo una guida specifica per l'espansione internazionale e La aiuteremo a risolvere errori comuni. Tutto con monitoraggio dashboard live.

Esempio Base

Implementazione Base di Hreflang

Elementi link HTML nella sezione head

HTML
<head>
  <!-- Other meta tags, title, etc. -->

  <!-- English page (example.com/page) would have these tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;

  <!-- Spanish page (example.com/es/page) would have these same tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;
</head>

Perché E' Importante

  • Previene problemi di contenuto duplicato tra versioni linguistiche
  • Assicura che i motori di ricerca mostrino la lingua corretta agli utenti
  • Aiuta a mantenere classificazioni di indice separate per ogni versione linguistica
  • Migliora l'esperienza utente mostrando contenuti nella lingua preferita degli utenti
  • Critico per le aziende in espansione verso mercati internazionali

Errori Comuni

  • ✕
    Link di ritorno mancanti (non creare riferimenti bidirezionali)
  • ✕
    Codici di lingua o paese errati
  • ✕
    Mescolare URL relativi e assoluti
  • ✕
    Segnali canonici e hreflang in conflitto
  • ✕
    Nidificazione errata nelle sitemap XML
  • ✕
    Tag di auto-riferimento mancanti
Vedi Guida alla Risoluzione dei Problemi

Codici Lingua Hreflang

Esplori i codici lingua validi da usare nei Suoi tag hreflang.

en
Comune

Inglese

en-US
Comune

Inglese (Stati Uniti)

en-GB
Comune

Inglese (Regno Unito)

en-CA
Comune

Inglese (Canada)

en-AU
Comune

Inglese (Australia)

es
Comune

Spagnolo

es-ES
Comune

Spagnolo (Spagna)

es-MX
Comune

Spagnolo (Messico)

es-CO
Comune

Spagnolo (Colombia)

es-AR
Comune

Spagnolo (Argentina)

fr
Comune

Francese

fr-FR
Comune

Francese (Francia)

fr-CA
Comune

Francese (Canada)

pt
Comune

Portoghese

pt-BR
Comune

Portoghese (Brasile)

pt-PT
Comune

Portoghese (Portogallo)

zh
Comune

Cinese

zh-CN
Comune

Cinese (Cina)

zh-TW
Comune

Cinese (Taiwan)

de
Comune

Tedesco

de-DE
Comune

Tedesco (Germania)

it
Comune

Italiano

it-IT
Comune

Italiano (Italia)

ja
Comune

Giapponese

ja-JP
Comune

Giapponese (Giappone)

ko
Comune

Coreano

ko-KR
Comune

Coreano (Corea del Sud)

ru
Comune

Russo

ru-RU
Comune

Russo (Russia)

ar
Comune

Arabo

Formato Codice

I codici lingua seguono lo standard ISO 639-1. Può usare codici solo lingua (es. 'it') o combinazioni lingua-regione (es. 'it-IT').

Strumento Interattivo

Generatore di Codice Hreflang

Generi codice hreflang corretto per il Suo sito web multilingue inserendo i Suoi URL di seguito.

Istruzioni

  1. Inserisca il Suo dominio base (esempio.com)
  2. Aggiunga le pagine per cui desidera generare codice
  3. Specifichi in quali lingue e regioni e disponibile ogni pagina
  4. Scelga il Suo metodo di implementazione preferito (HTML, header HTTP o sitemap XML)
  5. Copi il codice generato e lo implementi sul Suo sito web

Generatore di Codice Hreflang

Generi codice hreflang corretto per il Suo sito web multilingue inserendo i Suoi URL di seguito.

Impostazioni Dominio

Metodo di Implementazione

Pagine

/ /
Lingue Disponibili

Codice: 'en' per inglese, 'it' per italiano generale, 'it-IT' per Italia, 'x-default' per predefinito

Codice Generato

HTML Head Method

HTML

Suggerimenti di Implementazione

  • Includa sempre il tag x-default per gestire utenti con preferenze linguistiche che non corrispondono a nessuna delle Sue versioni
  • Assicuri che ogni versione linguistica includa link a tutte le altre versioni linguistiche, inclusa se stessa
  • Utilizzi URL assoluti (che iniziano con http:// o https://) in tutti i tag hreflang
  • Testi la Sua implementazione con gli strumenti menzionati nella sezione test
  • Ricordi che hreflang e un suggerimento, non una direttiva - i motori di ricerca potrebbero comunque mostrare una versione diversa se la ritengono più rilevante
  • Per coerenza, utilizzi lo stesso metodo (head HTML, header HTTP o sitemap XML) in tutto il Suo sito

Risorse Aggiuntive

Documentazione Ufficiale Google su HreflangGuida Hreflang di Ahrefs
Codice

Metodi di Implementazione

Diversi modi per implementare hreflang, ognuno con i propri vantaggi

Metodi

Tag HTML Head

★★★★★
Opzione migliore per la maggior parte dei siti web

Aggiungere i tag hreflang direttamente nella sezione <head> di ogni pagina

Controllo diretto sui tag di ogni pagina

Facile da implementare per siti piccoli

Funziona con tutti i motori di ricerca

Esempi di Codice

Implementazione HTML Base

HTML
<link rel="alternate" hreflang="en" href="https://example.com/page" />
<link rel="alternate" hreflang="it" href="https://example.com/it/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page" />

Esempio Reale

Ecco un esempio di come appare l'implementazione hreflang su un sito web reale:

Booking.com (implementazione HTML head)

Il sito Booking.com utilizza tag hreflang nel head per ogni lingua/regione

HTML
<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="utf-8">
  <title>Guía de Viajes España | Booking.com</title>
  
  <!-- Self-reference (Spanish - Spain) -->
  <link rel="alternate" hreflang="es-ES" href="https://www.booking.com/destinacione/pais/es.es.html" />
  
  <!-- Other language versions -->
  <link rel="alternate" hreflang="en-GB" href="https://www.booking.com/destinations/country/es.en-gb.html" />
  <link rel="alternate" hreflang="en-US" href="https://www.booking.com/destinations/country/es.html" />
  <link rel="alternate" hreflang="de" href="https://www.booking.com/destinations/country/es.de.html" />
  <link rel="alternate" hreflang="fr" href="https://www.booking.com/destinations/country/es.fr.html" />
  <link rel="alternate" hreflang="it" href="https://www.booking.com/destinations/country/es.it.html" />
  
  <!-- Default version -->
  <link rel="alternate" hreflang="x-default" href="https://www.booking.com/destinations/country/es.html" />
  
  <link rel="canonical" href="https://www.booking.com/destinacione/pais/es.es.html" />
  <!-- Other meta tags... -->
</head>
<body>
  <!-- Page content -->
</body>
</html>

Nota: Questo e un esempio semplificato basato su implementazioni reali. Le implementazioni effettive possono variare.

Suggerimenti Professionali

Includere tag di auto-riferimento

Usare URL assoluti

Verificare i link bidirezionali

Risorse Esterne

Google Search Central

Documentazione ufficiale sulle versioni localizzate

Guida Moz su Hreflang

Guida completa sull'implementazione di hreflang

Specificità del Mercato Italiano

Considerazioni importanti quando si targetizza il mercato italiano

Variazioni Regionali

L'italiano è principalmente utilizzato in Italia (it-IT), Svizzera (it-CH) e San Marino. Consideri it-IT per il mercato italiano principale.

Comportamento di Ricerca Locale

Gli utenti italiani spesso cercano diversamente dagli utenti inglesi. Le keyword potrebbero non essere traduzioni dirette, e l'intento di ricerca può variare.

Strategia di Dominio

Consideri l'uso di ccTLD (.it per l'Italia) o sottocartelle con geotargeting appropriato per una migliore visibilità locale.

Localizzazione dei Contenuti

Oltre alla traduzione, adatti i contenuti per rilevanza culturale, esempi locali, valuta e unità di misura.

Guida Pratica

Implementazione CMS

Come implementare hreflang nei sistemi di gestione dei contenuti più popolari

WordPress

WordPress

CMS popolare con forte supporto multilingue tramite plugin

1

Installa e attiva WPML

2

Configura lingue e struttura URL

3

WPML aggiunge automaticamente i tag hreflang

Plugin Consigliato:

WPML (WordPress Multilingual Plugin)
Shopify

Shopify

Piattaforma e-commerce con funzionalità multilingue integrate

1

Abilita più lingue nell'admin di Shopify

2

Configura URL specifici per lingua

3

Usa app per controllo avanzato hreflang

Plugin Consigliato:

Langify o Weglot
Drupal

Drupal

CMS potente con capacità multilingue integrate

1

Abilita i moduli Lingua e Traduzione Contenuti

2

Configura rilevamento e selezione lingua

3

Usa il modulo Metatag per hreflang

Plugin Consigliato:

Moduli Multilingue Core
WooCommerce

WooCommerce

Plugin e-commerce per WordPress con capacità multilingue

1

Installa e attiva WPML o Polylang con i rispettivi addon WooCommerce

2

Configura lingue e impostazioni di traduzione

3

Traduci prodotti, categorie e pagine checkout

4

Verifica che i tag hreflang siano implementati correttamente sulle pagine prodotto

5

Configura valuta e gateway di pagamento per diverse regioni se necessario

Plugin Consigliato:

WPML con WooCommerce Multilingual
Magento

Magento

Piattaforma e-commerce enterprise con supporto multilingue integrato

1

Configura store view per ogni combinazione lingua/locale nel tuo admin Magento

2

Configura il locale e la lingua per ogni store view

3

Traduci contenuti, prodotti e informazioni del negozio

4

Abilita e configura il generatore di tag hreflang integrato

5

Verifica l'implementazione tramite visualizza-sorgente o strumenti sviluppatore del browser

Plugin Consigliato:

Store View Integrate
Webflow

Webflow

Piattaforma di web design visuale con capacità di codice personalizzato

1

Crea pagine o cartelle separate per ogni versione linguistica

2

Aggiungi snippet di codice personalizzato nella sezione head di ogni pagina

3

Assicurati che ogni versione linguistica abbia link a tutte le altre versioni linguistiche

4

Usa URL assoluti per tutti i riferimenti hreflang

5

Testa l'implementazione usando gli strumenti sviluppatore del browser

Plugin Consigliato:

Weglot o codice personalizzato
Framework Personalizzati

Framework Personalizzati

CMS headless o soluzioni personalizzate

1

Identifica la struttura linguistica e regionale del tuo sito

2

Crea logica di rilevamento lingua e routing URL

3

Implementa selettori di lingua e redirect appropriati

4

Aggiungi tag hreflang a tutti i template di pagina usando il metodo preferito

5

Crea test automatizzati per assicurare che i link bidirezionali siano mantenuti

Plugin Consigliato:

Implementazione personalizzata
Verifica

Test & Validazione

Strumenti e tecniche per validare la sua implementazione hreflang

Google Search Console

Strumento ufficiale di Google per monitorare l'implementazione di hreflang e identificare problemi.

Il report di Targeting Internazionale mostra errori hreflang

Verifica del targeting per lingua e paese

Copertura di scansione per diverse versioni linguistiche

Feedback diretto dal crawler di Google

Visita Strumento

Strumento di Test Tag Hreflang

Strumento dedicato per validare l'implementazione di hreflang in tutto il Suo sito web.

Valida link bidirezionali

Verifica codici di lingua corretti

Identifica tag di ritorno mancanti

Test da posizioni multiple

Visita Strumento

Screaming Frog SEO Spider

Crawler SEO completo che include funzionalità di validazione hreflang.

Scansiona l'intero sito alla ricerca di tag hreflang

Esporta dati hreflang per analisi

Identifica errori di implementazione

Valida rispetto alle sitemap XML

Visita Strumento

Sitebulb

Strumento di audit visivo per siti web con potenti capacità di analisi hreflang.

Mappatura visiva hreflang

Identifica versioni linguistiche orfane

Report dettagliati di implementazione

Integrazione con Google Analytics

Visita Strumento

ContentKing

Piattaforma di monitoraggio SEO in tempo reale che traccia i cambiamenti hreflang.

Monitoraggio hreflang in tempo reale

Avvisi per problemi di implementazione

Tracciamento storico dei cambiamenti

Accesso API per automazione

Visita Strumento

Chrome Developer Tools

Strumenti integrati nel browser per verifica rapida di hreflang.

Visualizza codice sorgente per ispezione manuale

Tab Network per verificare header HTTP

Console per debug JavaScript

Gratuito e sempre disponibile

Visita Strumento

Cosa Cercare Durante i Test

Verifiche Tecniche

  • Tutti i tag hanno URL assoluti completi
  • Codici lingua validi (it-IT, en-US, etc.)
  • Tutte le pagine includono tag di auto-riferimento
  • La sitemap XML usa la sintassi xhtml:link corretta

Verifiche Strutturali

  • Link bidirezionali completi tra tutte le versioni
  • Tag x-default configurato correttamente
  • Coerenza tra tag canonical e hreflang
  • Nessun redirect che interferisce con hreflang