Cosa sono gli heading tag e come funzionano
Gli heading tag sono gli elementi HTML da h1 a h6 che marcano titoli e sottotitoli di una pagina in ordine di importanza decrescente. Il browser li mostra con un carattere via via più piccolo, mentre Googlebot li legge per capire come è organizzato il contenuto e quali sezioni pesano di più agli occhi di chi scrive la pagina.
Heading tag: cosa ricordare
- Livelli: h1 è il titolo principale, h2-h6 sono i sottolivelli via via più di dettaglio.
- Cardinalità: un solo h1 per pagina è la convenzione più diffusa, anche se Google non la tratta come obbligo.
- SEO: aiutano Googlebot a leggere la struttura del contenuto, non sono un fattore di ranking isolato.
- Leggibilità: rendono il testo scansionabile e permettono di orientarsi senza leggere tutto.
- Accessibilità: gli screen reader usano gli heading per saltare da una sezione all’altra.
- Regola pratica: nessun salto di livello e parola chiave solo dove entra in modo naturale.
La gerarchia degli heading tag da h1 a h6
Un heading tag assegna a una porzione di testo uno dei sei livelli previsti dall’HTML: più basso è il numero, più alto è il peso di quel titolo nella pagina. Nel codice ha questa forma: <h1>Titolo della pagina</h1>, seguito da <h2> per le sezioni e via via fino a <h6> per i dettagli più minuti.
| Tag | Ruolo nella pagina | Quante volte usarlo |
|---|---|---|
| h1 | Titolo principale, l’argomento dell’intera pagina | Una sola volta |
| h2 | Sezioni principali, i capitoli del contenuto | Una o più per pagina |
| h3 | Sottosezioni dentro un h2 | Quante servono per articolare il tema |
| h4-h6 | Dettagli ulteriori, usati raramente nei contenuti web | Solo se il contenuto è molto articolato |
Il tag h1 e il titolo principale
L’h1 racchiude il titolo della pagina, quello che un lettore vede per primo arrivando dall’alto. Nella maggior parte dei CMS viene generato in automatico dal titolo che scrivi in fase di pubblicazione, senza bisogno di marcarlo a mano. L’ottimizzazione specifica di questo tag, lunghezza compresa, la tratto a parte nella pagina su come ottimizzare il Tag H1.
Cosa sono i tag h2 e h3
L’h2 divide il contenuto nei suoi capitoli: ogni h2 introduce un argomento nuovo rispetto al precedente. L’h3 sta un gradino sotto e serve per i sottotemi dentro un singolo h2, per esempio i passaggi di una procedura o i casi particolari di una regola. h4, h5 e h6 esistono nella specifica ma nei contenuti editoriali li uso raramente: servono più spesso in documentazione tecnica molto stratificata che in un articolo di blog.
Heading tag e tag title non sono la stessa cosa
Il tag title vive nel <head> del documento, non compare nel testo della pagina e appare invece nella scheda del browser e nello snippet di Google. In una guida SEO ho letto l’indicazione di tenerlo intorno ai 70 caratteri, circa 600 pixel, perché oltre quella soglia Google tende a tagliarlo in SERP. L’h1 invece è visibile a chi legge e può essere più lungo, perché il suo compito è catturare l’attenzione, non riassumere la pagina in una riga di SERP. Il <head> ospita anche i meta tag: se vuoi lavorare su quel fronte, la logica è diversa da quella degli heading ed è coperta dalla pagina sull’ottimizzazione dei meta tag.
A cosa servono gli heading tag
Un heading tag serve a tre pubblici diversi con lo stesso segnale: chi legge, chi scansiona la pagina con un motore di ricerca e chi la ascolta con uno screen reader. Ognuno di questi usi dà agli heading tag un peso diverso, anche se il codice è lo stesso.
Heading tag e SEO
Googlebot legge gli heading per ricostruire il sommario della pagina e collegare ogni sezione all’argomento generale. Non è un fattore di ranking che agisce da solo: conta insieme al testo che segue ogni titolo, perché un h2 vuoto di contenuto rilevante non porta nulla. Il peso che il settore attribuisce ai titoli si vede meglio guardando il tag title: in uno studio sui risultati di ricerca citato spesso nel settore, 90+ Statistiche e dati entusiasmanti sulla ricerca Google (2024) risulta che i primi 10 risultati includono dal 65% all’85% delle loro parole chiave di posizionamento nei tag title. Il dato riguarda il title, non gli heading, ma dice quanto la keyword nel titolo resti un’abitudine diffusa tra le pagine che si posizionano: nell’h1 e negli h2 la stessa logica vale, con meno rigidità sulla posizione della parola.
Heading tag e leggibilità
Chi legge un articolo online raramente lo fa riga per riga: scorre la pagina cercando il paragrafo che risponde alla sua domanda. Gli heading tag gli danno i punti di riferimento per farlo: un titolo di sezione scritto bene vale più di un paragrafo intero, perché permette di saltare quello che non serve. Preferisco h2 che ripetono quasi letteralmente la domanda che l’utente ha in testa, perché è quello che la pagina deve comunque spiegare nella frase successiva.
Heading tag e accessibilità
Uno screen reader permette di saltare da un heading all’altro senza ascoltare tutto il testo intermedio, in modo simile a come un utente vedente scorre con lo sguardo. Se la gerarchia è rotta, chi usa quella tecnologia perde il filo della pagina molto prima di chi la legge con gli occhi: è una delle poche conseguenze degli heading tag che si può osservare in modo diretto, senza bisogno di Search Console.
Come usare correttamente gli heading tag
La procedura che seguo quando imposto la struttura di un nuovo articolo è sempre la stessa, indipendentemente dall’argomento.
- Scrivi un solo h1 con il titolo principale della pagina, l’argomento che riassume tutto il resto.
- Dividi il contenuto in sezioni e marca ognuna con un h2: ogni h2 deve poter stare in piedi anche letto da solo.
- Usa h3 solo dentro un h2, per i sottotemi o i passaggi di una procedura, senza saltare direttamente da h1 a h3.
- Inserisci la parola chiave principale nell’h1 e, dove entra senza forzature, in uno o due h2.
- Rileggi i titoli senza il testo intorno: se da soli non dicono di cosa parla la sezione, riscrivili.
Il punto debole più comune è la ripetizione della stessa parola chiave in ogni h2 nella speranza di rafforzare il tema: quella pratica ha un nome preciso, keyword stuffing, e tende a penalizzare più che aiutare, perché il testo diventa meno utile a chi legge prima ancora che a Google. Se scegli i titoli delle sezioni partendo da un processo di keyword research invece che a istinto, è più facile evitare sia i titoli vuoti sia quelli sovraccarichi. La logica degli heading è solo un pezzo di una architettura semantica della pagina più ampia, che comprende anche link interni e marcatura del codice.
Heading tag su WordPress
WordPress avvolge il titolo che scrivi in fase di pubblicazione dentro un h1 automaticamente, nella maggior parte dei temi: non serve marcarlo a mano, a meno che tu non stia componendo una landing page dentro l’editor a blocchi con un titolo visivo separato dal titolo dell’articolo. Nell’editor a blocchi i livelli da h2 a h6 si scelgono dal menu di formattazione del blocco titolo, non richiedono codice. Il problema che vedo più spesso riguarda i temi personalizzati, che a volte inseriscono un h1 extra nel logo o nello slogan del sito: in quel caso ogni pagina finisce con due h1, ed è un controllo che vale la pena fare una volta sul tema, non su ogni articolo. Un plugin SEO aiuta a impostare titolo e meta tag separatamente dall’h1 visibile, ma non corregge da solo una gerarchia scritta male: quella resta una scelta editoriale.
Quanti h1 servono in una pagina
La risposta dipende dal tipo di pagina che stai costruendo, non da una regola unica valida ovunque.
Se la pagina è una landing page a sezione unica
Se la pagina raccoglie più sezioni verticali su un’unica schermata scorrevole, può avere più di un h1, uno per sezione, perché ognuna funziona quasi come una pagina a sé. È un caso frequente nelle landing page di prodotto, meno in un blog aziendale.
Se è un articolo o una pagina di contenuto
Qui uso sempre un solo h1. Un portavoce di Google ha dichiarato, in un episodio di una serie di video per webmaster, che il numero di h1 in pagina (uno, molti o nessuno) non è un problema critico per il posizionamento. È una posizione riportata in più guide SEO che ho letto, non una mia interpretazione: resta però riferita al posizionamento, non alla leggibilità o alla manutenzione del sito. Continuo a consigliare un solo h1 per pagina, perché è la convenzione che temi, editor e lettori si aspettano, e perché un secondo h1 comparso per errore in un tema è un sintomo che preferisco intercettare prima che diventi un’abitudine. Chi vuole lavorare nel dettaglio su questo tag può proseguire con la pagina dedicata all’ottimizzazione SEO dell’H1.
Come controllare la struttura heading di una pagina già pubblicata
Prima di correggere una gerarchia sbagliata devi vederla, e per quello non serve uno strumento complesso.
- Apri la pagina e usa la funzione di ispezione del browser per vedere il codice sorgente dell’area di contenuto.
- Cerca in sequenza i tag da h1 a h6 e segna l’ordine in cui compaiono, senza guardare ancora il testo dentro.
- Controlla che ci sia un solo h1 e che dopo di lui non compaia mai un h3 senza un h2 prima.
- Rileggi il testo dentro ogni heading isolandolo dal resto: se descrive davvero la sezione, la struttura funziona.
- Se trovi più h1 generati dal tema, correggi a livello di tema, non di singolo articolo.
Per un sito con molte pagine questo controllo manuale non è praticabile una per una: in quel caso conviene appoggiarsi a uno strumento di scansione SEO che elenchi gli heading di ogni URL in una tabella unica, così il controllo diventa un confronto invece di un’ispezione pagina per pagina.
Errori frequenti con gli heading tag
Gli errori che vedo più spesso riguardano meno il codice e più la logica con cui vengono scelti i titoli.
- Usare un heading solo per ottenere una scritta più grande, quando in realtà serve solo uno stile diverso gestito con il CSS.
- Saltare un livello, per esempio passare da h2 a h4 perché visivamente piace di più, rompendo la logica per chi usa uno screen reader.
- Scrivere titoli generici come “introduzione” o “dettagli”, che non dicono nulla sul contenuto della sezione né al lettore né a Googlebot.
- Ripetere la stessa parola chiave identica in ogni h2 della pagina, invece di variarla con le domande reali che quella sezione risolve.
- Lasciare un h1 duplicato generato dal tema insieme a quello dell’articolo, senza accorgersene perché non è visibile nel pannello di modifica.
Domande frequenti sugli heading tag
Cos’è un heading tag?
Un heading tag è l’elemento HTML da h1 a h6 che marca un titolo o un sottotitolo in una pagina web, assegnandogli un peso gerarchico che decresce dal numero più basso al più alto. Il browser lo mostra come testo di dimensione diversa, i motori di ricerca lo leggono come segnale di struttura.
Che differenza c’è tra heading tag e tag title?
Il tag title sta nel <head> del documento e compare in SERP e nella scheda del browser, mai nella pagina visibile. L’heading tag, invece, è il testo che il lettore vede scorrendo l’articolo: sono due elementi distinti con funzioni diverse.
Quanti h1 ci vogliono in una pagina?
Per un articolo o una pagina di contenuto normale ne basta uno, ed è la prassi che consiglio. Una landing page a sezioni può averne più di uno, uno per sezione, perché ciascuna funziona quasi come una pagina a sé.
Gli heading tag influenzano il posizionamento su Google?
Aiutano Googlebot a capire la struttura del contenuto, ma non agiscono da soli sul ranking: contano insieme al testo che segue ogni titolo e alla coerenza di tutta la pagina, non come segnale isolato.
Come si usano gli h2 e gli h3 in un testo?
L’h2 introduce ogni sezione principale dell’articolo, come i capitoli di un libro; l’h3 sta sotto un h2 per i sottotemi o i passaggi di una procedura, senza mai comparire prima di un h2.
Gli heading tag servono anche per l’accessibilità?
Sì, gli screen reader usano gli heading per saltare da una sezione all’altra senza ascoltare tutto il testo intermedio. Una gerarchia con livelli saltati rende la navigazione confusa per chi usa questa tecnologia.
Cosa succede se salto un livello di heading?
Il salto, per esempio da h2 a h4, non blocca la pagina ma rompe la logica che Googlebot e gli screen reader si aspettano. Diventa così meno chiaro quale sezione dipende da quale.
