Gerarchia e significato
Le intestazioni formano una scaletta dal generale al particolare. Quella scaletta aiuta le persone a scorrere il testo e dà ai crawler una mappa approssimativa di quali paragrafi vanno insieme. Saltare i livelli (da H2 a H5 in un balzo) non è una penalizzazione automatica, ma spiazza chi usa i lettori di schermo e rende i documenti lunghi più difficili da mantenere.
Intestazioni e ricerca
Il testo delle intestazioni può influenzare gli snippet e i sommari stile indice nella SERP. Scrivi frasi naturali. Replicare la stessa keyword long-tail in ogni H2 raramente aiuta gli utenti e può sembrare stuffing: rispondi invece all'intenzione di ogni sezione.
- Allinea il significato dell'H1 al title della pagina, senza duplicazioni goffe.
- Evita etichette H2 identiche su URL diversi quando le sezioni sono realmente diverse.
- Per i temi YMYL, intestazioni precise migliorano la fiducia di lettura e il fact-checking.
Accessibilità
Chi usa i lettori di schermo spesso naviga solo per intestazioni. Le intestazioni finte (div stilizzati) o i livelli erratici rompono quel flusso più in fretta di quanto danneggino i classici segnali di posizionamento.
- Preferisci veri elementi h1–h6 ai div con stile da intestazione.
- Mantieni la progressione logica: non saltare livelli solo per spaziature di design.
- In accordion e card, assicurati che il titolo visivo della sezione corrisponda a un'intestazione nel DOM quando si comporta da titolo di sezione.
Esempio HTML
Scheletro minimale di un articolo: un H1, due sezioni H2, un H3 annidato.
<h1>H1–H3 headings: hierarchy for the web</h1>
<p>Intro paragraph...</p>
<h2>Why structure matters</h2>
<p>Section body...</p>
<h3>For readers and crawlers</h3>
<p>Nested subsection...</p>
<h2>Common mistakes</h2>
<ul>
<li>Choosing levels for font size</li>
<li>Multiple competing H1s without layout rationale</li>
</ul>Errori comuni
- Intestazioni vuote o boilerplate riusate su tutto il sito.
- Sezioni di articoli correlati codificate come H2 allo stesso livello delle sezioni portanti dell'articolo.
- Pile profonde di H3 senza un genitore H2: di solito è il segno che la struttura va ridisegnata.
- Il testo hero del marketing e l'H1 SEO che raccontano due storie diverse.
Checklist
- Un solo H1 chiaro; la cascata H2 → H3 va scelta con intenzione.
- Ogni intestazione si legge bene fuori contesto e corrisponde al testo che segue.
- Lo stile visivo passa dal CSS; il livello semantico rispecchia la struttura del documento.
- Fai uno smoke test con la navigazione da tastiera per intestazioni o con controlli a11y automatici.