Commentaires sur : Combien peut-on mettre de « H1 » dans une page ? https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/ The beauty in HTML code Mon, 27 May 2013 12:26:08 +0000 hourly 1 https://wordpress.org/?v=4.2.39 Par : Quelques notes sur l’utilisation de la balise h1 https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-4861 Thu, 16 Dec 2010 13:20:32 +0000 http://www.htmlzengarden.com/?p=528#comment-4861 […] Combien peut-on mettre de « H1 » dans une page ? […]

]]> Par : Stéphane Deschamps https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-650 Thu, 26 Mar 2009 12:42:30 +0000 http://www.htmlzengarden.com/?p=528#comment-650 Tiens, la mère de tous les articles sur le sujet, on avait oublié d’y faire référence : title et h1, titre de section et titre de document: le malentendu.

]]> Par : Nicolas Hoizey https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-440 Thu, 12 Feb 2009 23:26:44 +0000 http://www.htmlzengarden.com/?p=528#comment-440 Pour moi, et de multiples études le mettent en évidence, quand on arrive sur une page, on la scanne d’abord d’en haut à gauche vers en bas à droite, puis on revient vers la gauche et éventuellement vers le haut à droite.

Donc la navigation gauche est bien vue après le contenu principal.

]]> Par : Goulven https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-439 Thu, 12 Feb 2009 13:18:18 +0000 http://www.htmlzengarden.com/?p=528#comment-439 Vincent : Si la navigation de gauche vient après le contenu principal dans le code source, mais qu’elle est positionnée à gauche par CSS, l’ordre du code source et celui de l’affichage diffèrent, ce qui invalide le point 10.3.

Autre conséquence, si on tabule dans la page, le focus passera du header au contenu principal, puis à la navigation de gauche. L’ordre de tabulation diffère de l’ordre d’apparition des liens, point 10.4 invalidé.

J’en tire donc 2 conclusions :

  • On ne doit pas structurer la page et le contenu avec des titres. Comme ça, pas de problème de structure de titre incohérente (genre la navigation en h2 qui apparaitrait rattachée au titre de l’article en h1).
  • On ne doit pas utiliser de technique CSS (ou JS) qui rende l’ordre d’affichage différent de l’ordre du code source. Au passage on évite les problèmes de hauteur de colonne quand on utilise position: absolute.
]]> Par : Stéphane Deschamps https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-438 Tue, 10 Feb 2009 14:16:47 +0000 http://www.htmlzengarden.com/?p=528#comment-438 (Par contre je n’ai pas noté le numéro de ton compte en Suisse, Nicolas ?) 😉

]]> Par : Nicolas Hoizey https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-437 Tue, 10 Feb 2009 11:24:37 +0000 http://www.htmlzengarden.com/?p=528#comment-437 Stéphane, n’en fait pas trop, ils vont croire que je t’ai soudoyé pour que tu dises du bien de moi ! 😉

Sérieusement, très flatté que tu valides ma façon de penser.

]]> Par : Stéphane Deschamps https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-436 Mon, 09 Feb 2009 21:51:44 +0000 http://www.htmlzengarden.com/?p=528#comment-436

Alors certes le <h1> donne un meilleur référencement que le <h2>, mais la structure sémantique du contenu doit servir l’utilisateur avant de servir les moteurs de recherche.

Je propose d’encadrer cette magnifique phrase de Nicolas et de la servir à tous les référenceurs naturels qui foutent des titres dans n’importe quel ordre parce que le vaudou de google leur laisse supposer que parmi une centaine de critères flous, foutre le bordel dans la hiérarchie d’une page, c’est une vache de bonne idée.

(tiens j’ai dit mon lot de grossièretés pour la semaine, mais je suis comme Nicolas : parfois, penser aux robots avant de penser aux humains, ça me hérisse)

]]> Par : Vincent https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-435 Mon, 09 Feb 2009 19:01:59 +0000 http://www.htmlzengarden.com/?p=528#comment-435 Très intéressante lecture sûr alsa par ailleurs ! :-)

]]> Par : Vincent https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-434 Mon, 09 Feb 2009 18:33:05 +0000 http://www.htmlzengarden.com/?p=528#comment-434 Justement, comme je le soulignais dans le billet, j’ai l’impression de ne pas faire entorse à ses points. Je ne note aucun illogisme.

Mais c’est peut-être ma comprehension de la règle qui est fausse.

]]> Par : Goulven https://htmlzengarden.vincent-valentin.name/2009/02/combien_peut-on_mettre_de_h1_dans_une_page/#comment-433 Mon, 09 Feb 2009 18:09:20 +0000 http://www.htmlzengarden.com/?p=528#comment-433 Je me permets de souligner que lorsqu’on « ruse » en déplaçant en CSS le menu avant le contenu qui le précède dans le code source, les points 10.3 et 10.4 du label Accessiweb ne pourront pas être validés. Pour rappel :

Critère 10.3 :

Dans chaque page Web, l’ordre de lecture de l’information dans le code source est-il cohérent ?

Critère 10.4 :

Dans chaque page Web, l’ordre de tabulation est-il logique ?

Le but de ces critères est de permettre aux utilisateurs de tabulation ou de synthèse vocale de pouvoir utiliser l’affichage du navigateur en parallèle. (L’ordre considéré comme logique étant : de gauche à droite et de haut en bas.)

Au passage : ce point avait été soulevé sur le forum Alsacréations en 2005, à l’apparition du label.

Pour respecter ces critères, il faut donc éviter les solutions « source-ordered » pour le moment, et attendre HTML5 qui nous permettra d’indiquer à quelle section de la page un titre se rapporte. En espérant que les moteurs de recherche mettent à jour leurs algorithmes aussi vite que le souhaitent les intégrateurs !

]]>