Est-il correct d'utiliser plusieurs balises h1 sur la même page, mais un style différent?

Question

J'ai une page web que j'utilise les balises h1 à plusieurs reprises dans divers Vrd et j'style h1, pour chaque div à la taille appropriée.

Par exemple...

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

Est-ce bien? Je suis inquiet à propos de SEO.

Quelle est la meilleure façon d'aller à ce sujet? Ou suis-je à vous soucier de rien?

Answer 1

Matt Cutts de Google a répondu à Plus d'un H1 sur une page: bon ou mauvais? (Le 5 mars, 2009) avec:

Eh bien, si il y a une raison logique à avoir plusieurs sections, il n'est pas si mauvais, vous savez multiples h1s. J'ai l'attention de l'exagérer. Si votre page est entièrement h1, qui ressemble assez Creti, droit? Donc, ne pas faire tous h1 , puis vous CSS pour la faire ressembler à texte normal parce que nous voyons des gens qui sont des concurrents se plaindre que si les utilisateurs jamais désactiver le CSS ou le CSS ne se charge pas, il semble vraiment mauvais. Donc, vous savez, c'est ok d'avoir un peu d' h1ici et puis peut-être il y a deux articles sur une page, et donc peut-être avoir un peu d' h1 ici.

Mais vous devriez vraiment utiliser pour les en-têtes ou des positions, qui est ce que l'intention est. Pas de simplement jeter h1 partout où vous le pouvez sur une page. Parce que je peux vous dire, si vous venez de jeter h1 partout sur une page, les gens ont essayé d'abus et donc nos algorithmes essayer de prendre que en compte afin de ne pas vraiment vous faire beaucoup de bien. Je voudrais donc l'utiliser lorsque cela a un sens et plus de modération, mais vous pouvez l'avoir à de multiples reprises.

Answer 2

Rappelez-vous que votre h1s sont utilisées pour indiquer le contexte, pas de mise en page. Donc, il n'y a rien d'intrinsèquement mauvais avec le fait d'avoir plusieurs sur une page.

Dans cet exemple spécifique, vous devez décider si votre gauche-nav h1s ont la même importance contextuelle que votre contenu h1s et de vos récents-news h1s. Si une hiérarchie claire dans votre esprit, à l'utilisation de vos balises d'en-tête pour le démontrer.

Answer 3

À mon avis, vous n'avez pas besoin de s'inquiéter, son ok pour le faire de cette façon.

H1 désigne la partie de votre contenu à un premier niveau de titre. Donc, si vous avez un premier niveau de titre dans votre navigation div (par exemple, <H1>Navigation Menu</H1>), bien sûr que devrait être #nav h1.

Si vous avez plusieurs H1s au sein de votre contenu dépend: Si vous avez un blog et chaque ligne a sa propre position, à ceux qui seraient H1s. Toutefois, si votre blog a une rubrique (par exemple, <H1>My Blog!</H1>), le billet de blog intitulé devrait être un H2.

Mais ce n'est que de la théorie. Allez pour ce qui est lisible, le balisage sémantique. Vous pouvez décider sur qu'en regardant votre html et en vous demandant: "Est-il lisible? Permettrait d'améliorer la lisibilité si je l'ai fait dans l'autre sens?' La réponse varie d'un projet à l'autre.

Answer 4

En général, vous devez avoir un seul h1 par page, et que h1 doit succintly représenter le contenu de la page. Aussi longtemps que vous êtes prêt à le style avec CSS, de connaître le niveau des en-têtes (h2, h3, h4, etc) qui représentent correctement les titres que vous souhaitez utiliser, puis le style en place.

Answer 5

Sémantiquement, je préfère utiliser un h1 sur la page, surtout pour le titre de la page. Il n'a probablement pas trop avec le SEO, et avec la manière html va avec HTML5, le générique header balise sera beaucoup plus simple et cet argument obsolète.