J'ai toujours pensé que les en-têtes devraient toujours être en ordre - c'est-à-dire qu'un h2
précède un h3
mais après un h1
, à moins que ce ne soit dans une section distincte, vous pouvez y aller. retour à une rubrique précédente.
Cependant, nous venons de faire équipe avec une société externe pour faire notre code frontal et ils ont des en-têtes étranges partout, par exemple, ils ont un widget comme celui-ci:
<div class="widget-article__content">
<div class="widget-article__header">
<h4 class="widget-article__cat">@Model.Category</h4>
<h3 class="widget-article__title">@Model.Title</h3>
</div>
<!-- other code -->
</div>
Je me demandais si cela affectait le classement SEO avec des en-têtes dans le mauvais ordre comme celui-ci?
Non, cela n'aura vraisemblablement aucun impact sur votre référencement.
Bien que cela offre certains avantages en termes d'accessibilité (car cela aide les lecteurs d'écran), l'ordre de vos rubriques ne semble pas être lié à votre référencement.
Il n'est pas nécessaire que les balises de titre soient séquentielles. Vous pouvez mélanger l'utilisation de h1 à h6. selon les besoins syntaxiques (ou d'affichage) de votre site à volonté. L'utilisation des chiffres indique simplement l'importance d'une tête donnée par rapport à "la plus importante - probablement utilisée en haut de page" h1.
Il est utile de revoir la spécification W3 (ou un bref résumé, comme dans "HTML5 pour les concepteurs Web" de Jeremy Keith) afin de mieux comprendre l'utilisation des différents éléments et leur interaction pour renforcer la valeur sémantique de vos pages.