Открыть мобильное меню

Правильное использование тега H1 на странице (сколько их должно и может быть)

Кратко: Внутри каждого тега article можно использовать свой h1.

Для начала разберёмся, что такое тег H1

Это тег обозначающий заголовок страницы или статьи. Он несёт ёмкую информацию о ниже написанном тексте, информации которую получит посетитель читая текст относящийся к данному заголовку.

Далее рассмотрим H2 — подзаголовок. Если информацию относящуюся к h1 можно поделить логически на несколько отдельных подтем, то используем h2 для их визуального и смыслового разделения.

По такому же принципу используются остальные h3, h4, h5, h6

Тег article

Со стандартами HTML5 мы получили семантически значимые теги article и section. Они учитываются поисковыми роботами, при сканировании и индексации страницы.

В случае, когда блок информации может быть выдернут с сайта и не потеряет смысл, он заключается в тег article. Например это статья, пост, документ.

Тег section объединяет по смыслу часть страницы или выступает в роли разделения информации в теге article, например главы статьи.

<section>
    <p>Ниже приведены несколько алгоритмов</p>
    <article>
        <h1>Алгоритм поиска пути</h1>
        <p>До того, как создать алгоритм поиска пути, я изучил разные...</p>
    </article>
    <article>
        <h1>Триангуляция многоугольной поверхности</h1>
        <p>Суть алгоритма триангуляции: берём точки 1, 2, 3. Узнаём...</p>
    </article>
</section>

Таким образом заголовки h1 можно использовать и несколько раз на странице, но разумно и логично для посетителя страницы, ведь это должно быть главным в вёрстке текста.

Размышления

Если разобраться в проблеме глубже, возникают вопросы: нужно ли независимую информацию внедрять на одну страницу или удобнее сделать несколько?

  1. Таким образом выигрывает сайт — поисковиком будет проиндексировано больше страниц.
  2. Возрастает удобство посетителя — по запросу он сразу попадает на нужную страницу, видя заголовок и искомую информацию.
Задайте вопрос или оставьте комментарий:


Вопросы и комментарии: