Привет, я Максим — веб-разработчик. Заголовки H1–H6 — базовый элемент SEO, о котором знают все, но правильно используют немногие. Вроде бы всё просто: один H1 на страницу, далее H2, H3 и так далее. Но на практике я постоянно вижу сайты, где H1 стоит в логотипе, H2 используется для визуального выделения текста, а заголовки вложены хаотично. Расскажу, как должна выглядеть правильная иерархия и почему это важно.

Зачем нужны заголовки

Заголовки выполняют три функции.

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

Для поискового робота. Заголовки — сигнал о тематике страницы. H1 сообщает основную тему, H2 — подтемы, H3 — детали подтем. Робот использует заголовки для понимания структуры контента и его релевантности поисковому запросу.

Для доступности. Скринридеры (программы для слабовидящих) используют заголовки для навигации по странице. Правильная иерархия — требование веб-доступности (WCAG).

H1: главный заголовок страницы

Правила

Один H1 на страницу. Не два, не три — один. H1 — это главный заголовок, который определяет тему всей страницы.

H1 содержит основной ключевой запрос. Если страница оптимизирована под «ремонт квартир в Москве» — H1 должен содержать эту фразу (или близкий вариант).

H1 не дублирует title. Title — это мета-тег для поисковой выдачи, H1 — заголовок на самой странице. Они могут пересекаться по смыслу, но не должны быть идентичными. Title обычно длиннее (содержит бренд, гео), H1 — короче и чётче.

H1 виден пользователю. Скрытый H1 (display: none, font-size: 0) — плохая практика, которую поисковики могут воспринять как попытку манипуляции.

Примеры

Для страницы услуги: H1 — «Ремонт квартир под ключ в Москве». Title — «Ремонт квартир под ключ в Москве — от 5 000₽/м² | КвартираПро».

Для статьи блога: H1 — «Как выбрать подрядчика для ремонта квартиры». Title — «Как выбрать подрядчика для ремонта: 7 критериев | КвартираПро».

Для карточки товара: H1 — «Смартфон Samsung Galaxy S24 128GB чёрный». Title — «Купить Samsung Galaxy S24 128GB — цена, отзывы | МагазинТехники».

H2–H6: подзаголовки

Иерархия

Заголовки образуют древовидную структуру — как оглавление книги.

H1 — Ремонт квартир под ключ в Москве
  H2 — Виды ремонта
    H3 — Косметический ремонт
    H3 — Капитальный ремонт
    H3 — Евроремонт
  H2 — Цены на ремонт
    H3 — Стоимость за квадратный метр
    H3 — От чего зависит цена
  H2 — Наши работы
  H2 — Отзывы клиентов
  H2 — Как мы работаем
    H3 — Этап 1: Замер
    H3 — Этап 2: Дизайн-проект
    H3 — Этап 3: Ремонтные работы

Правило: H3 идёт только после H2, H4 — только после H3. Нельзя прыгать через уровни: H1 → H3 (без H2) — это нарушение иерархии.

Сколько заголовков нужно

H2 — столько, сколько основных разделов на странице. Обычно 3–7 для страницы услуги, 5–10 для длинной статьи.

H3 — подпункты внутри разделов. Не обязательны для каждого H2.

H4–H6 — для очень детальной структуры. В большинстве случаев H4 и глубже не нужны. Если вы дошли до H5 — возможно, стоит разбить статью на несколько страниц.

Ключевые слова в подзаголовках

Включайте ключевые слова и LSI-запросы в H2–H3, но без переспама. Заголовок должен быть полезен для пользователя, а не для робота.

Плохо: H2 — «Ремонт квартир цена стоимость Москва недорого». Хорошо: H2 — «Сколько стоит ремонт квартиры в Москве в 2026 году».

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

H1 в логотипе. Многие шаблоны WordPress и Битрикс оборачивают логотип в тег H1. В результате на каждой странице сайта H1 = название компании. А настоящий заголовок контента — H2 или вообще без заголовка. Исправьте: логотип — обычный `<a>` с `<img>`, а H1 — текстовый заголовок контента.

Несколько H1 на странице. Технически HTML5 допускает несколько H1 в разных `<section>`, но для SEO лучше один H1 на страницу. Поисковики ожидают одного главного заголовка.

Заголовки для визуального выделения. Дизайнер хочет крупный текст — и использует H2. Вместо этого используйте CSS-классы для визуального стиля, а HTML-теги — для семантики. Визуально текст может быть крупным без тега H2.

Нарушение иерархии. H1 → H3 → H2 → H4 — хаос. Робот не может понять структуру. Соблюдайте порядок: H1 → H2 → H3 → H2 → H3.

Пустые заголовки. `<h2></h2>` — пустой тег. Обычно появляется из-за ошибок в CMS или шаблоне. Проверяйте HTML-код.

Одинаковые H1 на разных страницах. Каждая страница должна иметь уникальный H1. Если на десяти страницах H1 = «Наши услуги» — это проблема.

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

Ручная проверка

Откройте страницу в браузере → правый клик → «Просмотреть код» (Ctrl+Shift+I) → вкладка Elements → найдите теги H1–H6. Или используйте поиск (Ctrl+F) по «<h1», «<h2» и т.д.

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

HeadingsMap (Chrome) — показывает все заголовки страницы в виде дерева. Сразу видно, если иерархия нарушена. Web Developer Toolbar — инструмент для анализа HTML-структуры.

SEO-краулеры

Screaming Frog SEO Spider — обходит весь сайт и показывает H1 и H2 каждой страницы. Можно найти страницы без H1, с дублирующими H1, с несколькими H1.

Яндекс Вебмастер

В разделе «Диагностика» могут быть предупреждения о проблемах с заголовками (отсутствие H1, дубли).

Заголовки для разных типов страниц

Главная страница

H1 — основное предложение компании: «Ремонт квартир в Москве под ключ — от замера до уборки». H2 — разделы: «Наши услуги», «Почему выбирают нас», «Отзывы клиентов», «Наши работы».

Страница услуги

H1 — название услуги с ключевым словом: «Косметический ремонт квартиры в Москве». H2 — аспекты услуги: «Что входит в косметический ремонт», «Цены», «Сроки», «Примеры работ».

Карточка товара

H1 — полное название товара: «Смартфон Samsung Galaxy S24 Ultra 256GB Titanium Black». H2 — «Характеристики», «Описание», «Отзывы», «Похожие товары».

Статья блога

H1 — заголовок статьи (привлекательный + ключевое слово). H2 — основные разделы. H3 — подпункты внутри разделов.

Что я рекомендую

Проверьте прямо сейчас: есть ли на каждой странице вашего сайта один уникальный H1 с ключевым словом? Не стоит ли H1 в логотипе? Соблюдается ли иерархия H1 → H2 → H3?

Исправление заголовков — одна из самых быстрых и простых SEO-оптимизаций. За час работы вы можете улучшить структуру всего сайта — и увидеть результат в позициях через 2–4 недели.

Нужна помощь с аудитом заголовков или оптимизацией контента — пишите.