Заголовки H1–H6 — правильное использование на странице

TL;DR

H1-H6 — структурирующие теги, важные для SEO и юзабилити. На странице один H1, который содержит главный запрос. H2 разбивают текст на смысловые блоки. H3-H6 используются по необходимости. Иерархия должна соблюдаться (H2 после H1, H3 внутри H2 и т.д.). Структура заголовков — топ-5 фактор релевантности страницы, потому что показывает поисковику карту смысловых блоков.

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

1. SEO — поисковики оценивают структуру.
2. Доступность — скринридеры используют для навигации.
3. UX — пользователи сканируют заголовки, выбирая, читать ли текст.
4. Featured snippets — заголовки часто становятся быстрыми ответами.
5. AI-поиск — LLM используют заголовки для понимания структуры.

H1 — главный заголовок

Правила

• Один на странице. Несколько H1 — устаревшая практика, путает пользователей и поисковики.
• Содержит главный запрос.
• Длина 50-80 символов (короткие — мощнее, длинные — больше ключей).
• Уникальный — не дублирует title, но похож по смыслу.
• Только текстовый (не картинка с alt'ом).

Title vs H1

• Title — заголовок в выдаче и вкладке браузера.
• H1 — главный заголовок на странице.

Они близки, но не идентичны:

Пример:

• Title: «Купить кроссовки Nike — 350+ моделей с ценами от 4 990 ₽ | Магазин XYZ»
• H1: «Кроссовки Nike»

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

• Несколько H1 на странице.
• H1 = логотипу сайта.
• Слишком общий H1 («Главная», «Каталог»).
• H1 без главного запроса.
• H1 в виде изображения без текста.

H2 — основные подразделы

Правила

• 4-12 H2 на средней статье (1500-3000 слов).
• Каждый H2 разбивает текст на смысловой блок.
• Содержит дополнительные ключевые запросы.
• Может быть в виде вопроса (для PAA в Google).

Сколько H2 нужно

Зависит от объёма:

• 500 слов — 2-4 H2.
• 1500 слов — 5-8 H2.
• 3000+ слов — 8-15 H2.

Хорошие H2

• «Сколько стоит SEO-аудит сайта»
• «Этапы технического аудита»
• «Как выбрать SEO-специалиста»

Плохие H2

• «Подробнее»
• «Преимущества»
• «Информация»

Слишком общие, не несут семантики.

H3-H4 — подподзаголовки

Когда нужны

• Для длинных H2-блоков с подразделами.
• Для перечислений с детализацией.
• Для FAQ-блоков.

Иерархия

H3 не существует сам по себе — он внутри H2:

<h2>Основные виды SEO</h2>
  <h3>Технический SEO</h3>
  <h3>Контентный SEO</h3>
  <h3>Линкбилдинг</h3>
<h2>Этапы продвижения</h2>
  <h3>Аудит</h3>
  <h3>Стратегия</h3>

Антипаттерн

H3 после H1 без H2 — нарушение иерархии. Пропуск уровней.

H5-H6 — редко используются

Применяются:

• В очень длинных лонгридах с глубокой структурой.
• В технической документации.
• В блогах с детальными руководствами.

В большинстве случаев — не нужны. Хватает H1-H4.

SEO-оптимизация заголовков

Распределение запросов

• H1 — главный высокочастотный коммерческий запрос.
• H2 — дополнительные кластеры (целевая семантика).
• H3 — длиннохвостые запросы.

Морфология

В заголовках можно использовать разные формы запроса. Поисковики понимают синонимы и склонения.

Без переоптимизации

Не пихайте 5 запросов в один H2 — он становится нечитаемым и спамным.

Стилизация vs семантика

Не используйте <h2> ради крупного шрифта. Если нужен большой текст без семантики — <div class="big">.

Не используйте <div class="h2"> для заголовков. Поисковик не считает это заголовком.

Используйте теги по смыслу.

Чек-лист

• [ ] Один H1 на странице.
• [ ] H1 содержит главный запрос.
• [ ] H1 уникальный для каждой страницы.
• [ ] 4-12 H2 на статье (зависит от объёма).
• [ ] Иерархия не нарушена (нет H3 после H1).
• [ ] H3-H6 используются по необходимости.
• [ ] Заголовки информативные, а не «Подробнее».
• [ ] Нет переспама ключевых слов в заголовках.
• [ ] Микроразметка соответствует (Article + headline).

Инструменты проверки

• Web Developer Toolbar → Outline → Show element tag names.
• HeadingsMap (Chrome extension) — визуализация структуры заголовков.
• W3C Validator — проверка корректности HTML.
• Screaming Frog → H1, H2 reports.

Заказать аудит контента

В рамках SEO-аудита проверю структуру заголовков на всех страницах и подготовлю рекомендации по улучшению.