H1 и иерархия заголовков: как выстроить структуру страницы
Если аудит показал «отсутствует H1», «несколько H1» или «нарушена иерархия заголовков» — у страницы проблема со структурой. H1 — главный заголовок на самой странице, а H2–H6 под ним — её оглавление для роботов, читателей и ИИ-поисковиков. Когда структура сломана, страница хуже ранжируется и читается. Чинится быстро.
- Ровно один H1 на странице — её главная тема
- H1 описывает содержимое страницы, а не название всего сайта
- Дальше — H2 для разделов, H3 для подпунктов внутри них
- Без пропусков уровней: не прыгать с H1 сразу на H3
- H1 должен быть в HTML-коде, а не появляться только после JavaScript
Что такое H1 и чем он отличается от title
H1 — это HTML-тег заголовка первого уровня: <h1>Текст заголовка</h1>. В отличие от title, он виден прямо на странице — обычно это самая крупная надпись вверху, под которой начинается контент.
Частая путаница: title и H1 — не одно и то же. Title живёт в <head>, показывается в выдаче и на вкладке браузера, его задача — привести человека из поиска (подробно — в гайде про тег Title). H1 живёт в теле страницы и подтверждает пришедшему: «да, ты попал туда, куда хотел». Они работают в паре и могут быть похожи по смыслу, но полностью дублировать их не нужно — у них разные роли.
Сколько H1 должно быть: один, и только один
Классическое правило SEO: один H1 на страницу. Он отвечает на вопрос «о чём эта страница в целом» — как заголовок статьи в газете. Всё остальное — это H2 и ниже.
- H1 отсутствует — поисковику и читателю непонятно, что на странице главное. Робот попытается угадать тему по другим сигналам, но вы лишаете его самого прямого. Это ошибка высокой важности;
- Несколько H1 — частый случай, когда в H1 обёрнут логотип в шапке, а потом ещё раз — заголовок статьи. Тема «размывается»: страница как будто про два разных предмета сразу;
- Ровно один H1 — оптимум: одна страница = одна главная тема.
Формально современные поисковики умеют работать и с несколькими H1 (это допускает стандарт HTML5 для секций). Но на практике один чёткий H1 — самый надёжный и понятный вариант, и именно его отсутствие или дубли наш аудит помечает как проблему.
Иерархия H2–H6: почему нельзя прыгать через уровень
Заголовки образуют дерево, как оглавление книги: H1 — название, H2 — главы, H3 — параграфы внутри глав. Правило простое: уровень можно повышать только на одну ступень.
Наш аудит ловит именно такие скачки — например «H1 → H3» — и помечает их как нарушение иерархии. Почему это важно: по заголовкам страницу читают программы, которые не видят вашего дизайна — поисковые роботы, скринридеры для незрячих, парсеры ИИ-поисковиков. Для них визуально крупный текст ничего не значит, значение имеет только уровень тега. Ровная иерархия = машина правильно понимает, что чему подчинено.
Важно: уровень заголовка задаётся тегом, а не размером шрифта. Если дизайнеру нужен «маленький H2» или «крупный H3» — это делается стилями (CSS), а сам тег остаётся на своём логическом уровне. Не выбирайте H4 только потому, что он мельче — выбирайте по смыслу.
H1 через JavaScript: почему поисковик его не видит
Отдельная, коварная проблема — когда H1 на странице вроде бы есть, но в исходном HTML его нет: он дорисовывается скриптом уже в браузере. Наш аудит специально сравнивает страницу до и после выполнения JavaScript: если в статическом HTML заголовка нет, а после рендеринга он появился — это повод для тревоги.
Почему это плохо: поисковые роботы в первую очередь читают именно статический HTML. Google научился выполнять JS, но делает это не всегда и с задержкой; Яндекс и парсеры ИИ-поисковиков (ChatGPT, Perplexity) на JS-контент полагаются куда слабее. Если ваш главный заголовок существует только после работы скриптов — часть систем его просто не увидит, и страница потеряет ключевой сигнал.
Проверить легко: откройте исходный код (Ctrl+U) — это и есть то, что видит робот до JS. Если H1 там нет, а на отрендеренной странице он есть — заголовок нужно вынести в серверный HTML. Как устроен рендеринг и почему робот не видит JS-контент — в гайде про JavaScript и SEO.
Частые ошибки из наших аудитов
- H1 вообще нет — часто на главных страницах, собранных в конструкторе, где в шапке только логотип-картинка;
- H1 обёрнут вокруг логотипа — и повторяется на каждой странице сайта одинаковым, вместо уникального заголовка страницы;
- Несколько H1 — заголовок статьи + скрытый H1 в шаблоне темы; человек видит один, робот — два;
- Заголовки выбраны по размеру шрифта — «этот H4, потому что помельче», в результате H2 вообще нет, а иерархия рвётся;
- H1 задаётся ключами — «Купить окна Минск недорого цена» вместо человеческого заголовка. H1 — для людей, переспам здесь так же вреден, как в title.
Как проверить свои заголовки
- Исходный код — Ctrl+U, поиск по <h1 : есть ли он и сколько раз встречается
- Расширения браузера — «SEO META in 1 click» или «Detailed» показывают дерево H1–H6 одной кнопкой
- Отключите стили — увидите страницу «глазами робота»: остаётся голая структура заголовков, сразу видно пропуски
- SEO-аудит — проверяет H1 на всех страницах разом: наличие, количество, пропуски уровней и H1 только после JS
Что дальше
Пройдитесь по ключевым страницам: на каждой должен быть ровно один H1, описывающий её тему, а под ним — ровная лесенка H2–H3 без прыжков через уровень. Отдельно проверьте, что H1 есть в исходном коде, а не только после загрузки скриптов. Это правка на пару часов, а структура сразу становится понятнее и людям, и поисковикам, и ИИ-ответам.
Хотите увидеть все страницы с проблемами заголовков — где H1 нет, где их несколько и где рвётся иерархия? Закажите комплексный SEO-аудит: проверим структуру заголовков на всех страницах сайта, а заодно метатеги, скорость и видимость в ИИ-поиске.
Коротко о заголовках H1–H6
Чем H1 отличается от title? +
<head>), H1 — заголовок на самой странице (в теле). Title приводит человека из поиска, H1 подтверждает, что он попал по адресу. Похожи по смыслу, но дублировать их слово в слово не обязательно.Может ли на странице быть несколько H1? +
H1 обязательно должен совпадать с заголовком статьи? +
Влияет ли размер шрифта заголовка на SEO? +
Насколько ровная структура у вашего сайта?
Закажите SEO-аудит — покажем все страницы, где нет H1, где их несколько и где рвётся иерархия заголовков, а заодно проверим метатеги, скорость, юридические страницы и видимость сайта в ИИ-ответах.