web-dev-qa-db-fra.com

H1 dans la chapelure, mauvais pour le référencement?

La conception de mon site Web a l'air bien, mais essayer de placer un gros titre principal en haut ne ressemble pas à Nice. Mais je sais à quel point une balise H1 est importante pour le référencement, c’est l’en-tête principal qui décrit la page sur laquelle le visiteur se trouve.

Cela étant dit, j'ai en haut de ma page un fil d'Ariane qui ressemble à ceci:

Home > directory > page

Le code HTML pour la chapelure ressemble à ceci:

<ul>
    <li><a href="/">Home</a></li>
    <li class="bread-separator"> > </li>
    <li><a href="/the-website-page" class="red">The website page heading</a></li>
</ul>

Maintenant, parce que la balise H1 que je veux mettre sur ma page est identique au titre dans le fil d'Ariane, serait-il acceptable pour le référencement de placer la balise H1 dans la chapelure comme ceci:

<li><a href="/the-website-page" class="red"><h1>The website page heading</h1></a></li>
seohtmlbreadcrumbsheadingh1
4
Matthew Smart

Aucun effet. Le fil d'Ariane est une structure spécifique pour afficher la structure arborescente des liens. Vous pouvez appliquer des attributs d'ancrage tels que titre.

H1 ou d’autres surligneurs (em, cite, titres) aident à extraire les méta-données du document. Le lien est pour la navigation, donc le surligneur de document ne les affecte pas.

1
Vikas Avnish

Si vous finissez par scinder le fil d’arrière de la balise H1 comme le suggère closetnoc dans les commentaires (ce qui est une bonne idée, je pense), je pense que le problème est encore là où vous avez déclaré: "Mon site est bien. Mais un gros cap au sommet ne ressemble pas à Nice. "

Dans ce cas, j'utiliserais toujours la balise H1 (comme vous le réalisez, c'est très important) et rajouterais simplement une classe qui changerait simplement le CSS de sorte que la taille soit beaucoup plus appropriée (plus petite, je suppose, selon vous). De cette façon, vous gardez la chapelure séparée de votre H1 (comme le suggère closetnoc) et votre site Web est beau en modifiant la classe de balise H1 pour la rendre plus petite.

1
Tony DiNitto

<h1> indique que c'est l'en-tête principal. C'est assez d'informations pour Google.

Si vous êtes intéressé par le référencement, vous devriez probablement avoir la balise <title> dans votre section <head> correspondre le plus étroitement possible à votre H1.

Votre style n'est pas un problème - à condition de ne pas faire de doutes, comme de cacher la balise à l'aide de CSS (display: none) ou de placer d'autres nœuds DOM dessus.

0
Seb