Objectif
- Permettre aux utilisateurs qui le souhaitent de visualiser la structure du contenu de la page et d’y naviguer.
- Permettre aux machines et aux outils d’indexation d’extraire le plan de chaque page.
- Améliorer le référencement en facilitant l’interprétation du contenu par les robots d’indexation.
Mise en œuvre
Structurer le document en titres et sous-titres à l’aide des éléments HTML h1 à h6.
Veiller à ce que la structure ne comporte pas de « trous » : un titre de niveau h2 ne doit pas être suivi d’un titre h4, h5 ou h6, par exemple.
Veiller à ce que chaque page comporte au moins un titre de niveau 1 avec l’élément h1.
En savoir plus: h1... h6 sur MDN
Contrôle
Dans chaque page, contrôler successivement :
- la présence d’au moins un élément h1 correspondant au titre de la section principale du contenu de la page ;
- la présence de sous-titres h2 à h6 (si nécessaire) correspondant aux titres des sous-sections de contenu principal de la page ;
- l’absence d’interruption dans la succession descendante des titres h1 à h6, c’est-à-dire par exemple l’absence de titre h1 suivi d’un titre h3.
La vérification doit s’effectuer en tenant compte d’éventuels éléments de titres masqués à l’affichage ou bien de titres générés par JavaScript. On peut, à cet effet, utiliser la fonction d’affichage de la table des matières de la page disponible dans certains outils de développement.
Auteur Opquast - Consulter la licence
Découvrez la certification Opquast
- Une formation et une certification 100% en ligne
- 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
- guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
- Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
- Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.