Il Heading Structure Analyzer di Screpy elenca gli elementi H1–H6 nell’ordine del codice sorgente e segnala titoli vuoti, livelli saltati e H1 mancanti o multipli. Usa la struttura per controllare i rapporti tra sezioni prima di modificare. Conteggi e avvisi descrivono l’HTML recuperato, non un punteggio di ranking Google o una valutazione completa dell’accessibilità.
Leggi la struttura HTML nell’ordine sorgente
Inserisci un URL HTTP/HTTPS pubblico con HTML leggibile. Il rapporto mostra livello, testo estratto e riga di ogni titolo. Leggi prima l’elenco intero e poi i singoli avvisi. Il lettore dovrebbe capire la progressione generale senza ogni paragrafo.
Le barre contano i titoli per livello: una barra più alta non è migliore. I rientri indicano livelli HTML, non dimensione del font, posizione o importanza. Un paragrafo grande può sembrare un titolo senza essere H2; un H3 stilizzato rimane H3 nell’elenco.
Sono conservate fino a 1.000 righe e 500 caratteri per titolo. I conteggi possono quindi includere più elementi della lista visibile. Troncamento o limite di righe producono un avviso di copertura parziale. Non considerare un’etichetta tagliata come testo completo né una parte come intera struttura.
Collega i livelli a sezioni e sottosezioni
La guida W3C WAI ai titoli spiega come comunicano organizzazione e aiutano la navigazione, anche con tecnologie assistive. Scegli i livelli per esprimere relazioni, non solo per l’aspetto.
Questa struttura inventata riguarda laboratori di ceramica per principianti. È un esempio possibile, non un risultato osservato o un obbligo per ogni pagina di servizio.
| Livello | Titolo di esempio | Relazione |
|---|---|---|
| H1 | Laboratori di ceramica per principianti | Tema principale |
| H2 | Cosa realizzerai | Sezione principale sotto quel tema |
| H3 | La tua prima ciotola | Dettaglio del precedente H2 |
| H2 | Date e prenotazioni | Nuova sezione allo stesso livello del precedente H2 |
| H3 | Scegliere una sessione | Dettaglio dentro date e prenotazioni |
Se «La tua prima ciotola» è H4 subito dopo H2, valuta se debba essere H3 o manchi una vera sezione superiore. Non aggiungere un H3 vuoto per eliminare l’avviso. La relazione deve nascere dal contenuto.
Tornare da H4 a H2 può chiudere sottosezioni e aprire una nuova sezione principale. È diverso dal saltare in profondità da H2 a H4. Anche zone fisse come navigazione e barra laterale richiedono contesto. Non cambiarne i livelli utili solo per fare scendere ogni elemento consecutivo di un passo.
Valuta i rilievi nel contesto della pagina
Un titolo vuoto significa nessun testo estratto. Individua la riga e aggiungi parole utili o elimina un elemento inutilizzato. Verifica se il template ha emesso un contenitore vuoto prima di attribuirlo al redattore. Questa estrazione non calcola il nome accessibile.
Un H1 mancante invita a esaminare come è marcato il tema principale. Più H1 richiedono di verificare la gerarchia: un titolo del logo ripetuto insieme a quello dell’articolo può dipendere dal template. Un titolo principale chiaro è un buon punto di partenza, ma l’avviso non dichiara una penalizzazione automatica Google. Non cancellare contenuti utili per forzare un conteggio.
Leggi anche le parole. Ripetere «Altre informazioni» orienta meno di un titolo che nomina la domanda o il tema seguente. Usa linguaggio naturale senza la stessa keyword in ogni titolo. L’analizzatore non valuta se l’etichetta descriva correttamente la sezione.
Il generatore di intestazioni IA propone alternative. Confrontale con il contenuto effettivo: generare un’etichetta non ne stabilisce posizione o livello.
Pubblica le modifiche semantiche e ricontrolla
Scegli l’elemento corretto nel CMS o componente e applica separatamente lo stile. La referenza MDN dei titoli HTML descrive sei livelli e sconsiglia l’uso solo per ridimensionare testo. Cambiare CSS non corregge un livello HTML sbagliato.
Esamina navigazione, footer e barra laterale insieme al corpo. Un template condiviso può influenzare molte pagine: controllane una seconda rappresentativa. Pubblica e ripeti lo stesso URL. Confronta parole, ordine e relazioni con la struttura prevista, senza cercare uguali quantità per livello.
Lo strumento legge HTML senza eseguire JavaScript. Non determina visibilità CSS, ordine finale di lettura o ruoli e livelli calcolati. Controlla separatamente il rendering quando script o attributi di accessibilità cambiano l’esperienza.
Per segnali più ampi usa l’On-Page SEO Checker. Il titolo del documento nel browser è un campo diverso; il generatore di titoli SEO IA aiuta a scriverlo. Una buona struttura favorisce la comprensione, ma non verifica ogni condizione SEO o di accessibilità.
Usa JavaScript SEO Checker per confrontare HTML originale e DOM renderizzato acquisito. Mostra modifiche di metadati e contenuti con limiti espliciti di risorse e osservazione, non previsioni sull’indice Google.