Структура заголовков

Как работает

HTML предлагает шесть уровней заголовков — от H1 до H6. Работают они как оглавление: H1 — название всей страницы, H2 — крупные разделы, H3 — подразделы внутри них, и так далее. Уровни показывают вложенность, а не размер шрифта: визуальное оформление задаётся стилями отдельно.

Правильная иерархия не пропускает уровни: после H2 идёт H3, а не сразу H4. Пример логичной структуры:

<h1>Кофемолки: как выбрать</h1>
  <h2>Типы кофемолок</h2>
    <h3>Ножевые</h3>
    <h3>Жерновые</h3>
  <h2>На что смотреть при покупке</h2>
    <h3>Мощность</h3>

H1 на странице должен быть один и отражать её основную тему. Остальные уровни используются столько раз, сколько нужно, но с сохранением вложенности. Глубже H3 на практике спускаются редко: H4–H6 нужны в основном для объёмной документации и длинных руководств, где разделов действительно много.

HTML5 добавил секционные теги — <section>, <article>, <nav>, — внутри которых уровни заголовков формально можно начинать заново. На практике поисковики и скринридеры по-прежнему опираются на сквозную нумерацию от H1 до H6, поэтому надёжнее вести единую иерархию по всему документу, а не полагаться на вложенные секции.

Почему важно для SEO

Заголовки задают роботу карту документа: по ним поиск понимает, из каких смысловых блоков состоит страница и какие подтемы раскрыты. Это помогает точнее сопоставить контент с запросами и иногда сформировать блок с ответом или расширенный сниппет по конкретному подзаголовку.

Не менее важна доступность. Скринридеры позволяют незрячим пользователям перемещаться по заголовкам как по оглавлению — сломанная иерархия делает навигацию мучительной. Google учитывает доступность как часть качества страницы. Наконец, логичные подзаголовки улучшают читаемость: посетитель сканирует текст по H2–H3, быстрее находит нужное и дольше остаётся на странице. Это работает и на длинных страницах, где без подзаголовков читатель просто теряется в сплошном полотне. Речь именно о структуре целиком — про сам тег H1 и про Title есть отдельные карточки.

На длинных страницах заголовки выполняют ещё и роль якорей: по ним строятся оглавления с переходами к разделам, а поиск иногда формирует из подзаголовка ссылку прямо к нужному фрагменту в результатах. Это повышает шанс, что пользователь попадёт сразу на релевантную часть страницы. Чтобы приём работал, формулировки подзаголовков должны быть самодостаточными — понятными в отрыве от остального текста, а не общими вроде «Подробнее» или «Ещё».

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

• Несколько H1 на одной странице или, наоборот, полное их отсутствие.
• Пропуск уровней: после H1 сразу H3, минуя H2, — иерархия рвётся.
• Заголовки используют ради крупного шрифта, а не для структуры — оформительский H2 на подписи.
• Обёртывание в теги заголовков элементов меню, логотипа, кнопок вместо смысловых разделов.
• Заголовки не отражают содержимое раздела — общие фразы вместо сути.

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

Иерархию удобно смотреть в браузерных расширениях (HeadingsMap, web developer) или в Chrome DevTools во вкладке Elements. Lighthouse и проверки доступности отмечают пропущенные уровни и отсутствие H1. В Яндекс.Вебмастере и Google Search Console прямого отчёта по заголовкам нет — это анализ разметки страницы.

SEO Crawler при обходе сайта проверяет заголовки на каждой странице: находит страницы без H1 или с несколькими H1, показывает содержимое заголовков и помогает увидеть нарушения иерархии массово, а не по одной странице вручную.

Вывод

Структура заголовков — это скелет страницы, понятный и человеку, и роботу, и скринридеру. Держите один осмысленный H1, не пропускайте уровни вложенности и используйте заголовки для смысла, а не для оформления.