Заголовки H1, H2, H3: правила, которые ещё работают

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

Заголовки H1, H2, H3 это базовая семантическая разметка любой веб-страницы. На них смотрит и поисковый робот, и читатель. Хорошая структура заголовков даёт +10-20 процентов трафика на ровном месте, плохая режет позиции и заставляет посетителя уходить со страницы за 5 секунд.

Тема выглядит простой, и регулярно вижу в ней путаницу. Один H1 или два, можно ли пропускать уровни, нужно ли тегать сайдбар. Правила за последние 5 лет несколько раз менялись, и в 2026 году актуальная версия отличается от того, что говорили в 2018. Разберу.

Что такое заголовки и почему они важны

H1, H2, H3 (и далее H4-H6) это HTML-теги для семантических уровней заголовков. H1 главный, H2 второй уровень, H3 третий и так далее.

Зачем поисковикам: — Понять структуру страницы: где главная тема, где подразделы. — Понять контекст ключевых слов: в H1 это центральная тема, в H2 это подтема. — Сгенерировать оглавление и сниппет в выдаче.

Зачем пользователям: — Сканировать страницу глазами, искать нужный раздел. — Доступность: screen readers навигируют по заголовкам. — Ощущение качественной структуры (или его отсутствие при плохой).

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

Главное правило в 2026

Один H1 на страницу.

Это правило из 2018 года, и оно осталось в силе. Один центральный заголовок, который описывает содержимое страницы.

Несколько H1 на странице это сигнал для поисковика, что у вас несколько центральных тем, и он не понимает, какая основная.

Исключение: HTML5 формально разрешает несколько H1, если они находятся в разных <section> или <article>. Технически валидно, но Google и Яндекс рекомендуют один H1 на главном уровне страницы. Я придерживаюсь этого подхода.

В 2024 году Google официально подтвердил, что несколько H1 не наносят прямого вреда, но рекомендация по ясности структуры остаётся: один H1 это просто понятнее и для машины и для человека.

Что ставить в H1

H1 повторяет главную тему страницы. Не дословно ваш title, но близко по смыслу.

Хорошие H1 для нашего сайта: — На главной: Абонентское обслуживание сайта малого бизнеса. — На странице услуги: Восстановление сайта после взлома. — На статье блога: Как почистить WordPress от вирусов: 6 шагов.

Плохие H1: — Добро пожаловать! (не про тему). — Услуги (слишком общо). — Картинка-логотип в роли H1 (нет текста, поисковик не видит).

H2: подтемы и разделы

H2 это разделы основного содержимого. Если страница длинная, H2 структурирует её.

В типичной статье блога 4-8 H2 нормально. В большой статье до 12-15.

Правила:

H2 должны логически быть подтемами H1.
H2 идут друг за другом на одном уровне.
В H2 включайте релевантные ключевые фразы из вашей семантики.

Плохо: статья из 8 H2, и в каждом одинаковое слово обслуживание. Текст выглядит как набор однотипных секций.

Хорошо: H2 отражают разные аспекты темы. Что входит в обслуживание, Тарифы и цены, Как заказать, Кейсы и отзывы. Разные подтемы, поисковик видит разнообразие.

H3: подразделы H2

H3 раскрывают конкретные пункты внутри H2. Пример:

H2: Что входит в обслуживание
  H3: Бэкапы
  H3: Обновления
  H3: Мониторинг
H2: Тарифы и цены
  H3: Базовый тариф
  H3: Расширенный тариф

Каждый H3 раскрывает одну деталь H2, выше идущего.

Не пропускайте уровни: после H1 идёт H2, потом H3. Не H1 → H3 без H2 в середине. Это нарушает семантическую иерархию, и читатели на screen reader путаются.

H4-H6: глубокие подразделы

В большинстве статей и страниц достаточно H1-H3. H4-H6 нужны на сложном техническом контенте, где много вложенной структуры. Например, документация API:

H2: Endpoints
  H3: Authentication
    H4: API Key
    H4: OAuth 2.0
      H5: Client Credentials
      H5: Authorization Code

Если у вас на сайте малого бизнеса появляется H4, спросите себя: точно ли нужен этот уровень глубины? Часто можно обойтись без него, переформулировав.

Заголовки в сайдбаре, навигации и подвале

Это место, где регулярно встречаются ошибки.

Сайдбар

