Чи безпечно використовувати кілька тегів h2 для списку продуктів?

Я використовую html5.

У мене в магазині є список товарів (132 товарів), і вони наразі відображаються за допомогою пагинації, з 10 результатами на кожній сторінці.

Усі мої назви продуктів дуже багаті на ключові слова, і я хочу отримати весь цей довгий хвіст, але як я можу присвоїти їм важливість (використовуючи теги заголовка), не зазнаючи штрафу?

Наприклад, якщо я використовую <h2>для своїх назв продуктів (це не посилання, а просто текст), боти побачать 132 <h2>теги, і я думаю, це може бути проблемою.

Будь-які ідеї?

Ви повинні використовувати все, що підходить семантично. Якщо всі вони є заголовками на вторинному рівні, використовуйте h2. Пошукові системи індексують сторінки, щоб вони не бачили "132 заголовків", вони бачили 10 для кожної сторінки.

Поки між деякими h2 є деякий вміст, то у вас все добре.

Якщо ви відображаєте назву продукту, ціну, короткий опис та зображення (тощо) для кожного продукту у списку продуктів, слід використовувати заголовки (відповідно, елементи секції).

Кожен виріб повинен бути окремим articleелементом. Вони згруповані в а section. Оскільки обидва елементи є елементом секціонування, у будь-якому випадку є неявна, не визначена заголовок (для контуру). Надання чітких заголовків для кожного продукту має сенс для користувачів, ботів, доступності, SEO, контур документів тощо.

<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>

Ви можете використовувати h1для кожного елемента секціонування, або ви можете використовувати h1- h6(відповідно до обчисленого контуру). Те, що ви обираєте, не має значення семантично.

Я думаю, що 132 H2 викликає надмірне вбивство, я думаю, що краще, щоб текст був тегами на відповідних сторінках. Таким чином, у вас будуть внутрішні теги прив’язки, що переходять на відповідні сторінки там, для того, щоб підкреслити важливість з точки зору внутрішнього посилання, а також те, що вони мають хороший відповідний текст із довгим хвостом до кожної сторінки.

Я думаю, що з точки зору інтерфейсу люди сподівалися б натиснути на заголовок предметів, щоб перейти до пункту.

Це також підхід, який застосовує амазонка.