H1 mancante
Silktide controlla che ogni pagina abbia un'intestazione principale, nota come H1, e che contenga testo leggibile. L'H1 indica di cosa tratta la pagina, per i visitatori, le e i motori di ricerca.
In , l'intestazione principale è contrassegnata dal tag <h1>. Un testo grande con uno stile particolare non è un sostituto: è il tag stesso a trasmettere il significato:
<h1>Contattaci</h1>
Perché è importante
L'H1 è il primo elemento che molti visitatori usano per orientarsi. Le persone che utilizzano gli passano spesso direttamente all'H1 per confermare di trovarsi nella pagina corretta e per saltare la navigazione e raggiungere il contenuto principale. In sua assenza, devono ascoltare l'inizio della pagina per capire dove si trovano. Anche i motori di ricerca attribuiscono un peso particolare all'H1 quando valutano l'argomento di una pagina; pertanto, un H1 mancante o vuoto danneggia sia l'accessibilità sia il posizionamento.
Come risolvere il problema
- Aggiungi un singolo
<h1>vicino all'inizio del contenuto principale, descrivendo la pagina in poche parole. La maggior parte dei modelli di pagina dei visualizza automaticamente il titolo della pagina come H1; se il tuo non lo fa, modifica il modello. - Assicurati che l'H1 contenga testo effettivo. Un H1 che contiene solo un'immagine è considerato vuoto, a meno che l'immagine non abbia un :
<!-- Problema: nessun testo leggibile -->
<h1><img src="company-logo.png"></h1>
<!-- Correzione: il testo alternativo diventa il testo dell'intestazione -->
<h1><img src="company-logo.png" alt="Informazioni su Company Inc."></h1>
Il testo semplice è la soluzione migliore: è leggibile da tutto e facile da gestire.
Come Silktide esegue il controllo
- Ignora le pagine che restituiscono un errore "404 Not Found", per le quali l'assenza di un H1 non è significativa.
- Cerca gli elementi
<h1>in ogni pagina rimanente. - Se la pagina non ne contiene, segnala che l'H1 della pagina è mancante.
- Se la pagina contiene elementi H1, segnala quelli il cui contenuto, incluso il testo alternativo delle eventuali immagini al loro interno, non contiene lettere o numeri.
Risoluzione dei problemi
La mia pagina ha un titolo grande in alto
Un titolo a cui è stato applicato solo uno stile per farlo sembrare un'intestazione non è sufficiente: il testo deve trovarsi all'interno di un tag <h1>. Consulta Intestazioni potenziali per scoprire come Silktide le rileva.