Боковые виджеты типа Последние записи, Категории, Облако тегов могут иметь свои заголовки. По стандартам HTML5 это H2 или H3 в зависимости от структуры. На практике в большинстве WordPress-тем виджеты сайдбара получают H2, и это приемлемо: они не дублируют главную тему страницы.

Исключение: если в сайдбаре подзаголовок Связанные статьи стоит рядом с большим основным контентом, и в основном контенте только один H2, может возникнуть конфликт по важности. Тогда лучше делать H3 для сайдбара, чтобы не размывать основную структуру.

Подвал

Заголовки в подвале (Контакты, Услуги, Новости) обычно H3 или H4. Они вспомогательные, не должны конкурировать с основным контентом.

Карточки товаров и постов

В сетке Последние записи каждая карточка имеет свой заголовок. По стандартам HTML5 это H2 или H3. Если карточек много (10-20), это легко даёт перегруз заголовками.

Реалистичная стратегия: заголовки карточек в H3 в большинстве случаев, чтобы оставить H2 для разделов основного контента.

Чек-лист правильной структуры

На любой странице:

Ровно один H1 в основном контенте.
H1 отражает главную тему страницы.
H2 идут на одном уровне, структурируют контент.
H3 раскрывают H2.
Уровни не пропускаются (после H2 не сразу H4).
Сайдбар и подвал используют H3 или H4 (или H2, если структура сайта это поддерживает).
В каждом заголовке естественный текст, без перегруза ключевыми словами.

Заголовки и ключевые слова

Поисковики смотрят на заголовки как на сильный сигнал релевантности. Слова в H1 и H2 имеют больший вес, чем в обычном абзаце.

Принципы использования ключевых слов:

1. Главное ключевое слово в H1

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

2. Связанные ключи в H2

Если ваш кластер обслуживание сайта, техподдержка сайта, администрирование, разместите их в H2 разных разделов:

H2: Техподдержка сайта: что входит
H2: Администрирование WordPress: чек-лист

Связанные слова усиливают тематичность страницы.

3. LSI и синонимы в H3

В H3 уместны синонимы и тематические уточнения: Бэкапы и восстановление, Обновление плагинов и тем, Мониторинг доступности. Поисковики видят тематический контекст.

4. Без перегруза

Если все 8 H2 содержат одно и то же ключевое слово, это спам. Поисковик это видит и режет позиции. Каждый H2 должен раскрывать свой аспект.

Заголовки и пользователь

Помимо SEO, заголовки должны помогать читателю.

Сканируемость

70 процентов читателей сначала пробегают глазами по заголовкам, потом решают, читать ли. Хороший H2 это маркер, что в этом разделе будет полезное.

Плохой H2: Об этом разделе. Не понятно, что внутри.

Хороший H2: Как настроить SPF за 5 минут. Сразу понятно: пошаговая инструкция, недолго.

Длина заголовков

H1: 30-70 символов. Слишком короткий теряет содержание, слишком длинный режется в выдаче.

H2 и H3: 30-80 символов. Короче неинформативно, длиннее выглядит как лишняя строка.

Параллелизм

Все H2 в статье желательно делать в одном грамматическом стиле:

Хорошо (вопросы): Что такое CDN?, Зачем нужен CDN?, Как настроить CDN?.

Хорошо (фразы): Преимущества CDN, Недостатки CDN, Стоимость CDN.

Плохо (разнобой): Что такое CDN?, Преимущества CDN, Как настроить CDN?. Стиль скачет.

Особенности популярных движков

WordPress

В большинстве тем H1 это название статьи, H2-H6 пишутся в редакторе через стили Заголовок 2, Заголовок 3 в Gutenberg.

Проверка: в редакторе блок заголовка имеет селектор уровня. Не путайте Заголовок (просто стиль) с настоящим H-тегом.

В классическом редакторе кнопки B, I, U не делают H-теги. Нужно отдельно выбрать Заголовок 2 в выпадающем списке стилей.

Битрикс

В стандартных шаблонах H1 это title страницы (иногда подменяется), H2-H6 ставятся через визуальный редактор. В кастомных компонентах H-теги настраиваются в шаблоне.

Tilda

В Tilda заголовки расставляются автоматически по структуре блоков. Иногда дают несколько H1 в сложных Cover-блоках. Проверяйте через инспектор браузера: на любой странице открываете DevTools, жмёте Ctrl+F (или Cmd+F), ищете <h1>. Если результатов больше одного, чините.

