Заголовки H1–H6: правила SEO-разметки на живых примерах

Теги H1–H6 — это HTML-заголовки, которые задают структуру страницы. Для человека они выглядят как крупный, средний и мелкий заголовок. Для поисковика и AI-модели это карта: что здесь главное, что дополняет, а что уточняет. Ошибки в разметке заголовков — одна из самых частых причин, почему страница не ранжируется по нужным запросам, а тексты в статьях выглядят «плоскими» даже при большом объёме. В этом гайде разберём, как правильно расставлять H1, H2, H3, чем H1 отличается от <title>, какие ошибки убивают SEO и как это всё проверить за пять минут.

Что такое теги H1–H6 и зачем они нужны

H1–H6 — шесть уровней HTML-заголовков, от главного (H1) до самого мелкого (H6). Синтаксис простой:

<h1>Главный заголовок страницы</h1>
<h2>Крупный раздел</h2>
<h3>Подраздел внутри H2</h3>
<h4>Уточнение внутри H3</h4>

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

Для поисковика заголовки — сигнал о смысловой структуре. Google и Яндекс используют H-теги, чтобы понять, о чём страница, какие подтемы она раскрывает и что считать главным. Если H1 говорит «Купить пластиковые окна в Москве», а H2 — «Доставка», «Гарантия», «Отзывы» — поисковику ясна логика коммерческой страницы. Если H1 пустой или в нём картинка без alt — сигнал теряется.

Для LLM (ChatGPT, Яндекс Нейро, Google AI Overviews) заголовки — способ извлечь готовый блок для ответа. Модели читают структурированный текст и «выхватывают» из H2/H3 короткие фрагменты, которые вставляют в свои ответы. Страница без заголовков в AI-выдачу не попадает почти никогда.

Правило одного H1 на страницу

В HTML5 спецификация формально разрешает несколько H1 в разных секциях <section> и <article>. Но SEO-практика 2026 года однозначна: один H1 на страницу. Ни Google, ни Яндекс не читают HTML5-outline алгоритм — они воспринимают H1 как главный заголовок, и наличие двух-трёх сбивает их с толку.

Проверка простая. Откройте страницу, нажмите F12, вкладка Console, вставьте:

document.querySelectorAll('h1').length

Если ответ 1 — ок. Если 0 или больше 1 — исправляйте. Частая причина «лишних» H1 — тема WordPress или конструктор сайта, где H1 стоит и в шапке (на логотипе), и в теле статьи. Одна из копий должна стать H2 или обычным <div class="logo">.

Иерархия H2 → H3 → H4: почему нельзя перескакивать

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

Правильно:

<h1>Как выбрать ноутбук для работы</h1>
<h2>Процессор</h2>
<h3>Intel или AMD</h3>
<h3>Сколько ядер нужно</h3>
<h2>Оперативная память</h2>
<h3>Минимум для 2026 года</h3>

Неправильно (перескок через H3):

<h1>Как выбрать ноутбук для работы</h1>
<h2>Процессор</h2>
<h4>Intel или AMD</h4>

Поисковик воспринимает перескок как поломку структуры. Скринридеры (для незрячих пользователей) — тоже: посетитель услышит «раздел», а следом «подпод­раздел» без промежуточного уровня, и потеряет логику.

H4–H6 на практике почти не нужны. В обычной статье достаточно H1 + H2 + H3. H4 оправдан только в глубоко вложенных гайдах и документации. H5 и H6 — крайне редко.

H1 vs title: чем отличаются

<title> — это заголовок вкладки браузера и сниппета в выдаче. Пользователь видит его в поиске, ещё не зайдя на сайт. H1 — заголовок внутри страницы, его видно уже после клика. Про title и остальные метатеги подробно — в статье про мета-теги для SEO.

Могут ли H1 и title совпадать? Да, могут, но не обязаны. На практике их часто делают чуть разными:

• <title> включает продающие или брендовые добавки: «Купить пластиковые окна в Москве — доставка за 3 дня | ОкнаПро»
• <h1> короче и без бренда: «Пластиковые окна в Москве»

Полное совпадение — не ошибка, но вы теряете возможность занять две разные фразы в семантике страницы. Разница между title и H1 в пределах 15–30 % — норма.

Что писать в H1

Три требования к качественному H1.

Основной ключ во вхождении. Если целевой запрос страницы — «пластиковые окна в Москве», он должен быть в H1 в прямом или близком к прямому виде. Не «Окна из ПВХ высочайшего качества», а «Пластиковые окна в Москве — производство и монтаж».

Длина 30–70 символов. Слишком короткий H1 (2–3 слова) не раскрывает суть, слишком длинный (100+) выглядит громоздко и снижает CTR внутренних кликов по TOC. 40–60 символов — комфортный диапазон.

Соответствие содержанию страницы. H1 должен отражать то, что человек реально найдёт ниже. Если H1 обещает «10 способов ускорить сайт», а в тексте 4 совета — сигнал обмана и высокий процент отказов.

Плохие H1:

• «Добро пожаловать!» — ничего не говорит о содержании
• «Главная» — только для навигации, не для контента
• «Пластиковые окна купить недорого Москва область МО дёшево доставка» — переспам, штраф Баден-Бадена почти гарантирован

H2/H3: структурируют контент и работают на SERP-фичи

H2 и H3 нужны не только для читаемости. У них есть три конкретных SEO-функции.

Индексация подтем. Каждый H2 сообщает поисковику: «На этой странице есть отдельный раздел про X». Если у вас статья про SEO с H2 «Технический аудит», «Семантика», «Ссылки» — вы имеете шанс ранжироваться по каждому из этих запросов, а не только по общему.

Table of Contents (TOC). Заголовки автоматически превращаются в оглавление статьи со ссылками-якорями. Google активно показывает такие оглавления прямо в сниппете как «Перейти к разделу…» — это увеличивает кликабельность.

People Also Ask и Яндекс.Быстрый ответ. Google подтягивает в блок «Люди также спрашивают» вопросы, которые совпадают с H2/H3 страницы. Если у вас H2 «Сколько стоит SEO для нового сайта» и под ним чёткий ответ на 40–80 слов — есть шанс попасть в PAA. Яндекс аналогично забирает короткие ответы под H2/H3 в блок Нейро.

Формулируйте H2 как вопросы или проблемы пользователя, а не как канцелярские классификации. «Как проверить сайт на ошибки» лучше, чем «Методология проверки»; «Сколько стоит SEO» лучше, чем «Ценообразование».

Типичные ошибки разметки

Пять ошибок, которые встречаются чаще всего.

• Несколько H1 на странице. Обычно из-за темы, где H1 занят логотипом или названием блога. Правило: один H1 на страницу, всегда.
• H1 картинкой без alt. На дизайнерских сайтах логотип-заголовок вставлен как <img> без атрибута alt. Поисковик видит «пустую» страницу без главного заголовка.
• H-теги ради визуала. Разработчик хочет крупный жирный текст в блоке — оборачивает его в <h2>, потому что «так больше». Результат: 15 H2 на странице, из которых половина — цитаты и подписи под картинками. Для визуального оформления есть CSS: font-size, font-weight. Не грузите H-теги стилистикой.
• Пустые H-теги. <h2></h2> без содержимого — часто следствие ошибок в шаблоне, когда переменная не подставилась. Пустые заголовки поисковик считает ошибкой разметки.
• Дубли H2 на странице. Два H2 с одинаковым текстом — сигнал, что структура сломана. Обычно возникает при копировании блоков. Каждый H2 должен быть уникальным в рамках страницы.

Проверка всех этих проблем на сайте занимает 2–5 минут через SEO Crawler или вручную через DevTools. Полный список того, что стоит проверить, — в чек-листе SEO-аудита.

Живые примеры разметки

Три типовых страницы с разбором.

