I tag Hn (H1, H2, H3)

I tag Hn (H1, H2, H3...) offrono al motore e all'IA uno schema gerarchico del vostro contenuto, indipendente dalla sua formattazione visiva. Una gerarchia pulita facilita la comprensione generale della pagina e la suddivisione in blocchi utilizzabili.

La gerarchia semantica corretta

I tag di titolo formano un albero logico: l'H1 è il titolo principale della pagina, gli H2 ne sono le sezioni principali, gli H3 sono sottosezioni di questi H2, e così via. Non è uno strumento di formattazione (ingrandire un testo) ma uno strumento di strutturazione del significato.

<h1>Guida completa alla fatturazione elettronica</h1>
  <h2>Perché la fatturazione elettronica sta diventando obbligatoria</h2>
  <h2>I formati di file accettati</h2>
    <h3>Formato Factur-X</h3>
    <h3>Formato UBL</h3>
  <h2>Come scegliere la propria piattaforma di dematerializzazione</h2>

Saltare un livello (passare da un H1 direttamente a un H3, ad esempio) spezza questa logica e rende più difficile, per una macchina, capire a quale livello di dettaglio si colloca un dato passaggio.

Un solo H1 per pagina

La regola più semplice da ricordare: una pagina deve avere un solo H1, che riassuma l'argomento centrale della pagina — generalmente vicino, ma non necessariamente identico, al contenuto del tag Title. Più H1 sulla stessa pagina (frequente con certi temi o builder visivi, o con certi componenti di layout riutilizzati senza pensarci) diluiscono il segnale inviato sull'argomento principale.

L'H1 e il title possono differire leggermente nella formulazione: il title è spesso ottimizzato per la visualizzazione nei risultati di ricerca (con il nome del brand, ad esempio), mentre l'H1 può concentrarsi esclusivamente sull'argomento, senza elementi di brand. Questa differenza è normale e non costituisce un problema, purché i due testi descrivano bene lo stesso argomento centrale senza contraddirsi.

Strutturare in domande per facilitare il chunking

Un LLM suddivide il contenuto di una pagina in blocchi (chunk) per indicizzarlo o per estrarne una risposta — un meccanismo approfondito nella lezione sul chunking. Formulare i vostri H2 e H3 come domande concrete aumenta la probabilità che un intero blocco risponda in modo autonomo a una query dell'utente, senza dipendere dal contesto dei paragrafi vicini.

Prima: Vantaggi Dopo: Quali sono i vantaggi della fatturazione elettronica per una PMI?

Prima: Implementazione Dopo: Come implementare la fatturazione elettronica in 3 passaggi?

Un H2 formulato come domanda, seguito da una risposta diretta nelle prime frasi del paragrafo, corrisponde esattamente al formato che un'IA cerca di estrarre per costruire la propria risposta. Questa logica non si applica in modo uniforme a tutti gli H2 di una pagina: un sommario di articolo può legittimamente mescolare titoli affermativi ("Definizione e sfide") e titoli interrogativi ("Quanto costa l'implementazione?"), purché ogni sezione, presa isolatamente, resti comprensibile senza dipendere dal paragrafo precedente.

Errori frequenti

• Usare gli Hn solo per il loro rendering visivo (un tag <h3> scelto perché "ha la dimensione giusta"), ignorando la gerarchia logica.
• Mettere il nome dell'azienda o uno slogan nell'H1 invece dell'argomento reale della pagina.
• Moltiplicare i livelli di titolo su un contenuto breve, il che frammenta inutilmente l'informazione e danneggia la leggibilità complessiva.
• Lasciare che un tema o un plugin generi automaticamente H2 vuoti o ridondanti (es. "Sommario", "Introduzione" senza contenuto reale sotto).
• Formulare due H2 quasi identici sulla stessa pagina ("I nostri vantaggi" e "I nostri punti di forza"), il che confonde la distinzione tra le sezioni per un lettore automatico.
• Inserire parole chiave negli Hn in modo artificiale, a scapito della leggibilità per un lettore umano — la logica di strutturazione non deve mai prevalere sulla chiarezza della frase.

Verificare la gerarchia delle vostre pagine

Un rapido passaggio nell'ispettore del browser (o uno strumento che elenca i tag Hn di una pagina) basta a individuare le incoerenze: più H1, salti di livello, o titoli vuoti. Correggere questa struttura di solito non richiede alcuna modifica visiva se il vostro CSS è già disaccoppiato dall'HTML semantico — vedi la lezione sull'HTML5 semantico per approfondire questo disaccoppiamento.

La lunghezza e il contenuto di un buon H2

Un H2 troppo corto ("Vantaggi", "FAQ", "Prezzi") funziona come punto di riferimento visivo per un umano che scansiona la pagina, ma trasmette poca informazione a una macchina che deve giudicare, senza contesto, la pertinenza del blocco che segue. Al contrario, un H2 troppo lungo (una frase intera di 20 parole) perde in leggibilità e scannabilità per il lettore umano. L'equilibrio consigliato si colloca generalmente tra 5 e 12 parole, sufficiente a porre una domanda o un'affermazione completa, senza diventare un paragrafo travestito.

Un altro riflesso utile: rileggere solo l'elenco dei vostri H2 e H3, senza il corpo del testo, come farebbe uno strumento che costruisce un sommario automatico. Se questo elenco da solo permette di intuire il contenuto della pagina con un buon livello di precisione, la gerarchia svolge il suo ruolo. Se forma solo una sequenza di parole vaghe, è il segno che va rielaborata.