H1 manquant
Silktide vérifie que chaque page possède un titre principal, appelé H1, et qu’il contient un texte lisible. Le H1 indique de quoi parle la page, pour les visiteurs, les et les moteurs de recherche.
En , le titre principal est marqué avec la balise
<h1>. Un grand texte simplement stylisé ne remplace pas cette balise : c’est elle qui porte le sens :
<h1>Contactez-nous</h1>
Pourquoi c’est important
Le H1 est le premier repère de nombreux visiteurs. Les personnes utilisant des vont souvent directement au H1 pour confirmer qu’elles sont sur la bonne page et pour passer la navigation afin d’accéder au contenu principal. Sans H1, elles doivent écouter le haut de la page pour comprendre où elles se trouvent. Les moteurs de recherche accordent également une importance particulière au H1 pour déterminer le sujet d’une page ; un H1 manquant ou vide nuit donc à la fois à l’accessibilité et au référencement.
Comment le corriger
- Ajoutez un seul
<h1>près du début du contenu principal, décrivant la page en quelques mots. La plupart des modèles de page des affichent automatiquement le titre de la page en tant que H1 ; si ce n’est pas le cas pour le vôtre, modifiez le modèle. - Assurez-vous que le H1 contient un véritable texte. Un H1 ne contenant qu’une image est considéré comme vide, sauf si l’image possède un :
<!-- Problème : pas de texte lisible -->
<h1><img src="company-logo.png"></h1>
<!-- Correction : le texte alternatif devient le texte du titre -->
<h1><img src="company-logo.png" alt="À propos de Company Inc."></h1>
Le texte brut est préférable : il est lisible par tous et facile à maintenir.
Comment Silktide teste cela
- Ignorer les pages qui renvoient une erreur "404 Not Found", où un H1 manquant n’a pas de sens.
- Rechercher des éléments
<h1>sur chaque page restante. - Si la page n’en contient aucun, signaler que la page n’a pas de H1.
- Si la page contient des H1, signaler chacun dont le contenu — y compris le texte alternatif des images qu’il contient — ne comporte ni lettres ni chiffres.
Dépannage
Ma page a un grand titre en haut
Un titre uniquement stylisé pour ressembler à un en-tête ne compte pas : le texte doit se trouver dans une balise <h1>. Voir Titres potentiels pour savoir comment Silktide les détecte.