Quels sont les avantages pratiques d’avoir un seul <h1> par page?
Il est recommandé d'en avoir juste une par page, même les validateurs imprimant un réchauffement s'il y en a plus, mais d'autres recommandations le contredisent, par exemple:
- N'importe quel rang peut être utilisé comme en-tête d'une section explicitement définie, bien que cette pratique ne soit pas recommandée.
- Ne jamais sauter l'ordre de titre
et il y a aussi les éléments de section, comme de côté, dont le contour ne devrait pas affecter le contour de la page.
C'est assez déroutant, alors au moins je veux savoir comment il est préférable d'en avoir un seul par page.
Vous n'avez pas indiqué qui fait la recommandation, mais la spécification elle-même ne dit rien de tel. Un titre commence la section du contenu et il peut y avoir plus d'un contenu de sectionnement sur une page. Cependant, ce que vous demandez, est le "plan du document" et il n’existe pas dans les navigateurs actuels . En particulier, notez cette référence d’un des auteurs HTML et ARIA:
Le document HTML5 est une fiction dangereuse
Cela est dangereux car cela peut amener les développeurs peu méfiants à penser que l’imbrication des éléments de titre dans les éléments de section a effectivement un effet sur les utilisateurs qui utilisent la sémantique de titre. Dans l’ensemble, le contraire est vrai. Par exemple, si vous codez un en-tête en tant qu'élément h1 et que vous l'insérez profondément dans les éléments de section, le contour du document laisse penser que l'en-tête sera un h6, alors que dans le monde réel, l'en-tête est un h1.
Mais cela ne signifie pas que vous ne devriez pas utiliser plusieurs balises h1. Cela signifie seulement que vous devez être prudent dans leur utilisation. Selon John Mueller et Google, cela n’affecte pas le référencement, mais cela peut affecter la présentation de votre page dans un navigateur. Vous pouvez utiliser ceci est une instruction utile de Mozilla .
Cependant, les lecteurs d'écran ont une histoire différente et le premier balayage des éléments d'en-tête et la présentation de plusieurs balises h1 peuvent perturber l'auditeur quant à l'emplacement d'une nouvelle section dans la structure du document. Voir: https://css-tricks.com/document-outline-dilemma/
Pour ces utilisateurs, le seul effet de l'algorithme de structure de document était que certaines nouvelles pages (adoptant avec empressement la nouvelle spécification) étaient présentées sous forme de listes non hiérarchiques d'en-têtes de niveau un, sans aucune structure.