Заголовки H1–H6: как построить структуру страницы

Заголовки делят страницу на смысловые блоки. Читатель по ним быстро находит нужный раздел, поисковая система понимает, о чём страница и из каких частей она состоит, а программы экранного доступа позволяют переходить между заголовками как по оглавлению. Хорошая структура заголовков — это почти всегда хорошая структура текста.

Как устроена иерархия

• H1 — главный заголовок страницы: о чём она целиком. Обычно один.
• H2 — крупные разделы.
• H3 — подразделы внутри H2.
• H4–H6 — более мелкие уровни; на обычных страницах нужны редко.

Уровни вкладываются последовательно, как главы и параграфы в книге:

H1 Как выбрать беговые кроссовки
  H2 Тип покрытия
    H3 Асфальт
    H3 Трейл
  H2 Амортизация
  H2 Размер и посадка

Правила

1. Один H1, отражающий суть страницы. Он близок к Title по смыслу, но может быть сформулирован естественнее — Title пишут для выдачи, H1 — для читателя на странице.
2. Без пропусков уровней. После H2 идёт H3, а не сразу H4. Пропуск не ломает индексацию, но нарушает логику документа и мешает навигации по заголовкам.
3. Подзаголовки — из запросов. Дополнительные запросы из кластера страницы хорошо подходят для H2 и H3: так текст отвечает на все формулировки, по которым его ищут.
4. Заголовок описывает раздел. «Как выбрать размер» лучше, чем «Раздел 3» или «Подробнее».
5. Теги заголовков — только для заголовков. Для крупного текста в баннерах и подписях используйте стили, а не H2.

Частые ошибки

• Логотип или название сайта в H1 на всех страницах. Главный заголовок у каждой страницы должен быть свой.
• Несколько H1 из-за шаблона. Заголовки в шапке, подвале, боковой колонке и всплывающих окнах часто размечены H1–H2 по ошибке.
• Пустые заголовки. Иконка или картинка внутри <h2> без текста — пустой заголовок для поисковика и экранного диктора.
• Одинаковые подзаголовки. Несколько разделов «Преимущества» на одной странице путают и читателя, и робота.
• Переспам в заголовках. Ключевая фраза в каждом подзаголовке выглядит неестественно — используйте синонимы и уточнения.

Как проверить структуру

1. Откройте страницу в браузере, нажмите Ctrl+U и скопируйте весь код.
2. Вставьте его в HeadingMap. Инструмент построит дерево H1–H6 и отметит проблемы: несколько H1, пропущенные уровни, пустые и одинаковые заголовки.
3. Если вы пишете текст в редакторе, вставьте его с разметкой Markdown (## Подзаголовок) — структура проверится ещё до вёрстки.
4. Выгрузите дерево в TXT или CSV, чтобы передать правки разработчику.

HeadingMap анализирует только вставленный код: скрипты не выполняются. Чтобы взять заголовки сразу со страницы по адресу, запустите SEO-анализ сайта — он покажет ошибки в H1 и структуре и откроет заголовки в HeadingMap.

Что дальше

Когда структура выстроена, проверьте сам текст — нет ли переспама и повторов — в TextSEO, а заголовок страницы в выдаче — в SERP Preview. Подробнее о метатегах — в гайде «Title и Description».