La surutilisation de <h1> était mauvaise, mais maintenant, avec HTML5?
Nous savons que la surutilisation de <h1> peut entraîner une pénalité de suroptimisation, mais à présent en HTML5, il est autorisé à utiliser plusieurs <h1> dans la même page (dans des sections imbriquées).
Que fera Google avec les pages contenant uniquement <h1> titres?
Selon Matt Cutts, Google ne pénalise pas les sites simplement pour avoir plusieurs balises <h1>) . Il est possible que leurs indexeurs soient programmés pour détecter une surutilisation flagrante de <h1> - comme, disons, avoir tout votre texte à l'intérieur de <h1> tags - et de pénaliser de telles pages, mais je n'ai vu aucune confirmation directe de cela. Il est très probablement que son personnel, s'il est alerté par une telle page, la verra comme un abus et agira en conséquence.
Je ne travaille pas chez Google et je ne sais pas du tout comment leurs algorithmes fonctionnent (au-delà de ce que l'on peut déduire d'observations et de messages de personnes qui le font savoir), mais si I devait écrire leur code de traitement de titre, je devrais attribuer un certain "poids de titre" par page et diviser ce poids proportionnellement sur toutes les rubriques de la page. De cette façon, avoir deux balises <h1> aurait exactement le même effet que d'avoir une seule longue, et utiliser seulement, disons, <h3> sur une page aurait exactement le même effet que d'utiliser seulement <h1>. C'est une solution si évidente que je serais plutôt surpris si Google ne faisait pas quelque chose plus ou moins comme ça.
Il est généralement accepté de n’avoir qu’un seul <h1> sur une page, ou un seul <h1> dans une section pour HTML5. Google ne vous pénalisera pas pour le respect des normes HTML, ni pour plusieurs <h1> (--= ) peut vous pénaliser pour avoir SEULEMENT<h1> cependant.
Le point important est qu’il s’agisse des exigences du contenu et des utilisateurs - qu’ils soient voyants ou non - que devrait porter la journée.
Voici Johnathan Mueller de Google confirmant que Google peut indexer HTML 5 , et qu'il ne fait rien de spécial pour lui, c'est-à-dire qu'il vous récompense pour l'utilisation de HTML 5.
À l'heure actuelle, nos systèmes d'exploration et d'indexation ne font rien de spécial pour HTML5. Il n'y a donc pas de "bonus" pour l'utilisation de constructions HTML5, mais de la même manière, aucun inconvénient. Cela dit, la plupart des pages avec un balisage HTML5 que j'ai vues ont tendance à être très propres - avec peu de "cruft" et d'éléments inutiles. Bien que nos algorithmes ne recherchent pas explicitement un balisage propre, nous voyons parfois des pages presque imparables. De plus, un balisage propre facilite grandement la maintenance du site Web, l'ajout de nouveaux éléments tels que les microformats, et rend souvent les pages plus portables sur divers navigateurs et appareils. Donc, dans cet esprit, rien ne vous empêche (du point de vue de la recherche) de créer un site génial en HTML5 :).
Tout le monde pointe toujours vers le post de Matt Cutts de 2009. Ici est une vidéo de 2011 pendant une discussion en direct avec une webcam en direct, où Matt Cutts indique spécifiquement sa préférence pour un seul tag <h1> par page.
Il a toujours été autorisé à utiliser plusieurs <h1> dans un document et n'a jamais été pénalisé de manière arbitraire. Over c'est ce qui pourrait devenir un problème.
En ce qui concerne Google, vous devrez simplement faire confiance aux ingénieurs et, s'ils indexent correctement le HTML5, Googlebot sait que les imbriqués <h1> sont effectivement "abaissés" d'un niveau. Si vous ne vous y fiez pas, ne le faites pas et indiquez-leur manuellement <h2> jusqu'à ce que vous obteniez une réponse claire et directe à ce sujet. (Le lien vers le message de Johnathan Mueller dans la réponse de @toomanyairmiles est intéressant, mais pas assez complet pour moi.) Je n'ai pas encore vu cela se produire.
Je suppose que cette question est basée sur la logique selon laquelle une balise <h1> représente le titre principal de la page. Même si cela a pu être vrai les jours précédents, HTML5 a modifié ce type de logique. En HTML5, la balise <h1> est le titre principal d'une section. Il peut s’agir d’une page entière, d’une sous-page, d’un module, etc. Un bon exemple de l’importance de cette différence est la construction d’un système modulaire de différentes sections et dédié à différentes activités.
Imaginez un système avec plusieurs "pages" alignées les unes à côté des autres. Chaque page a un objectif différent: une pour la météo, une pour l'organisation des tâches, une pour l'affichage des clients, etc. Chacune de ces pages peut être analysée de manière plus détaillée (prévision heure par heure, tâche unique, client unique). "subpages" pourrait être placé visuellement à côté des pages réelles.
Avant HTML5, vous deviez déterminer logiquement quelle balise d'en-tête était appropriée et, si vous approfondissiez plus de 6 niveaux, vous manquiez de balises d'en-tête. Avec HTML5, vous pouvez tous les définir comme <h1> sans logique supplémentaire ni limitation d'imbrication.