wtoolsy.com
Rete, DNS, IP
Strumenti per sviluppatori
SEO e analisi siti
Finanza e calcolatrici
Universali
Articoli
Tutti gli articoli

Intestazioni HTML H1–H6 — gerarchia, SEO e accessibilità

Le intestazioni HTML (headings) sono tag H1–H6 che definiscono la gerarchia dei contenuti in una pagina. I motori di ricerca e i lettori di schermo li usano per comprendere la struttura del documento. Una corretta struttura delle intestazioni è fondamentale per SEO, accessibilità e leggibilità della pagina.

Verifica la struttura delle intestazioni della tua pagina

Lo strumento analizzerà automaticamente la gerarchia delle intestazioni di qualsiasi pagina: Headings Checker.

Cosa sono le intestazioni HTML?

Le intestazioni sono tag HTML da H1 a H6 che creano una struttura gerarchica dei contenuti — simile a capitoli e sottocapitoli in un libro. H1 è il titolo principale, H2 sono le sezioni, H3 sono le sottosezioni ecc. Il browser le visualizza per impostazione predefinita con dimensione del carattere decrescente, ma il loro vero ruolo va ben oltre l'aspetto visivo.

H1–H6

6 livelli di intestazione

numero consigliato di H1 per pagina

~60%

delle pagine ha errori nelle intestazioni

WCAG

richiede una gerarchia corretta

Gerarchia delle intestazioni H1–H6

Ogni livello di intestazione svolge un ruolo diverso nella struttura del documento. Saltare livelli (ad es. passare da H2 a H4) è un errore strutturale.

H1
Titolo della pagina

Uno per pagina. Parola chiave principale. Descrive l'intera pagina.

H2
Sezione principale

Principali divisioni del contenuto. Dovrebbero coprire gli argomenti chiave della pagina.

H3
Sottosezione

Dettaglio della sezione H2. Possono contenere parole chiave LSI.

H4
Sottosezione di 3° livello

Meno frequentemente usato. Usalo solo quando il contenuto richiede una divisione più profonda.

H5
Sottosezione di 4° livello

Molto raro. Nella maggior parte dei casi superfluo — considera di semplificare la struttura.

H6
Sottosezione di 5° livello

Praticamente inutilizzato. Nella maggior parte dei casi può essere sostituito da un altro elemento HTML.

Esempio di struttura corretta

Una gerarchia corretta delle intestazioni forma un albero — ogni livello è annidato in quello superiore.

Struttura corretta
H1 Guida al DNS
  H2 Cosa sono i record DNS?
    H3 Record A
    H3 Record CNAME
  H2 Come verificare il DNS?
    H3 Strumenti online
    H3 Comando dig
Struttura errata
H1 Guida al DNS
  H3 Cosa sono i record DNS?  ← H2 omesso
    H5 Record A             ← H4 omesso
H2 Come verificare il DNS?       ← H2 dopo H5?
    H4 Strumenti online     ← H3 mancante

Intestazioni e SEO

I motori di ricerca analizzano le intestazioni per capire di cosa parla la pagina e quanto sono importanti i singoli frammenti di contenuto.

H1

H1 — il segnale SEO più importante

Google tratta l'H1 come la descrizione principale della pagina. Dovrebbe contenere la parola chiave principale ed essere unico — un H1 per pagina. L'assenza di H1 o più H1 è un segnale di struttura debole.

H2

H2 — argomenti delle sezioni

Gli H2 definiscono gli argomenti principali trattati nella pagina. Vale la pena inserire varianti e sinonimi della parola chiave principale (parole chiave LSI). Appaiono spesso nei featured snippet.

H3+

H3–H6 — profondità e dettaglio

H3 e livelli più profondi aiutano i robot a comprendere la struttura dettagliata. Sono particolarmente importanti negli articoli guida lunghi e nella documentazione. Hanno un impatto diretto minore sui ranking rispetto a H1 e H2.

Intestazioni e accessibilità

Per gli utenti di lettori di schermo (non vedenti, ipovedenti) le intestazioni sono il principale mezzo di navigazione nella pagina.

Lo standard WCAG 2.1 richiede una gerarchia corretta delle intestazioni

Il criterio 1.3.1 (Informazioni e relazioni) e il criterio 2.4.6 (Intestazioni ed etichette) obbligano a usare le intestazioni in modo da riflettere la struttura del contenuto, non solo l'aspetto visivo.

Buone pratiche

  • Un H1 contenente l'argomento della pagina
  • Mantenimento della continuità gerarchica (senza salti)
  • Contenuto delle intestazioni descrittivo e comprensibile
  • Le intestazioni riflettono la struttura, non lo stile

Errori frequenti

  • Usare le intestazioni solo per la dimensione del carattere grande
  • Saltare un livello (ad es. H2 → H4)
  • Assenza di H1 o più H1 nella pagina
  • Intestazioni vuote o intestazioni con solo un'immagine

Riepilogo rapido — H1–H6

Tag Quanti per pagina Impatto SEO Utilizzo tipico
H1 Esattamente 1 Molto alto Titolo della pagina / articolo
H2 Alcuni Alto Sezioni principali del contenuto
H3 Qualsiasi Moderato Sottosezioni all'interno di H2
H4 Qualsiasi Basso Divisioni più profonde del contenuto
H5 Raramente Minimo Documentazione, specifiche
H6 Quasi mai Minimo Casi molto rari

FAQ

Si può avere più di un H1 in una pagina?

Tecnicamente HTML5 consente più H1 in sezioni diverse, ma nella pratica SEO si raccomanda un H1 per pagina. Google ha confermato più volte di preferire una dichiarazione chiara e unica dell'argomento della pagina. Più H1 possono diluire il segnale per i motori di ricerca e disorientare gli utenti di lettori di schermo.

Il titolo della pagina (title) è lo stesso di H1?

No. Il tag title è invisibile nella pagina — appare nella scheda del browser e nei risultati di Google. H1 è l'intestazione visibile nella pagina. Dovrebbero essere simili nei contenuti, ma non devono essere identici. Il title è limitato a circa 60 caratteri per i risultati di ricerca, H1 può essere più lungo.

L'ordine delle intestazioni conta per il SEO?

Sì. Google analizza la gerarchia delle intestazioni per comprendere la struttura e le relazioni tematiche dei contenuti. Saltare livelli (ad es. H2 → H4) non è un errore critico, ma rende più difficile per robot e utenti comprendere le relazioni tra le sezioni. Audit regolari della struttura delle intestazioni sono una buona pratica SEO.

Posso stilizzare le intestazioni per farle sembrare testo normale?

Sì — puoi modificare liberamente l'aspetto di un'intestazione tramite CSS. Ciò che conta è il ruolo semantico in HTML, non quello visivo. La situazione inversa è problematica: stilizzare un paragrafo normale come testo grande non lo rende un'intestazione per i motori di ricerca né per i lettori di schermo.

Come verificare le intestazioni nella tua pagina?

Puoi utilizzare il nostro strumento Headings Checker, che rappresenta visivamente la gerarchia delle intestazioni di qualsiasi pagina. In alternativa, nei Chrome DevTools, digita nella console: document.querySelectorAll('h1,h2,h3,h4,h5,h6'), per vedere l'elenco di tutte le intestazioni.