Cos'è
Gli heading, o intestazioni HTML, sono elementi del codice identificati dai tag da <h1> a <h6>. Servono a organizzare il contenuto della pagina in sezioni e sottosezioni con una gerarchia leggibile.
In genere:
<h1>: rappresenta il titolo principale o il tema centrale della pagina;<h2>: identifica le sezioni principali del testo;<h3>fino a<h6>: introducono sottosezioni e livelli successivi di dettaglio.
Un errore comune è scegliere il livello di un heading solo per ottenere un certo aspetto grafico. Per stile, dimensione e colore conviene usare il CSS, lasciando ai tag heading il compito di descrivere la struttura logica del contenuto.
Perché è importante
Gli heading aiutano a rendere più chiara la struttura della pagina per lettori, manutentori del sito, tecnologie assistive e sistemi automatici che leggono l'HTML. Un H1 chiaro può aiutare a identificare il tema principale, mentre H2 e H3 dividono il testo in blocchi più facili da scorrere e comprendere.
Una gerarchia coerente può offrire vantaggi pratici come:
- Accessibilità: facilita la navigazione per screen reader e altre tecnologie assistive;
- Lettura visiva: aiuta chi scorre velocemente la pagina a orientarsi meglio;
- Manutenzione: rende più semplice capire se il contenuto è organizzato in modo logico.
Una buona struttura heading non garantisce ranking, indicizzazione o maggiore visibilità. Heading mancanti o disordinati non sono sempre problemi gravi, ma possono rendere la pagina più difficile da interpretare. lo scanner osserva la struttura HTML dichiarata e non valuta l'intera qualità editoriale del testo.
Come vengono controllati
lo scanner analizza la struttura HTML della pagina per osservare come sono distribuiti i livelli di intestazione.
Il controllo attuale verifica:
- se la pagina contiene almeno un heading;
- se esiste un tag
<h1>e se ne sono presenti più di uno; - se ci sono heading vuoti, cioè tag senza testo utile all'interno;
- se la gerarchia salta livelli in modo evidente, ad esempio da
<h1>a<h4>; - se alcuni heading sembrano usati in modo solo decorativo;
- il numero totale e l'ordine sequenziale degli heading rilevati.
lo scanner non misura la qualità del copy e non stabilisce regole assolute su come dovrebbe essere scritto il contenuto. Osserva la struttura dichiarata per aiutarti a capire se merita una revisione tecnica.
Possibili risultati
Ogni finding va letto come un segnale di revisione, non come una penalizzazione automatica.
H1 mancante
Nella pagina non è stato trovato alcun tag <h1>. In molti casi può essere utile aggiungerne uno chiaro, soprattutto nelle pagine principali.
H1 multipli
Sono stati rilevati due o più tag <h1>. Non è sempre un errore grave, ma può rendere meno chiaro quale sia il tema centrale della pagina.
Heading vuoti
Uno o più tag heading sono presenti nel codice ma non contengono testo visibile o utile.
Gerarchia heading disordinata
L'ordine logico delle intestazioni non segue una sequenza coerente e potrebbe rendere il contenuto meno leggibile.
Salto di livello heading
La struttura passa da un livello a un altro molto distante, per esempio da H1 a H4, senza livelli intermedi.
Nessun heading rilevato
La pagina non contiene alcun tag da <h1> a <h6>, quindi manca una struttura dichiarata delle sezioni.
Struttura potenzialmente poco chiara
La distribuzione complessiva dei titoli suggerisce che la pagina potrebbe risultare difficile da navigare o interpretare per persone e sistemi automatici.
Azione consigliata
- Identifica il tema principale della pagina: chiarisci cosa dovrebbe introdurre il contenuto.
- Valuta se usare un H1 chiaro: spesso è consigliabile, soprattutto per le pagine principali, ma senza trasformarlo in una regola rigida.
- Usa gli H2 per i blocchi principali: suddividi i macro-argomenti del testo in sezioni leggibili.
- Usa H3 e livelli successivi solo quando servono: aggiungi sottosezioni reali, non elementi decorativi.
- Rimuovi heading vuoti o puramente grafici: per l'aspetto visivo usa CSS o componenti adatti.
- Intervieni con gradualità: migliora prima le pagine più importanti, più lunghe o più confuse, senza inseguire regole rigide o schemi astratti.
- Dopo ogni modifica: aggiorna pochi elementi per volta ed esegui una nuova scansione.
Come risolvere
Sito statico o HTML
Se lavori direttamente sull'HTML, organizza i tag in modo che riflettano la gerarchia logica del testo e usa il CSS per gestire l'aspetto visivo.
Esempio semplice:
<h1>Titolo principale della pagina</h1>
<h2>Sezione principale dell'argomento</h2>
<h3>Sottosezione di approfondimento</h3>WordPress / Page Builder
Se usi WordPress o un page builder, il livello degli heading si controlla spesso dall'editor visuale.
- Seleziona il blocco del titolo e imposta il livello corretto dal menu dell'editor.
- Controlla che il titolo dell'articolo, spesso già esposto come H1 dal tema, non venga duplicato inutilmente nel corpo del testo.
- Verifica che widget, sidebar, footer o blocchi globali non usino H1 o H2 in modo improprio.
CMS / E-commerce
Nelle piattaforme e-commerce o nei CMS personalizzati, titoli di prodotto e categoria sono spesso generati dai template.
- Controlla che il nome del prodotto usi un tag coerente con il contesto della pagina.
- Verifica che filtri, etichette e blocchi correlati non frammentino la gerarchia usando heading troppo importanti.
- Se la struttura è ripetuta su molte pagine, parti dal template invece di correggere manualmente ogni contenuto.
Come appare nel report
Nel report, il controllo Headings mostra l'elenco e l'ordine degli heading rilevati nella pagina, evidenziando i livelli da H1 a H6 e gli eventuali salti o incoerenze.
lo scanner non impone una struttura perfetta né giudica la qualità complessiva del testo. Offre una mappa pratica dell'HTML per aiutarti a capire se vale la pena rivedere e migliorare la struttura del contenuto.
Quando eseguire una nuova scansione
Esegui una nuova scansione dopo aver riorganizzato i testi, modificato i livelli dei titoli nell'editor o aggiornato i template del CMS. In questo modo puoi verificare subito se la nuova gerarchia viene letta correttamente e se i segnali strutturali risultano più coerenti.