… ou ne pas faire
Je vois souvent passer la question : « est-ce que je dois mettre un h1 ou plusieurs h1 dans ma page ? est-ce que le h1 doit être le titre de ma page, Qu’est-ce qui est mieux pour mon référencement? » …
Avant de répondre il faudrait déjà comprendre à quoi servent les balises html h1 h2 … hn, jusqu’à h6 dans les pages de votre site Web, WordPress ou autres.
Sommaire
Rôles des Balises html h1… hn dans votre site Web.
Mais pourquoi s’inquiéter de cette structure hiérarchique des h1 h2 hn?
Cette structure hiérarchique des balises html h1 h2 hn est utilisée non seulement pour structurer le code du votre site Web, faciliter la navigation, et la recherche in-site, des personnes ayant des problèmes de vue et utilisant des lecteurs d’écran, mais aussi pour souligner et soutenir votre contenu au niveau SEO et donc référencement.
Pour ce qui est du SEO et du référencement, un texte en h1 indique aux robots de Google (et oui encore eux), et à tous les bots des moteurs de recherche, que cet élément est important, qu’il est le sujet central de ce qui suit, de la même façon qu’un titre de chapitre vous annonce le contenu qui va suivre (moyennant que les bots n’aiment pas les devinettes ni les circonvolutions il faut donc être clair dans ce que l’on annonce, on va éviter le suspens des romans d’espionnage).
Une hiérarchie des balises hn à respecter
Les balises html h1 h2 hn ne sont pas des balises de style comme beaucoup les utilises, elles sont là pour structurer votre page comme un livre.
Le respect de la succession hiérarchique est important que ce soit avec un h1 par page ou plusieurs h1 par page.
Plus vous descendez dans la structure moins la balise aura de poids, par contre elles permettent d’introduire des synonymes et des longues traines.
Mon h1 doit-il être mon titre de page pour être utile à mon SEO?
Tout comme votre url peut différer de votre titre de page, votre h1 n’est pas le titre de la page, voyez le plutôt comme un chapitre ou le sous-titre de la page. Le meilleur exemple est votre page d’accueil : son url sera celle de votre domaine, son titre n’a pas d’importance vous utiliserez un title (titre) et une méta description personnalisée et optimisée via votre plugins SEO, votre h1 présentera votre site, le plus haut possible dans votre contenu.
Que dit la norme html5 sur l’utilisation des balises h1 h2 hn?
La norme html5 insiste surtout sur la hiérarchisation des h1 h2 h3 … h6 (https://www.w3.org/WAI/WCAG21/Techniques/html/H42). D’autres parts avec l’utilisation des balises <article> et <section>, on voit aussi la possibilité dans chaque <article> et chaque <section> d’introduire une structure complète de h1 à h6 (https://www.w3.org/TR/2011/WD-html5-20110525/sections.html). Lorsque l’on sait que l’on peut imbriquer article et section, on imagine rapidement le montage de poupées russes que cela peut devenir …
Que dit Google sur l’utilisation des balises h1 h2 hn pour votre SEO?
Comme d’habitude difficile de connaitre le poids réels des éléments chez Google, des milliers de paramètres influent sur votre SEO, les balises h1 h2 … h6 en font parties, même si en 2019 John Mueller disait “Your site is going to rank perfectly fine with no H1 tags or with five H1 tags.” Autrement dit votre site Web peut être bien placé, référencé, sans h1 ou avec 5 h1, d’un autre coté il confirmait aussi que les titres h1 sont bons pour décrire la structure de la page... et donc aider les bots à comprendre votre page.
On en revient à une utilisation structurée et utile des balises h1 h2 … h6.
Pas assez de balises laissent les robots des moteurs de recherche deviner les informations, trop de balises en dissolvent l’intérêt.
Comment implémenter ses balises h1 h2 hn sur son site WordPress?
Comme nous venons de le voir le choix d’implémenter une seule ou plusieurs balises h1 est plus structurel et stratégique que standardisé et figé.
Si la structure de votre page contient plusieurs articles ou sections balisés en tant que tels (<article>ou<section>), comme par exemple une page d’archives il peut être intéressant de mettre non seulement un h1 pour titrer la page mais aussi au niveau du titre de chaque article, ce qui pourrait aussi se présenter dans un slider de produits par exemple si chaque produit est encapsuler dans une balise <article>.
Maintenant si vous choisissez de mettre les titres des articles en h2 cela conviendra aussi; tant que structurellement vous respectez la hiérarchie h1 h2 h3 comme pour les chapitres d’un livre.
Ce que je vous conseille en terme d’utilisation des balises h1 h2 hn pour votre SEO
Choisissez bien votre thème (on en revient toujours là), avec ou sans builder, car sauf à en modifier le fonctionnement par du code, ce qui en soit est lourd, c’est lui qui va vous imposer votre architecture de base des balises h1 h2 hn.
Ensuite, allez au plus simple, en fonction de votre thème et de votre builder. Dans la majeure partie des cas un seul h1 et une bonne architecture de h2 et h3 derrière feront l’affaire et seront facilement applicable par votre thème.
Sur votre page d’accueil, pensez à bien soupesez votre h1 et le placer le plus près possible de la barre menu. La présence d’un slider en bannière rend cela parfois compliqué et mettre la première ligne de chaque diapo du slider en h1 est définitivement une mauvaise idée, cela implémenterait plusieurs h1 dans une même section. Stylisez les phrases importantes des sliders avec du css sans utiliser de balises hn et trouvez une place dessous, au plus près, même avec une police anonyme pour votre h1 qui présentera votre site ou montrez le comme un slogan ou une citation. Utilisez les h2 pour structurer les différentes parties de la page.
De même beaucoup de thèmes mettent en h3 les titres des widgets de sidebar et de pied de page, il faut donc impérativement au moins un h2 dans toutes vos pages.
Au niveau de vos articles, faites simple; votre thème gère généralement seul le titre ainsi que l’image mise en avant, et il donne un h1 à ce titre, laissez faire (mais travaillez votre titre de page) et structurez vos articles autour de h2, voire h3 qualitatifs.
Les pages produits s’articulent dans la majorité des cas avec le format WooCommerce de base, un défaut souvent mais pas bien grave les titres des onglets description/informations complémentaires/avis sont en h2 pas génial mais on fera avec.
Pour vos pages institutionnelles, allez de même au plus simple, le titre de la page bien travaillé en h1 géré par votre thème. Et une structure h2 explicite et organisée.
Vos pages archives, blog et boutique vont grandement dépendre de votre thème si vous ne voulez pas modifier le code en profondeur, donc vérifier en le choisissant qu’il est conforme à ce que vous voulez faire ou qu’il vous laisse la possibilité de modifier les balises.
Vous voulez vérifier votre structure h1 h2 hn ?
Vous n’êtes pas certain d’avoir fait les bonnes implantations h1 h2 hn pour le SEO de votre site? Vous ne savez pas comment vérifier votre structure de balises…
Un audit vous parait nécessaire pour vous aider à redémarrer.
