{"id":640,"date":"2010-04-07T23:39:49","date_gmt":"2010-04-07T21:39:49","guid":{"rendered":"http:\/\/www.laurentbourrelly.com\/blog\/?p=640"},"modified":"2010-04-07T23:39:49","modified_gmt":"2010-04-07T21:39:49","slug":"h1-ne-sert-pas-a-faire-nimporte-quoi","status":"publish","type":"post","link":"https:\/\/www.laurentbourrelly.com\/blog\/640.php","title":{"rendered":"H1 ne sert pas \u00e0 faire n\u2019importe quoi"},"content":{"rendered":"

\"\"<\/a>Rien de bien compliqu\u00e9 \u00e0 suivre la r\u00e8gle s\u00e9mantique qui dicte que les balises d\u2019en-t\u00eates servent \u00e0 hi\u00e9rarchiser le contenu textuel.<\/p>\n

Pourtant, un \u00e9change r\u00e9cent sur Webmaster Hub<\/a> avec un esp\u00e8ce d\u2019illumin\u00e9 de bas \u00e9tage tourne au vinaigre car il maintient que H1 poss\u00e8de sa place dans le Header.<\/p>\n

Retour sur l’utilisation des balises d’en-t\u00eates et H1 en particulier, ainsi que son implication pour l’optimisation du r\u00e9f\u00e9rencement.<\/p>\n

De la bonne utilisation de H1<\/h1>\n

Une bonne fois pour toute, il faut poser les jalons ad\u00e9quats concernant l\u2019utilisation des balises d\u2019en-t\u00eate (H1 \u00e0 H6). C\u2019est pourtant simple car ces balises servent \u00e0 formater les diff\u00e9rents sous-titres apparaissant dans un texte. Il faut commencer avec H1 qui d\u00e9finit le titre principal du texte, puis ensuite on descend pas ordre d\u00e9croissant d\u2019importance jusqu\u2019\u00e0 H6 pour le sous-titre le moins important.<\/p>\n

Pour en revenir \u00e0 l\u2019\u00e9nergum\u00e8ne r\u00e9pondant au doux sobriquet de paolodelmare, il me maintient au del\u00e0 du niveau de ridicule le plus pouss\u00e9 que H1 est tout \u00e0 fait ad\u00e9quat pour formater le Header d\u2019un site (zone o\u00f9 figure le logo \u2013 en haut de page), le plus gros argument balanc\u00e9 \u00e9voque le fait que des \u00ab\u00a0gros sites \u00e0 tr\u00e8s fort trafic\u00a0\u00bb utilisent cette technique. Malheureusement, \u00eatre un \u00ab\u00a0bon gros site\u00a0\u00bb reconnu ne veut pas dire que ce n\u2019est pas cod\u00e9 avec les pieds. J\u2019ai des monceaux d\u2019audits qui peuvent prouver ce fait \u00e9tabli.<\/p>\n

J\u2019en rajoute m\u00eame une couche car le Header \u00a0n\u2019est pas la seule zone o\u00f9 figure une utilisation malpropre des balises d\u2019en-t\u00eate. Les menus et autres zones fixes d\u2019un site sont tr\u00e8s souvent format\u00e9es \u00e0 l\u2019aide de balises d\u2019en-t\u00eates. L\u00e0 o\u00f9 c\u2019est encore mieux concerne ceux qui vont mettre plusieurs H1 (il en faut une et une seule) et rien d\u2019autre ensuite. Les plus t\u00e9m\u00e9raires iront mettre H1 plus H2, mais niet du reste de la hi\u00e9rarchie et surtout c\u2019est cantonn\u00e9 \u00e0 des endroits o\u00f9 il ne sied pas de l\u2019utiliser.<\/p>\n

Il existe un moyen tr\u00e8s simple qui consiste \u00e0 attribuer une class sp\u00e9cifique \u00e0 ces parties du site, plut\u00f4t qu\u2019utiliser une balise d\u2019en-t\u00eate. Le truc est que \u00e7a \u00e9pargne de se fatiguer \u00e0 introduire quelques lignes de code suppl\u00e9mentaire en passant par les balises d\u2019en-t\u00eates. Entre ignorance, incomp\u00e9tence et fain\u00e9antise, on se retrouve avec les standards qui se font tailler un costard. Je suis loin d\u2019\u00eatre un Ayatollah du W3C, mais il n\u2019est pas difficile de respecter le minimum syndical. Sans compter que ce fameux paolotruc dit en premier lieu qu\u2019il faut ordonner le texte \u00e0 l\u2019aide des Hx, mais bizarrement il d\u00e9marre sa recommandation avec H2 en sugg\u00e9rant que H1 va servir \u00e0 formater le Header.<\/p>\n

Ne croyez pas toujours ce que vous voyez en face<\/h2>\n

Peu importe si les sites qui font une mauvaise utilisation des balises d\u2019en-t\u00eates soient de notori\u00e9t\u00e9 impeccable ou engrange un trafic monstrueux. Cette utilisation va \u00e0 l\u2019encontre de la r\u00e8gle s\u00e9mantique. Il n\u2019y a pas de latitude \u00e0 imaginer comme un H1 qui doit s\u2019\u00e9chapper miraculeusement \u00e0 la r\u00e8gle \u2013 surtout lui d\u2019ailleurs.<\/p>\n

Maintenant, mon fan num\u00e9ro un en vient \u00e0 ausculter mes sites pour me signifier que je suis incoh\u00e9rent et incomp\u00e9tent puisque je n\u2019utilise m\u00eame pas H1.<\/p>\n

Pour la gouverne de ceux qui souhaitent regarder le code source de ma page d’accueil, H1 servait effectivement \u00e0 formater le Header comme un goret\u00a0; ce qui est monnaie courante parmi de nombreux templates WordPress. J\u2019ai donc vir\u00e9 cette optimisation contraire aux r\u00e8gles de biens\u00e9ance, mais j\u2019avoue avoir laiss\u00e9 mon code source en chantier et du coup je n\u2019ai pas de H1 sur\u00a0 ma page d’accueil. C’est d\u00e9j\u00e0 assez boulot de hacker un template WordPress pour l’utiliser en statique et j’avoue n’avoir pas eu la pr\u00e9sence d’esprit de mettre un H1 dans le contenu apr\u00e8s l’avoir enlev\u00e9 du Header (vu qu’il est impossible de mettre plusieurs H1). D’ailleurs, je pense laisser ma page d’accueil sans H1 rien que pour continuer d’alimenter la b\u00eatise des imb\u00e9ciles.
\nPar contre, j’ai modifi\u00e9 le template du blog qui contient bien le sacro saint H1 dans les billets.<\/p>\n

Ne pas respecter les r\u00e8gles en sachant exactement ce qu\u2019on fait n\u2019est pas comparable \u00e0 ceux qui sont persuad\u00e9s de d\u00e9tenir une esp\u00e8ce de v\u00e9rit\u00e9 bidon \u00e9tablie \u00e0 partir de l\u2019incomp\u00e9tence de certains. D\u2019autres vont d\u00e9cider de violer les r\u00e8gles sciemment, mais \u00e7a ne s\u2019apparent pas non plus \u00e0 de l\u2019incomp\u00e9tence. Ce qui est n\u00e9faste concerne ceux qui croient d\u00e9tenir une v\u00e9rit\u00e9, alors qu\u2019ils sont simplement incomp\u00e9tents. Je glousse d\u2019autant plus lorsqu\u2019on me demande de prouver par A+B ce que j\u2019avance – soi-disant parce qu\u2019il n\u2019y a rien de mieux que la m\u00e9thode scientifique. D\u00e9sol\u00e9, mais le reverse engineering \u00e0 la petite semaine reste au placard en ce qui me concerne. J\u2019ai pass\u00e9 le stade de tirer des conclusions \u00e0 2 balles en observant un site qui contiendrait une \u00e9ventuelle clef permettant de comprendre l\u2019algorithme de Google.<\/p>\n

Pourquoi faudrait-il prouver l\u2019\u00e9vidence\u00a0? Apr\u00e8s libre \u00e0 chacun de ne pas respecter la r\u00e8gle, mais tenir t\u00eate jusqu\u2019\u00e0 se vautrer dans sa propre fiente rel\u00e8ve d\u2019un \u00e9tat d\u2019esprit peu recommandable. Bref, laissons le guignol de c\u00f4t\u00e9 pour poser quelques concepts importants relatifs \u00e0 H1.<\/p>\n

H1 et le r\u00e9f\u00e9rencement<\/h3>\n

Respecter les r\u00e8gles de la s\u00e9mantique est une chose, mais il est bien connu que H1 est relativement utile \u00e0 l\u2019optimisation pour le r\u00e9f\u00e9rencement. Il est connu que H1 poss\u00e8de une forte pond\u00e9ration pour Google. Je lui donnerai m\u00eame une note de 5 sur 10. A titre de comparaison, TITLE poss\u00e8de un solide 8,5 sur 10. H1 est donc non n\u00e9gligeable, m\u00eame si ce n\u2019est pas du m\u00eame acabit que TITLE.<\/p>\n

Il est \u00e9vident que gaspiller cet \u00e9l\u00e9ment dans un Header n\u2019est pas une strat\u00e9gie optimale, mais\u00a0 en fait c\u2019est bien plus subtil que \u00e7a. La r\u00e9p\u00e9tition de mots cl\u00e9s aux endroits strat\u00e9giques du code source se r\u00e9v\u00e8le finalement totalement contre efficace. En clair, suivez le petit manuel du r\u00e9f\u00e9renceur et vous n\u2019arriverez jamais \u00e0 vos objectifs. C\u2019est-\u00e0-dire que le mot cl\u00e9 r\u00e9p\u00e9t\u00e9 dans tous les endroits favorables au r\u00e9f\u00e9rencement n\u2019est pas une optimisation assez subtile de nos jours. Il est certain que les moteurs de recherche vont flairer l\u2019optimisation de bourrin qui sent bon le r\u00e9f\u00e9rencement primaire, rendant impossible la grimpette souhait\u00e9e des pages au sein des r\u00e9sultats de recherche. Ca serait trop facile de suivre l\u2019optimisation standard et esp\u00e9rer toucher le jackpot. D\u00e9sol\u00e9 de casser les faux espoirs, mais les moteurs ne sont pas idiots au point de tomber dans le panneau de celui qui va glisser les mots cl\u00e9s cibl\u00e9s partout o\u00f9 \u00e7a sent bon la pond\u00e9ration pour le r\u00e9f\u00e9rencement. Tout le monde suit cette optimisation basique et il n\u2019y a qu\u2019une poign\u00e9e de positions \u00e0 d\u00e9crocher. La v\u00e9rit\u00e9 est donc ailleurs.<\/p>\n

Un peu de subtilit\u00e9<\/h3>\n

Au lieu de truffer les \u00e9l\u00e9ments pr\u00e9pond\u00e9rant pour le r\u00e9f\u00e9rencement des m\u00eames mots cl\u00e9s identifiant la requ\u00eate cible vis\u00e9e par la page, il faut plut\u00f4t \u00e9quilibrer l\u2019optimisation en mettant le mot clef dans certains endroits, puis glisser des cooccurrences ou autres termes compl\u00e9mentaires qui vont renforcer les mots clefs principaux au lieu de les desservir comme une r\u00e9p\u00e9tition \u00e0 outrance va engendrer. Par exemple, je mets les mots\u00a0 cl\u00e9s dans TITLE et une poign\u00e9e de fois dans le d\u00e9but du contenu textuel, mais je place des cooccurrences dans H1 et dans l\u2019URL. Ainsi, H1 peut se r\u00e9v\u00e9ler un atout ou un pi\u00e8ge selon l\u2019optimisation r\u00e9alis\u00e9e. Etant donn\u00e9 la vaste majorit\u00e9 de sites Web qui ont choisi cette structure primaire, ils ne d\u00e9collent pas des tr\u00e9fonds de l\u2019index Google.<\/p>\n

Ca se complique encore plus car certains sites peuvent se permettre une optimisation que d\u2019autres n\u2019ont m\u00eame pas la moindre chance d\u2019avoir l\u2019ambition de profiter. Les deux \u00e9l\u00e9ments principaux favorisant cette largesse de la part de Google & Co. sont l\u2019anciennet\u00e9 et la popularit\u00e9.<\/p>\n

En plus, il faut bien comprendre que l\u2019optimisation pour le r\u00e9f\u00e9rencement requiert d\u2019utiliser certains param\u00e8tres qui suffiront \u00e0 atteindre un positionnement viable, mais il devient contre productif de pousser plus que n\u00e9cessaire en fourrant le mot cl\u00e9 plus que n\u00e9cessaire. Notamment gr\u00e2ce au d\u00e9veloppement en dynamique (PHP pour le langage le plus couramment pr\u00e9sent sur la Toile), le mot cl\u00e9 peut magiquement se retrouver coll\u00e9 \u00e0 d\u2019innombrables endroits sans se tracasser outre mesure du pourquoi et du comment. L\u2019exemple que j\u2019adore le plus ces derniers temps concerne les sites qui se croient malins en plaquant un lien interne avec Anchor Text (ancre du lien ou texte figurant sur un lien) ultra optimis\u00e9 sur tous les mots cl\u00e9s qui paraissent relever une bonne valeur ajout\u00e9e. Le r\u00e9sultat est infecte \u00e0 la lecture et ne trompera jamais le plus mauvais des moteurs de recherche.<\/p>\n

Pour terminer, je remercie le gugusse qui m\u2019a bien fait rigoler \u00e0 s\u2019\u00e9nerver tout seul et je lui d\u00e9dicace ce billet. H1 comme les autres \u00e9l\u00e9ments \u00ab\u00a0on page\u00a0\u00bb et \u00ab\u00a0off page\u00a0\u00bb propices au r\u00e9f\u00e9rencement doivent \u00eatre mani\u00e9s avec respect des r\u00e8gles, standards et autres fondamentaux \u2013 au moins pour un minimum de biens\u00e9ance. Ce n\u2019est pas parce que le plus grand nombre ou m\u00eame une minorit\u00e9 se vautre qu\u2019il faille embo\u00eeter le pas et diverger vers des optimisations tordues. Respectez au moins le minimum n\u00e9cessaire afin de ne pas se saborder et il est possible de faire quelques \u00e9carts comme omettre d\u2019utiliser H1 \u2013 ce qui n\u2019a rien \u00e0 voir avec l\u2019utiliser de mani\u00e8re inad\u00e9quate.<\/p>\n","protected":false},"excerpt":{"rendered":"

Rien de bien compliqu\u00e9 \u00e0 suivre la r\u00e8gle s\u00e9mantique qui dicte que les balises d\u2019en-t\u00eates servent \u00e0 hi\u00e9rarchiser le contenu textuel. Pourtant, un \u00e9change r\u00e9cent sur Webmaster Hub avec un esp\u00e8ce d\u2019illumin\u00e9 de bas \u00e9tage tourne au vinaigre car il maintient que H1 poss\u00e8de sa place dans le Header. Retour sur l’utilisation des balises d’en-t\u00eates […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[10],"tags":[202,444],"class_list":["post-640","post","type-post","status-publish","format-standard","hentry","category-referencement","tag-google","tag-seo"],"_links":{"self":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/posts\/640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/comments?post=640"}],"version-history":[{"count":0,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/posts\/640\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/media?parent=640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/categories?post=640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.laurentbourrelly.com\/blog\/wp-json\/wp\/v2\/tags?post=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}