Vai al contenuto

Controllo tag di intestazione

Risposta breve

Verifica la gerarchia dei heading (H1-H6) per una struttura corretta e per la SEO.

Cosa non fa: Controlla ordine, presenza e intestazioni vuote, non lunghezza, formulazione o landmark ARIA, e legge l’HTML grezzo, quindi non vede le intestazioni aggiunte da script.

Gratuito · Senza registrazione · Funziona nel browser
100% nel tuo browser — i contenuti non lasciano mai il tuo dispositivo.

Cosa fa

Elenca le intestazioni della tua pagina in ordine e controlla tre cose: esattamente un H1, nessun livello saltato (come un H2 seguito da un H4) e nessuna intestazione vuota. Restituisce un punteggio, la struttura delle intestazioni e i controlli falliti.

Perché è importante

Le intestazioni svolgono due compiti. Gli utenti di screen reader saltano tra di esse per orientarsi in una pagina, e i motori di ricerca le leggono per capire come è organizzato il contenuto. Un H1 mancante, intestazioni vuote o salti tra i livelli rendono entrambe le cose più difficili.

Come funziona

  1. Inserisci l'URL di una pagina o incolla il suo HTML

  2. Recuperiamo l'HTML live ed estraiamo ogni H1–H6 nell'ordine del documento

  3. Convalidiamo il conteggio degli H1, l'ordine delle intestazioni e le intestazioni vuote

  4. Restituiamo un punteggio, la struttura delle intestazioni e i controlli falliti

Esempio di input e output

INPUT
url: https://rankproof.eu/it/tools
OUTPUT
numero di h1: 1                             OK
testo dell'h1: "44 strumenti. Una piattaforma."
titoli totali: 56
profondità massima: H3
livelli saltati: nessuno                    OK
titoli vuoti: 0                             OK

H1 44 strumenti. Una piattaforma.
  H2 Analisi SEO
    H3 Verificatore di title e meta description
    H3 Controllo tag di intestazione
    …

Come leggere il risultato

Numero di h1 (1 nell'esempio)
Quanti titoli H1 ha la pagina. Esattamente uno supera il controllo. Più H1 sono HTML valido e Google dice che non sono un problema per la ricerca, ma lo strumento se ne aspetta uno, perché un solo H1 che nomina la pagina è la scelta più chiara per lettori e utenti di lettori di schermo.
Testo dell'h1
Il titolo principale come lo ha trovato lo strumento, così puoi verificare che dica di cosa parla la pagina. Nell'esempio è il titolo del catalogo degli strumenti.
Titoli totali (56) e profondità massima (H3)
Quanti elementi H1–H6 ha la pagina e il livello più profondo usato. Una pagina lunga con molti H2 e H3 è normale; i numeri mostrano solo la forma dello schema.
Livelli saltati (nessuno)
Un titolo più di un livello sotto il precedente, come un H2 seguito da un H4, riceve un avviso: gli utenti di lettori di schermo che si spostano per livelli possono pensare che manchi una sezione. Risalire di più livelli, da H4 a H2, va bene.
Titoli vuoti (0)
Titoli senza testo, spesso lasciati da un campo di contenuto vuoto o da un titolo che contiene solo un'icona. I lettori di schermo li annunciano come titoli vuoti.
Schema
I primi 40 titoli nell'ordine del documento, rientrati per livello, con quelli vuoti segnalati. Leggilo come un indice: se non ha senso da solo, probabilmente non ce l'ha nemmeno la struttura della pagina.

Chi lo usa

  • Redattore di contenuti

    Controlla ogni articolo del blog prima della pubblicazione per una struttura pulita H1 → H2 → H3, che aiuta sia i lettori sia gli utenti di screen reader.

  • Specialista di accessibilità

    Controlla l'ordine delle intestazioni pagina per pagina come parte dei test WCAG 1.3.1.

  • Specialista SEO

    Verifica che ogni landing page abbia un unico H1 che dica di cosa parla la pagina.

Problemi comuni e come risolverli

  1. Nessun H1, o il logo è l'H1

    Rendi H1 il titolo proprio della pagina — il nome del prodotto, il titolo dell'articolo o il nome dello strumento — e marca il logo come immagine o link, non come titolo. Un modello che mette il logo in un H1 dà a ogni pagina lo stesso titolo principale.

    <header>
  <a href="/"><img src="/logo.svg" alt="Example Ltd – home"></a>
</header>
<main>
  <h1>Running Shoes and Trail Shoes</h1>

  2. Titoli scelti per la loro dimensione

    Scegli il livello in base alla struttura e imposta la dimensione con il CSS. Il titolo di una barra laterale che sembra piccolo può comunque essere un H2; una grande frase introduttiva che non apre una sezione dovrebbe essere un paragrafo.

    <h2 class="sidebar-title">Related guides</h2>
<p class="lead">A larger introduction is a paragraph, not a heading.</p>

  3. Livelli saltati

    Porta il titolo più profondo al livello successivo (H2 e poi H3, non H4) o aggiungi il titolo di sezione mancante se manca davvero del contenuto.

  4. Titoli vuoti

    Trova il modello o il blocco di contenuto che stampa un titolo quando il suo campo è vuoto, e in quel caso non stampare nulla. Un titolo che contiene solo un'icona ha bisogno di testo visibile, oppure non dovrebbe essere un titolo.

  5. Titoli aggiunti con JavaScript

    Lo strumento legge l'HTML così come viene consegnato, quindi i titoli che uno script mostra dopo mancano dallo schema. Genera il contenuto principale sul server, così anche i crawler che non eseguono script ricevono la struttura.

Domande frequenti

Ogni pagina dovrebbe avere esattamente un H1?
L'HTML ne consente più di uno, e Google ha dichiarato che più H1 non sono un problema per la ricerca. Un unico H1 che indica l'argomento della pagina resta comunque la scelta più chiara per i lettori e gli utenti di screen reader, ed è ciò che questo controllo si aspetta.
Posso saltare i livelli delle intestazioni?
Evitalo. Un salto da H2 a H4 suggerisce agli utenti di screen reader una sezione mancante, e i tutorial di accessibilità del W3C consigliano di annidare le intestazioni in ordine.
L'H1 ha bisogno della parola chiave principale?
Un H1 che dice chiaramente di cosa parla la pagina aiuta lettori e motori di ricerca, e di solito contiene l'argomento principale. Scrivilo prima di tutto per le persone.
Qual è la lunghezza ideale per le intestazioni?
Non esiste un limite fisso. Mantieni le intestazioni brevi e facili da scorrere; un'intestazione molto lunga di solito significa che la sezione andrebbe divisa. Questo strumento non misura la lunghezza delle intestazioni.
Controlla i landmark ARIA?
No — questo strumento controlla solo l'ordine e la presenza delle intestazioni. I ruoli landmark ARIA (main, nav, aside) sono un controllo separato che questo strumento non esegue.

Fonti

La documentazione su cui si basano questo strumento e le spiegazioni di questa pagina.

Strumenti gratuiti su questo tema

Guide su questo tema

Strumenti correlati in Analisi SEO

Vedi tutti gli strumenti Analisi SEO