Hreflang per pagine internazionali
Indicare ai motori di ricerca le varianti di lingua e area geografica
Hreflang per pagine internazionali è una lezione HTML Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento HTML Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso HTML Academy include 4 lezioni in totale.
Il problema risolto da hreflang
Quando pubblica lo stesso articolo in inglese, turco e giapponese, i motori di ricerca devono sapere quale versione mostrare nei risultati di ricerca di ogni utente. Senza hreflang, Google potrebbe mostrare la lingua sbagliata o considerare le varianti contenuti duplicati.
Il tag link
Dichiari ogni versione alternativa con <link rel="alternate" hreflang="..." href="..."> nell'<head>. L'attributo hreflang è un codice di lingua BCP-47 (en, tr) o una coppia lingua-regione (en-US, en-GB, pt-BR).
<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">Riferimenti reciproci obbligatori
Ogni versione deve contenere un link a tutte le altre versioni, inclusa sé stessa. Google ignora i cluster hreflang che non sono bidirezionali. La pagina inglese contiene link a TR e JA; quella turca contiene link a EN e JA; e così via.
Autoriferimento
Ogni pagina dovrebbe contenere un link a sé stessa tramite hreflang. La pagina inglese deve includere <link rel="alternate" hreflang="en" ...> che punti al proprio URL. Questo fa parte del concetto di "reciproco": Google usa l'autoriferimento per confermare l'appartenenza al cluster.
Il valore x-default
Utilizzi hreflang="x-default" per specificare la pagina di fallback destinata agli utenti la cui lingua Google non riesce a corrispondere. In genere punta alla versione inglese o a una pagina di destinazione con selettore della lingua, così gli utenti non appartenenti alle lingue target arrivano comunque a una pagina appropriata.
Codici lingua e codici regione
en si rivolge a tutti i parlanti inglese. en-US, en-GB ed en-AU si rivolgono alle varianti nazionali quando il contenuto differisce in base alla regione (valuta, ortografia, spedizione). Non specifichi una regione se il contenuto non differisce effettivamente dalla versione generica.
Dichiarazioni alternative
hreflang può essere dichiarato anche nell'intestazione HTTP Link (per file non HTML come i PDF) oppure in una sitemap XML con <xhtml:link rel="alternate" hreflang="...">. I tre metodi sono equivalenti; scelga quello più semplice da gestire.
Dichiarazione nella sitemap
Dichiarare hreflang in una sitemap è più scalabile dei tag HTML per i siti con molte lingue: una voce della sitemap per ogni URL elenca tutte le alternative, eliminando la duplicazione nei template delle singole pagine. Search Console segnala i riferimenti reciproci mancanti, così gli errori emergono tempestivamente.
Errori comuni
Usare un carattere di sottolineatura (en_US) invece di un trattino (en-US), puntare a un URL che non restituisce 200, mescolare http e https nel cluster o dimenticare l'autoriferimento interrompe silenziosamente hreflang. Esegua il rapporto Targeting internazionale di Google Search Console dopo la pubblicazione.
Non sostituisce la traduzione
hreflang indica a Google soltanto quale traduzione esiste già. Le pagine devono comunque contenere contenuti realmente tradotti: Google non tradurrà le pagine al posto Suo. I siti che pubblicano hreflang su pagine composte per l'80% da contenuti in inglese confondono silenziosamente l'indice.
Combinazione con og:locale e lang
Imposti <html lang="..."> e og:locale del documento in modo che corrispondano alla lingua effettiva della pagina. hreflang informa i motori di ricerca sulle pagine correlate; lang/og:locale informano browser e social network sulla pagina corrente. Entrambi sono necessari per un quadro completo.
Verifica delle conoscenze
A cosa punta hreflang="x-default"?
Riepilogo
hreflang collega le versioni tradotte di una pagina, così i motori di ricerca possono mostrare la lingua corretta. Utilizzi codici BCP-47, dichiari le alternative reciprocamente (incluso l'autoriferimento), aggiunga x-default per la pagina di fallback e verifichi il risultato nel rapporto Targeting internazionale di Google Search Console. La qualità della traduzione e i tag lang/og:locale devono comunque corrispondere.
Domande Frequenti
La lezione «Hreflang per pagine internazionali» è gratuita?
Sì — il testo completo di «Hreflang per pagine internazionali» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso HTML Academy, passa a CoddyKit PRO. Il corso HTML Academy include 4 lezioni in totale.
Cosa imparerò in «Hreflang per pagine internazionali»?
Indicare ai motori di ricerca le varianti di lingua e area geografica Eserciti HTML Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare HTML Academy?
Non è richiesta alcuna esperienza precedente. HTML Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Hreflang per pagine internazionali»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione HTML Academy?
Sì. Ogni lezione HTML Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- OpenGraph: og:title og:description og:image
- Meta tag Twitter Card
- Nozioni di base sui dati strutturati JSON-LD
- Hreflang per pagine internazionali