{"partition": "head_middle", "source_domain": "blog.nethik.fr", "digest": "sha1:QXCC5MJVPD6TXAA2B2EXU7OLIZQY3SI5", "path": "/lustre/fsn1/projects/rech/qgz/uzq54wg/processed_redpajama/base_processing/output/fr/2016-26/000_00041.parquet"}
Accueil du blog
Suivez le fil RSS
Recevez les articles par email
Bienvenue !	Nethik, agence web des Pyrénées-Orientales, partage avec vous sa vision du web et ses coups de coeur.
Bonne lecture et n'hésitez pas à laisser un commentaire!
6sept10
Plusieurs H1 sur une page Web
par Julien | Catégorie: Accessibilité, Développement web, Référencement/Webmarketing Voici un billet pour se débarrasser d’un mythe que l’on croise fréquemment sur la toile. A en croire certains référenceurs, la balise H1 ne devrait être utilisée qu’une seule fois par page.
Le H1, une balise sémantique
Tout d’abord qu’est-ce qu’un H1? Les balises Hn (remplacez le n par un chiffre de 1 à 6) sont utilisées pour structurer les documents Web de manière sémantique. Le H a pour signification « Heading ». Comprenez en français « Titre », « Chapitre » ou encore « Entête ». Le numéro qui suit, lui, sert à donner le niveau du titre. Plus le chiffre est petit plus le titre est important.
Structurer un document de manière sémantique permet de donner du sens à son contenu en indiquant qu’un élément texte prend tel ou tel sens. On peut donc identifier facilement l’importance des éléments les uns par rapport aux autres et lire plus aisément le contenu. Ce système n’est d’ailleurs pas une particularité du Web et est aussi employé par exemple dans l’ensemble des traitements de texte.
Capture d'écran du Blog Nethik avec les styles désactivés
Mais qu’est-ce qui fait que ces balises permettent de mieux lire le contenu? Tout simplement parce qu’elles héritent d’un style particulier qui les met en exergue. En effet, par défaut tous les navigateurs appliquent une mise en forme aux éléments sémantiques, si bien que même sans ajouter de style à votre page Web, votre contenu sera tout à fait lisible et clair. Vous pouvez voir le résultat sur n’importe quel site Web grâce à l’extension Firefox « Web Developer » en désactivant les styles.
L’intérêt des balises sémantiques pour le référencement
Les balises sémantiques sont le seul moyen pour les moteurs de recherche de hiérarchiser le contenu de vos pages. En effet, les moteurs de recherche peuvent être considérés comme des personnes aveugles. Ils n’ont que faire du bandeau 2.0 que vous avez passé des heures à confectionner sous GIMP . Ce qui les intéressent c’est votre contenu. Ces balises vous permettent de donner plus d’importance à certains éléments qu’à d’autres et de les délimiter. Votre mot clé aura donc plus d’importance si il se trouve dans un titre que dans un paragraphe. Tout ça pour une raison très logique : si il se trouve dans le titre, l’ensemble du contenu qui le suit sera censé être en rapport avec celui-ci.
Les spécifications des titres (Hn)
Les spécifications HTML, depuis au moins la version 4, décrivent les balises sémantiques Hn comme un élément décrivant brièvement le sujet d’une section qu’il introduit. Chose importante, elles n’interdisent pas d’avoir plusieurs H1 dans une page. Il est donc tout à fait valide même en xHTML strict 1.0 de mettre plusieurs H1 dans une page Web.
Les cas d’utilisation de plusieurs H1 sur une page Web
Les H1 peuvent être vus comme des délimiteurs de section. Ils permettent d’aborder plusieurs sujets dans la même page Web et de découper le contenu en plusieurs zones. C’est par exemple le cas sur la page d’accueil de ce Blog où les derniers billets sont listés. Chaque titre de billet utilise une balise H1. De cette manière, il est évident quand on rencontre le H1 suivant que l’on passe dans une autre zone.
Le brouillon des spécifications HTML 5 donne d’ailleurs encore plus de légitimité à cette pratique. En effet, le HTML 5 vise entre autre à ajouter de nouvelles balises sémantiques tels que , , , , , … pour donner encore plus de sens aux pages Web et les découper en zones. Chaque zone aura donc logiquement son propre titre de niveau 1, de niveau 2 etc.
Plusieurs H1 un problème pour le référencement?
Alors que nous avons vu que d’un point de vu technique et logique il était tout à fait envisageable d’utiliser plusieurs H1 sur la même page, un mythe circule sur le net à propos de son impact sur le référencement. Je dis bien un mythe car cette théorie ne repose sur rien de bien constructif et est réfutée même chez Google. Pour preuve voici une vidéo de Matt Cutts, ingénieur chez Google spécialisé sur la question :
Pour reprendre sa phrase de conclusion : « you can have it multiple times » comprenez « vous pouvez en avoir plusieurs »
Un peu de bon sens
Sans avoir à aller chercher la vidéo d’un ingénieur chez Google qui pourrait très bien se tromper, il est important pour ce qui est de la sémantique et du référencement de toujours faire preuve de bon sens. Lorsque vous avez un doute, gardez à l’esprit que les moteurs de recherche ne sont pas si différents de vos autres visiteurs et que ceux-ci se basent sur les normes en vigueurs dans le milieu. Codez en respectant ces normes et produisez du contenu clair de qualité. Voilà une bien meilleure ligne directrice. Laissons les Trolls à ceux qui ont du temps à y perdre.
Vous avez aimé ce billet ? Partagez-le avec votre réseau :
Tags: h1, HTML, HTML5, Référencement/Webmarketing, sémantique, SEO
>> Conseils pour écrire le Title d’une page web
>> Comment bien référencer ses images sur Google?
>> Twitter : petit mode d’emploi pour se lancer 2/2
>> Présentation de Sandrine, chargée du webmarketing
La création de site internet expliquée aux enfantskeladeco.com classé parmi les 500 meilleurs sites du moment!
5 commentaires pour “Plusieurs H1 sur une page Web” jpvincent, le 6 septembre, 2010 à 16 h 23 min - j’ajouterai que c’est encore plus vrai avec la nouvelle sémantique HTML5 : Hx est relatif à la balise SECTION ou ARTICLE immédiatement parent, à défaut BODY.
j’ai fini par le comprendre en implémentant la sémantique HTML5 sur un blog wordpress : http://braincracking.org/blog/2010/08/27/passer-son-blog-wordpress-a-la-semantique-html5-et-aria/
ce qui m’a fait relire specs et inteprétations par HTML5 doctor
david Cohen #SEOEuro, le 5 février, 2012 à 22 h 30 min - 1 an plus tard, j’ai bien vu la video de Matt Cutts mais je n’avais pas vu vos articles et j’ai posé la question là SEOMoz LinkedIn
http://www.linkedin.com/groupAnswers?viewQuestionAndAnswers=&discussionID=88266299&gid=2976409&commentID=67309579&trk=view_disc&ut=2zUSt66JcGSl41
les réponses restent variées mais je rejoins vos avis à jpvincent et vous.
Au fait, en SEO, avez vous retiré un avantage net de ces H1 ? Un test chiffré ??
Julien, le 7 février, 2012 à 1 h 17 min - Bonjour David,
il est quasiment impossible de mesurer l’impact de l’utilisation de plusieurs H1 sur une page. Les algorithmes et la concurrence changent tellement souvent, qu’essayer d’interpréter les variations me semble très hasardeux.
A mon sens, ce qui est important niveau SEO, c’est de faire du code qui respecte les normes pour ne pas introduire de facteurs techniques bloquants. Ensuite la différence ne se fait pas sur le code mais sur la qualité du contenu.
Quand nous choisissons de mettre plusieurs H1 sur une page, ce n’est pas dans le but d’améliorer le référencement mais de structurer notre contenu.
Dans tous les cas, ça na jamais eu d’effet négatif sur notre référencement.
syndrael, le 23 octobre, 2012 à 22 h 15 min - Moi je constate juste que Bing me fait un retour sur les pages ayant plusieurs H1.. On ne va pas jouer aux rebelles, on va écouter Mr Bing.. même si pour l’instant il ne m’a apporté personne alors que Google m’amène du monde par dizaine.
roger, le 8 avril, 2013 à 23 h 24 min - Merci pour votre article.
Grace à vous je vais passer une bonne nuit.
Je vais gagner aussi un temps precieux et arreter de focaliser sur mes deux H1 sur les pages de mon blog
Laisser un commentaire Nom*
email* (ne sera pas publié)
Design Web
Explique moi le web
Gestion/Comptabilité
Référencement/Webmarketing
Vie de l'agence
Meabilis, créer un site web facilement
Terra-Octet, transfert de fichiers lourds
Voteweb, vote en ligne
Vie locale
Agence web 66
agence web perpignan
creation site internet perpignan
Nethik
pyrénées orientales
SCOP	septembre 2010
« juil
L'agence Web Nethik
Meabilis, Créer un site
Terra-octet
Voteweb
Startup Weekend Perpignan
Maison du sud : l’art de vivre en Méditerranée
Le concept des Boxes : découverte avec My Sweetie Box
Réunion de l’UPAM jeudi 13 mars
Meilleurs vœux 2014 et 1% pour la planète
archives	février 2015
Derniers commentaires	Edou dans Spécialiste Leurres, nouvelle boutique en ligne spéciale PêcheBryan dans Présentation de Loic, développeur web chez NethikRomain dans Nethik change de look !Judith dans Nethik change de look !
©2016 Agence Web Nethik - Blog propulsé par WordPress | Articles (RSS) et Commentaires (RSS).