Attributo Hreflang: configurazione e corretta applicazione

L’attributo Hreflang informa i motori di ricerca delle pagine simili in diverse lingue. Google e Yandex lo usano per visualizzare gli URL corretti nei risultati di ricerca in base alle preferenze del paese e della lingua dell’utente che effettua la ricerca. Hreflang è un attributo indispensabile per gli specialisti che promuovono siti web multilingue. Dovrebbe contenere il codice lingua/area corretto e l’URL della pagina nella versione linguistica specificata. Secondo un rapporto di SEMrush, circa il 75% dei siti multilingue ha una scarsa implementazione di hreflang o non lo utilizza affatto. Questo può causare alcuni problemi con l’indicizzazione e il posizionamento del sito nei motori di ricerca. Leggi il nostro articolo su come utilizzare correttamente hreflang.

Cos’è l’attributo rel = “alternate” hreflang?

Quando lavori in un ambiente di e-commerce internazionale, devi gestire diverse versioni linguistiche di un sito web. Da una prospettiva di usabilità, è necessario garantire una traduzione accurata e, in alcuni casi, adattare l’aspetto alle tendenze prevalenti in un particolare mercato. Gli utenti dovrebbero poter navigare nel sito comodamente se ti interessa la conversione. Tuttavia, da un punto di vista di posizionamento, devi assicurarti che i motori di ricerca indichino correttamente quale versione linguistica deve essere visualizzata per un particolare utente Internet. Hreflang viene utilizzato per indicare ai motori di ricerca che il sito web o la pagina ha diverse versioni linguistiche rivolte agli utenti che parlano altre lingue o provengono da diverse regioni.

Come funziona in pratica? L’utente inserisce una frase di interesse nel motore di ricerca. Quindi il motore di ricerca verifica le sue preferenze linguistiche e esegue una ricerca nel proprio indice, abbinando le pagine alla query, prestando attenzione agli attributi hreflang. Il motore di ricerca presenta i risultati di ricerca, e l’utente visualizza le pagine che sono tematicamente e linguisticamente pertinenti alla frase.

Vale la pena usare hreflang in SEO?

Hreflang non è un fattore di ranking, almeno questo non è stato ufficialmente confermato né da Google né da Yandex. Tuttavia, il suo utilizzo aiuta ad aumentare il CTR, che è un fattore di ranking. Diamo un’occhiata a pochi esempi che evidenziano l’importanza di hreflang.

Google e Yandex considerano la lingua dell’utente, questo è un dato di fatto. Inoltre, grazie al multilinguismo implementato su un sito web, è possibile trattenere un visitatore per un tempo più lungo.

Le pagine interconnesse tramite l’attributo hreflang non saranno considerate contenuto duplicato. Questo potrebbe accadere se pagine separate, ad esempio, per gli Stati Uniti e il Regno Unito, contengono testi identici, dove l’unica differenza è la valuta. Con hreflang, informi il motore di ricerca che questo è lo stesso contenuto indirizzato a diversi pubblici.

Consiglio! Raccomandiamo vivamente di utilizzare hreflang per siti web multilingue o regionali. Gli specialisti SEO sottolineano che l’implementazione dell’attributo stesso non ti avvantaggerà in termini di ranking più elevato, ma aiuterà a ottenere un traffico più mirato.

Quando dovresti usare il markup della versione linguistica?

• L’intero contenuto della risorsa online è tradotto in più lingue.
• È necessario visualizzare la pagina per più regioni (anche nel caso di una lingua simile, ad esempio inglese britannico e inglese americano), il che aiuta a evitare la duplicazione del contenuto.

Perché dovresti prestare attenzione a questo? Come afferma Google stesso nelle fonti ufficiali:

• Versioni localizzate della pagina sono considerate duplicati solo se il contenuto principale non è tradotto;
• I contenuti duplicati peggiorano la qualità del sito.

Ecco 3 esempi in cui si raccomanda l’uso di hreflang:

• Il contenuto principale è presentato in una lingua, mentre il modello del sito è tradotto in diversi (footer, navigazione, elementi nei pannelli laterali). Questo approccio può essere visto nei siti web con contenuti generati dagli utenti.
• I testi pubblicati differiscono solo a causa dell’adattamento regionale, ad esempio, un sito web tedesco rivolto ai mercati tedesco, austriaco e svizzero.
• L’intero sito è completamente tradotto in diverse lingue, e l’offerta è rivolta a utenti di diverse regioni.

