Heading o Header Tags

Gli heading, o tag di intestazione, sono gli elementi HTML da H1 a H6 che segnano titoli e sottotitoli di una pagina. Ordinano il contenuto in una gerarchia: l’H1 dichiara di che cosa parla la pagina, gli H2 le sue sezioni, i livelli successivi le loro articolazioni.

Le regole utili sono poche. Un solo H1 per pagina, una gerarchia che non salti livelli, e soprattutto intestazioni che descrivano davvero la sezione che aprono, invece di ospitare parole chiave messe lì per abitudine. Un heading vago costringe chi legge a scorrere il testo per capire se contiene quello che cerca, e chi scorre di solito se ne va.

Lo stesso lavoro serve ai sistemi che selezionano i contenuti per le risposte generate: gli heading sono il confine naturale dei blocchi in cui una pagina viene divisa, e un titolo che dice esattamente di che cosa tratta la sezione rende quel blocco utilizzabile da solo (chunk, AEO). Restano poi il modo in cui chi usa uno screen reader naviga la pagina, che è la ragione per cui la gerarchia va rispettata sempre (user experience).