Astro и SSG

В Astro и других SSG H-теги пишутся явно в Markdown или JSX. # Заголовок в Markdown это H1, ## Заголовок это H2. Учитывайте, что в одной статье # должен быть один.

В компонентах layout определяется иерархия: title статьи это H1, разделы это H2.

Типичные ошибки

Ошибка 1: H1 это логотип

Логотип в шапке тегается H1, и на каждой странице сайта главный заголовок одинаковый. Поисковик не понимает, чему посвящена страница.

Лечение: логотип должен быть в <a><img> без H-тега. Главный заголовок страницы это H1 в основном контенте.

Ошибка 2: H1 это форма поиска

Виджет поиска оборачивают в H1. Тоже не главный заголовок.

Лечение: убираем H-тег с виджета, оставляем простой <label> или <span>.

Ошибка 3: Несколько H1 в Tilda Zero Block

Tilda иногда генерирует несколько H1 в сложных блоках. Проверяйте через инспектор. Лечится изменением стиля одного из блоков на T-текст вместо T-заголовка.

Ошибка 4: H-теги в подвале как H2

Подвал с разделами Контакты, Услуги, О нас каждый H2. Получается 5-6 H2 в подвале, и они конкурируют с H2 основного контента.

Лечение: подвальные заголовки делаем H3 или просто <h3> через CSS со стилем как у заголовка.

Ошибка 5: пропуск уровней

H1 → H4. Без H2 и H3. Семантически неправильно.

Лечение: либо вставляем промежуточные уровни, либо понижаем H4 до H2/H3.

Ошибка 6: H-теги для оформления

Иногда дизайнер хочет, чтобы фраза выглядела как заголовок (большой, жирный), и тегает её H2. Но семантически это не заголовок раздела.

Лечение: оставляем фразу обычным <p> или <div> со стилем font-size: 24px; font-weight: bold. H-теги только для реальных заголовков.

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

Расширения для браузера

HeadingsMap для Chrome и Firefox. Показывает дерево заголовков любой страницы. Незаменимо для быстрой проверки.

Web Developer Toolbar. Подсвечивает все H-теги на странице.

Screaming Frog SEO Spider

Прогоняет ваш сайт, для каждой страницы показывает H1, H2, дубликаты, отсутствие.

Yandex Вебмастер

В разделе Диагностика > Заголовки H1 показывает страницы с проблемами: несколько H1 или их отсутствие.

Google Lighthouse

Раздел Accessibility ругается на пропуски уровней и плохую иерархию.

Прогоните инструменты после правки сайта, увидите все косяки сразу.

План аудита заголовков на 1-2 часа

Установите HeadingsMap в браузере.
Откройте топ-10 страниц вашего сайта по трафику.
На каждой посмотрите дерево заголовков. Записывайте проблемы: несколько H1, пропуски уровней, странные заголовки.
Прогоните сайт через Screaming Frog или Search Console.
Соберите список страниц с дублирующимися H1.
По каждому проблеме делаете правку в админке или в шаблоне.
Через 1-2 недели проверяете в Yandex Вебмастер раздел Заголовки. Должно стать чище.

Когда стоит делегировать

Аудит и правка заголовков на типичном сайте из 30-50 страниц это 4-8 часов работы. На большом сайте с самописной структурой до 16-20 часов.

Эта работа входит в часовую ставку или в любой из тарифов на /#pricing. Если у вас структура заголовков плохая (несколько H1 на страницу, или их вообще нет), опишите ситуацию через /#contact. Связанные материалы по SEO в /blog/category/seo/, там есть отдельные статьи про title/description, микроразметку и EEAT.

Частые вопросы

Сколько H1 должно быть на странице

Один. Правило старое, но живое. H1 отвечает на вопрос, о чём страница целиком, и несколько таких заголовков размывают ответ и для человека, и для машины.

Можно ли перепрыгивать уровни

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

Нужно ли вставлять в заголовки поисковые запросы

Ровно настолько, насколько это выходит естественно. Заголовок сначала описывает раздел, и только потом попадает в него запрос. Набитый запросами подзаголовок работает против страницы.

Что делать с заголовками в меню и подвале

Не оформлять их тегами заголовков. Навигация и подвал это не разделы содержания, и лишние H2 там путают структуру.