Карточка товара интернет-магазина

<h1>Кроссовки Nike Air Max 90 мужские</h1>
<h2>Описание</h2>
<h2>Характеристики</h2>
<h2>Отзывы покупателей</h2>
<h3>Как размерная сетка сравнивается с Adidas</h3>
<h2>Похожие товары</h2>
<h2>Доставка и оплата</h2>

H1 — точное название товара с ключевыми параметрами (модель + пол/сегмент). Дальше — стандартные блоки карточки. Название бренда и категории (Nike, кроссовки) — не в дополнительных H1, а в хлебных крошках и <title>.

Статья блога

<h1>Как ускорить индексацию сайта в Яндексе и Google</h1>
<h2>Что такое индексация</h2>
<h2>Как проверить, проиндексирована ли страница</h2>
<h2>5 способов ускорить индексацию</h2>
<h3>Отправить URL через Яндекс.Вебмастер</h3>
<h3>Использовать IndexNow</h3>
<h3>Работать с внутренними ссылками</h3>
<h2>Частые вопросы</h2>

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

Страница услуги (главная посадочная)

<h1>SEO-продвижение сайтов в Москве</h1>
<h2>Что входит в услугу</h2>
<h2>Стоимость и тарифы</h2>
<h2>Кейсы клиентов</h2>
<h3>Рост трафика для интернет-магазина одежды</h3>
<h3>Вывод в топ по 500 запросам для стоматологии</h3>
<h2>Отзывы клиентов</h2>
<h2>Как мы работаем</h2>
<h2>Частые вопросы</h2>

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

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

Четыре способа — от быстрого к глубокому.

DevTools + консоль браузера. Откройте страницу, нажмите F12, вкладка Console, выполните:

document.querySelectorAll('h1').forEach(h => console.log(h.textContent));
document.querySelectorAll('h2').forEach(h => console.log('H2:', h.textContent));

За 10 секунд увидите все H1 и H2 на текущей странице. Работает без установки чего-либо.

Расширение HeadingsMap (для Chrome/Firefox). Показывает иерархию заголовков в виде дерева с цветовой пометкой ошибок: несколько H1, перескок уровней, пустые теги. Бесплатное, ставится за минуту.

SEO Crawler. Прогоняет весь сайт целиком, находит страницы без H1, с несколькими H1, с пустыми H2/H3, с дублями заголовков. Экспортирует список URL с проблемами. Подходит для регулярного контроля и разовых аудитов больших сайтов. Подробнее про то, как это устроено, — в статье про проверку сайта на ошибки.

Screaming Frog SEO Spider. Десктопная программа, обходит сайт до 500 URL бесплатно, дальше платно. В отчёте отдельная вкладка H1 и H2 с фильтрами «missing», «duplicate», «multiple», «over 70 characters».

H1–H6 и AI-выдача

Заголовки — прямой инструмент для попадания в ответы AI-помощников. Google AI Overviews, ChatGPT Search, Яндекс Нейро и Perplexity сканируют структурированный контент и вытаскивают из H2/H3 короткие ответы для пользователей.

Механика простая. Когда пользователь спрашивает «Как ускорить индексацию сайта», модель ищет страницы, где есть H2 или H3, максимально совпадающий с запросом, и берёт текст сразу под ним. Если у вас H2 «Как ускорить индексацию» и под ним чёткий ответ в 3–4 предложениях — вероятность цитирования сильно выше, чем у страницы, где эта информация «размазана» по абзацам без заголовков.

Практические выводы для GEO-оптимизации:

• Формулируйте H2 как вопросы, которые задают в поиске
• Первый абзац под H2 — прямой ответ на 40–80 слов (Answer-First)
• FAQ-блок с реальными H3-вопросами — обязательный элемент для попадания в AI Overviews
• Основной ключ в H1 — сигнал релевантности всей страницы теме

Про базовые принципы SEO под классический и AI-поиск — в статье что такое SEO простыми словами.

Часто задаваемые вопросы