Tecnico

Cosa fa davvero l'attributo lang in HTML?

Un attributo breve aiuta browser, strumenti di traduzione e motori di ricerca a identificare correttamente in che lingua è la tua pagina.

Cos'è

L'attributo lang è un breve frammento di codice aggiunto al primissimo tag di una pagina (<html lang="it"> per l'italiano, <html lang="en"> per l'inglese, e così via) che dichiara esplicitamente in quale lingua è scritto il contenuto della pagina. È facile pensare che questo sia ovvio dalle parole presenti sulla pagina, ma il software non legge come le persone: ha bisogno che questo venga dichiarato in modo esplicito, non dedotto dal contesto.

Browser, strumenti di traduzione e motori di ricerca controllano tutti questo singolo attributo prima di fare qualsiasi cosa dipenda dalla lingua, invece di analizzare prima il testo vero e proprio.

Perché è importante

I browser usano l'attributo lang per decidere se offrire o meno un suggerimento di traduzione automatica, e per scegliere da quale lingua tradurre se lo fanno: un attributo lang mancante o errato può significare che ai visitatori viene proposta la traduzione in una lingua che già conoscono, oppure che non viene offerta quando invece la vorrebbero. Anche i motori di ricerca lo usano come segnale per abbinare una pagina ai risultati di ricerca regionali o specifici per lingua corretti.

È un dettaglio piccolo e invisibile, ma è anche una correzione di una sola riga senza alcuno svantaggio: non c'è motivo per cui una pagina lo salti una volta pubblicata per visitatori reali, in qualsiasi lingua.

Come risolverlo

  1. Individua la lingua principale del contenuto della tua pagina.
  2. Aggiungi o correggi l'attributo lang nel tag <html>, ad esempio <html lang="it"> per l'italiano o <html lang="fr"> per il francese: usa un codice lingua standard di due lettere.
  3. Se il tuo sito ha pagine in più lingue, assicurati che l'attributo lang di ogni pagina corrisponda alla lingua specifica di quella pagina, non solo alla lingua principale del sito.
  4. La maggior parte dei website builder (Squarespace, Wix, Webflow, WordPress) imposta questo attributo automaticamente in base all'impostazione della lingua del sito: se usi una di queste piattaforme, controlla quell'impostazione generale invece di modificare direttamente il codice.
  5. Rilancia il controllo di Launch Readiness per confermare che l'attributo venga ora rilevato con il codice lingua corretto.

Verifica se il tuo sito ha questo problema

Launch Readiness analizza il tuo sito alla ricerca di questo e altri ~50 problemi prima del lancio, in pochi secondi — gratis, senza registrazione.

Avvia un'analisi gratuita