Почему нельзя сделать несколько заголовков h1

Ответ

Использование нескольких <h1> на одной странице не запрещено технически, но нарушает семантику HTML и ухудшает доступность.

Основные проблемы:

  1. SEO: Поисковики воспринимают <h1> как главный заголовок страницы. Несколько <h1> могут запутать алгоритмы.
  2. Доступность: Скринридеры используют заголовки для навигации. Несколько <h1> усложняют восприятие структуры.
  3. Логика: <h1> должен обозначать основную тему страницы, а подразделы - <h2>, <h3> и т.д.

Пример правильной структуры:

<h1>Главный заголовок</h1>
<section>
  <h2>Подраздел</h2>
  <h3>Подподраздел</h3>
</section>

В HTML5 допустимо несколько <h1> внутри секционных элементов (<article>, <section>), но лучше придерживаться иерархии <h1><h2><h3>.