Più di un'intestazione di livello 1

L'intestazione di livello superiore di una pagina descrive l'argomento dell'intera pagina, quindi normalmente ogni pagina dovrebbe averne una sola. Silktide segnala le pagine in cui l'intestazione di livello superiore è ripetuta.

In , l'intestazione di livello superiore è l'elemento <h1>. Dovrebbe fungere da titolo principale della pagina, mentre <h2> fino a <h6> strutturano il contenuto sottostante:

<!-- Due intestazioni di livello superiore in competizione -->
<h1>I nostri servizi</h1>
<h1>Contattaci</h1>

<!-- Un h1, con h2 per l'argomento successivo -->
<h1>I nostri servizi</h1>
<h2>Contattaci</h2>

Perché è importante

<h1> ha un peso particolare per i motori di ricerca quando stabiliscono l'argomento di una pagina e il titolo da mostrarvi. La presenza di più intestazioni di livello superiore diluisce questo segnale e può portare all'uso del testo sbagliato come titolo della pagina nei risultati di ricerca.

Un unico <h1> chiaro aiuta anche le persone che usano gli , che spesso navigano tramite le intestazioni: un'intestazione di livello superiore fornisce alla pagina un punto di partenza inequivocabile.

Come risolvere il problema

Mantieni un solo <h1> che descriva l'intera pagina e trasforma gli altri in <h2> (o in un livello inferiore, in base alla loro posizione nel contenuto).
Se un elemento è formattato come una grande intestazione ma non rappresenta l'argomento principale della pagina, ad esempio uno slogan o un banner promozionale, usa un livello di intestazione inferiore oppure un paragrafo formattato.
Controlla i tuoi modelli: un logo del sito o un'intestazione di sezione racchiusi in <h1> su ogni pagina sono una causa comune.

Come Silktide esegue il controllo

Analizza il contenuto della pagina in ordine, cercando gli elementi <h1>.
Tratta gli elementi di sezionamento HTML5 (<section>, <article>, <aside>, <details>, <header>, <footer>, <nav>) come ambiti separati: all'interno di ciascuno è consentito un <h1>, indipendentemente dal resto della pagina.
Segnala ogni <h1> aggiuntivo trovato dopo il primo all'interno dello stesso ambito.

Risoluzione dei problemi

La mia pagina usa un h1 per ogni sezione: è sbagliato?

HTML5 consente un <h1> all'interno di ogni elemento di sezionamento e Silktide accetta questo schema. Tieni presente che i motori di ricerca e le non trattano in modo affidabile gli <h1> nelle sezioni come livelli annidati, quindi un singolo <h1> a livello di pagina, con livelli espliciti da <h2> a <h6>, resta la scelta più solida.