web-dev-qa-db-fra.com

Est-il prudent d’utiliser plusieurs balises h2 pour une liste de produits?

J'utilise html5.

J'ai une liste de produits dans mon magasin (132 produits), et ils sont actuellement affichés en utilisant la pagination, avec 10 résultats sur chaque page.

Tous mes noms de produits sont très riches en mots clés et je souhaite obtenir tout ce trafic long tail, mais comment leur attribuer une importance (en utilisant des balises d'en-tête) sans être pénalisé?

Par exemple, si j'utilise <h2> pour mes noms de produits (ce ne sont pas des liens, mais du texte brut), les robots verront les balises 132 <h2>, ce qui peut poser problème.

Des idées?

10
user21100

Vous devez utiliser ce qui convient sémantiquement. Si ce sont toutes des vedettes de niveau secondaire, utilisez h2. Index des moteurs de recherche pages afin qu'ils ne voient pas "132 en-têtes", ils en voient 10 pour chaque page.

Tant qu'il y a du contenu entre chaque heure, tout va bien.

5
DisgruntledGoat

Si vous affichez le titre, le prix, la description abrégée et l’image (etc.) du produit pour chaque produit de la liste de produits, vous devriez utiliser des titres (resp. éléments de sectionnement).

Chaque produit doit constituer un élément article distinct. Ils sont regroupés dans un section. Comme les deux éléments sont des éléments de section, ils ont de toute façon un en-tête implicite et non spécifié (pour le contour). Fournir des en-têtes explicites pour chaque produit a du sens pour les utilisateurs, les robots, l'accessibilité, le référencement, le plan de document, etc.

<section>

  <h1>Page 3 of 14</h1>

  <article>
    <h1>Product Foo</h1>
    <p>…</p>
  </article>

  <article>
    <h1>Product Bar</h1>
    <p>…</p>
  </article>

  <article>
    <h1>Product Foobar</h1>
    <p>…</p>
  </article>

  <nav>
    <ul>
      <li><a href="/page/2" rel="prev">Previous page</a></li>
      <li><a href="/page/4" rel="next">Next page</a></li>
    </ul>
  </nav>

</section>

Vous pouvez utiliser h1 pour chaque élément de sectionnement ou h1-h6 (en fonction du contour calculé). Ce que vous choisissez n'a pas d'importance sémantique.

2
unor