Il maggiore vantaggio dell’utilizzo di hreflang su un sito web è la prevenzione della duplicazione del contenuto. Se operi in diversi mercati dove gli utenti parlano la stessa lingua e le differenze nel contenuto sono minori, il motore di ricerca potrebbe percepire questo come contenuto duplicato. Gli attributi hreflang possono eliminare questo rischio.

Lang HTML e attributo hreflang

In HTML, potresti vedere un tag chiamato lang, che indica la lingua del documento creato, ovvero il sito web. Tuttavia, questo attributo non è considerato da Google, come affermato da John Mueller. Per indicare la versione linguistica, devi usare hreflang.

Come specificare correttamente l’attributo hreflang su un sito web

Google raccomanda 3 modi per implementare hreflang, cioè:

• Nel codice HTML della pagina
• Nell’intestazione HTTP
• Nella Sitemap.

Nota! Puoi provare a implementare gli attributi tramite Google Tag Manager. Questo metodo è raccomandato solo per quei proprietari di siti che incontrano problemi nel fare modifiche al sito. Google Tag Manager aggiunge hreflang usando JavaScript, che Google non può interpretare immediatamente.

Aggiungere hreflang in HTML

Aggiungi gli attributi hreflang nel codice della pagina relativi a tutte le pagine con diverse versioni linguistiche. La sintassi corretta per un singolo tag è la seguente:

<link rel="29953e6" hreflang="region-language-code" href="url" />

• Codice lingua, codice regione opzionale – il marcatore deve rispettare il formato ISO 639-1 e ISO 3166-1 Alpha 2 (discuteremo le istruzioni dettagliate sotto).
• URL – l’indirizzo completo della pagina in un’altra versione linguistica.

Esempio:

Il sito opera nei mercati russo, britannico e austriaco, con la versione principale del sito in russo. Un hreflang correttamente implementato apparirà così:

<head>

<link rel="29953e6" hreflang="ru" href="https://my-site.com/" />

<link rel="29953e6" hreflang="en-gb" href="https://my-site.com/en/ "/>

<link rel ="29953e6" hreflang=" de-at "href="https://my-site.com/de/ "/>

</head>

 

Implementazione nell’intestazione HTTP

Un’intestazione HTTP è un’informazione aggiuntiva allegata alle richieste inviate dai server (come le intestazioni dei cookie). Questo metodo è utile per file che non hanno un formato HTML, come i file PDF.

L’intestazione dovrebbe essere nel seguente formato:

<url-1>; rel="alternate"; hreflang="language_code_1-region_code_1", <url-2>; rel="alternate"; hreflang="language_code_2-region_code_2", 1f58d3a1e3340ae621f58b506a

I codici lingua e regione sono gli stessi dei tag HTML. Ogni versione della pagina deve avere lo stesso set di intestazioni. Ricorda di separare i seguenti parametri con virgole. Dovresti inoltre includere un parametro che si riferisce alla pagina corrente.

Esempio:

Un file PDF è preparato in versioni russa, britannica e austriaca. L’intestazione HTTP appare così

Collegamento:

<https://my-site.com/files.pdf>; rel = "29953e6"; hreflang = "ru",

<https://en-gb.my-site.com/files.pdf>; rel = "29953e6"; hreflang = "en-gb",

<https://de-at.my-site.com/files.pdf>; rel = "29953e6"; hreflang = "de-at"

Applicazione di hreflang in una Sitemap

Le versioni linguistiche di una pagina possono essere specificate per i motori di ricerca nella sitemap XML del sito web. Questo viene fatto utilizzando il tag, indicando l’URL con le versioni linguistiche. Quindi ogni pagina è contrassegnata con tag per le lingue e le regioni.

Modello per contrassegnare le pagine in due versioni linguistiche:

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns="https://sitemaps.org/schemas/sitemap/0.9"

  xmlns:xhtml="https://www.w3.org/1999/xhtml">

  <url>

 1f58d3a1e3340ae622f1ab4da0402f1ac332

 1f58d3a1e3344d867a0033455328402f997e1470

 </url>

  <url>

 1f58d3a1e31ea0cde82702f994cd6b02f9d5340

<url>
&r
Se vuoi sapere 2f1ad4130<

 2f1ad8ba20<

 2f1adbe0e0<

 2f1adfa15a0)

 </url>

; 
 & 
=&s
&2f1ae0fef840<

<