Коротко. H1–H6 задают структуру страницы: H1 называет тему, H2 делит текст на разделы, H3 — на подразделы. Один H1 на страницу — практическая рекомендация, а не требование стандарта HTML. Уровни выбирают по смыслу, а не по размеру шрифта.
Как читать материал. Сначала проверяем, какие заголовки реально стоят в HTML. Потом правим иерархию и оформление. Нейросеть помогает собрать план разделов, но проверять её вывод нужно по тексту и коду страницы.
Что такое H1–H6
Это шесть уровней заголовков. Браузер по умолчанию показывает их разным размером, но уровень выбирают по смыслу. H1 называет тему страницы, H2 — раздел, H3 — подраздел внутри H2.
Стандарт HTML относит H1–H6 к заголовкам разделов. Правила про один H1 и последовательные уровни — из практики, а не из спецификации.
Зачем нужна иерархия
- Читатель понимает, о чём страница и где искать нужный блок.
- Поисковик видит структуру: какие темы раскрыты и как они связаны.
- Скринридеры используют заголовки для навигации.
- Текст проще редактировать: видно, где раздел, а где подраздел.
Не размечайте заголовками ссылки, кнопки и подписи к полям. Если разный размер нужен только для оформления, используйте CSS.
Сколько H1 допустимо
Один H1 — удобная норма: он называет тему страницы, и читателю проще понять, куда он попал.
Стандарт не ограничивает число H1. Но когда их пять, непонятно, какая тема главная. Чаще всего лишние H1 появляются из шаблона: логотип, название компании, виджет или блок «популярное».
Частые проблемы
| Проблема | Почему плохо |
|---|---|
| H1 — логотип или название компании | Главная тема страницы не названа |
| Несколько H1 из шаблона | Неясно, какой заголовок главный |
| H1 пустой или скрыт | Заголовок есть в коде, но не в тексте |
| Уровни пропущены: H1 → H4 | Ломается структура разделов |
| H2 используют для мелкого текста | Заголовок перестаёт обозначать раздел |
| Заголовок сделан картинкой | Текст может не прочитаться роботом и скринридером |
Как проверить
В DevTools откройте консоль и выполните:
document.querySelectorAll("h1,h2,h3,h4,h5,h6")Вы увидите список элементов в порядке появления в DOM. Проверьте: сколько H1, нет ли пропусков уровней, совпадает ли H1 с темой.
Второй способ — исходный код страницы. Найдите <h1 и посмотрите, что внутри: текст, картинка или пустота.
Для сотни страниц используйте краулер: он выгрузит все заголовки в таблицу. Это быстрее, чем ходить по сайту руками.
Классический путь. Выпишите заголовки страницы и проверьте, складывается ли из них оглавление.
С нейросетью. Отдайте текст и попросите собрать структуру, затем сравните с текущей.
Вот текст страницы. Предложи структуру: один H1, разделы H2, подразделы H3.
Не придумывай новые разделы и не меняй смысл. Покажи, какие заголовки
дублируются и где пропущен уровень. Ответь списком с уровнями.Проверка. Сверьте предложенную структуру с текстом. Модель любит придумывать разделы, которых нет.
Как исправить
- Оставьте один H1 с темой страницы.
- Разделы оформите H2, подразделы — H3.
- Уберите заголовки, которые нужны только для оформления.
- Логотип и название компании вынесите из H1.
- Размер шрифта задайте в CSS, а не выбором уровня.
- Проверьте, что каждый заголовок описывает текст под ним.
Влияет ли это на SEO
Заголовки помогают поисковику понять содержание, но сами по себе не двигают позиции. Один H1 не даст роста, а пять H1 не приведут к санкциям.
Польза косвенная: понятная структура облегчает чтение и помогает роботу разобрать страницу. Это важнее, чем количество ключей в заголовке.
Где помогает нейросеть
| Задача | Что делает модель | Что проверять руками |
|---|---|---|
| План статьи | предлагает H2 и H3 | соответствие тексту |
| Аудит заголовков | находит дубли и пропуски | фактический HTML |
| Переписывание H1 | даёт варианты | смысл и длина |
| Объяснение клиенту | показывает структуру на пальцах | факты о странице |
Частые ошибки
- Ставить H1 на логотип.
- Выбирать уровень по размеру шрифта.
- Пропускать H2 и сразу ставить H4.
- Делать заголовок картинкой.
- Забивать в H1 список ключей.
- Считать, что один H1 сам по себе улучшит позиции.
Вопросы
Сколько H1 должно быть на странице?
На практике один. Несколько H1 размывают главную тему.
H1 обязан содержать ключевой запрос?
Нет. H1 называет тему страницы. Если запрос вписывается естественно, хорошо. Если нет, не ломайте заголовок.
Влияют ли заголовки на позиции?
Напрямую — нет. Решают содержание, спрос и конкуренция, а заголовки лишь помогают разобрать структуру.
Можно ли скрыть H1 визуально?
Можно, если он нужен для доступности, но лучше сделать его видимым. Скрытый заголовок часто признак шаблона, а не осознанного решения.
Может ли нейросеть расставить заголовки?
Она предлагает структуру по тексту, но проверять её нужно вручную: модель не видит вёрстку и шаблон.
Связанные материалы
Источники
Официальные документы 4
- HTML Standard: заголовкиhtml.spec.whatwg.org
- MDN: H1–H6developer.mozilla.org
- Google Search Central: SEO starter guidedevelopers.google.com
- Яндекс Вебмастер: структура страницыyandex.ru