Зачем выстраивать иерархию заголовков
Заголовки H1-H4 - это скелет страницы. Они задают структуру контента для двух аудиторий одновременно: для пользователя и для поискового робота. Пользователь сканирует заголовки глазами, чтобы быстро найти нужный раздел. Робот использует заголовки для понимания тематики страницы и определения иерархии информации: что главное, что второстепенное, как разделы связаны между собой.
Неправильная иерархия заголовков - распространённая проблема, которую часто недооценивают. Когда H3 стоит перед H2, когда уровни пропущены (H1 → H3 без H2), когда все заголовки одного уровня - поисковику сложнее разобраться в структуре страницы. Это не приводит к мгновенному падению позиций, но снижает шансы на попадание в расширенные сниппеты, ухудшает восприятие контента и уменьшает релевантность страницы по отдельным подзапросам.
Пошаговая инструкция
Шаг 1. Разберитесь с уровнями заголовков
HTML предоставляет шесть уровней заголовков: от H1 (самый важный) до H6 (самый мелкий). На практике для SEO используются четыре уровня:
- H1 - главный заголовок страницы. Один на страницу. Содержит основной ключевой запрос. В WordPress обычно совпадает с названием записи или страницы.
- H2 - основные разделы страницы. Каждый H2 покрывает крупную тему или подтему. В них размещают ключевые запросы второго уровня и LSI-фразы.
- H3 - подразделы внутри H2. Детализация темы, конкретные аспекты, пошаговые инструкции внутри раздела.
- H4 - подразделы внутри H3. Используются на длинных страницах с глубокой детализацией: руководства, обзоры, технические статьи.
Правило простое: уровни вкладываются друг в друга, как в оглавлении книги. Глава (H2) содержит параграфы (H3), параграф содержит подпункты (H4). Нельзя поставить подпункт без параграфа - это нарушение логики.
Шаг 2. Проверьте текущую структуру заголовков
Прежде чем исправлять, нужно увидеть текущее состояние. Есть несколько способов:
Расширение HeadingsMap (Chrome, Firefox). Установите расширение из магазина браузера. Откройте нужную страницу, нажмите на иконку HeadingsMap - расширение покажет дерево заголовков с уровнями. Пропущенные уровни и нарушения иерархии будут видны моментально. Это самый быстрый способ для точечной проверки.
Screaming Frog. Для массовой проверки всего сайта просканируйте его через Screaming Frog. Перейдите на вкладку «H1» и «H2» - здесь видны все заголовки первого и второго уровня на каждой странице. В фильтрах доступны отчёты: «Missing H1», «Duplicate H1», «Multiple H1» - страницы без H1, с дублирующимся H1 и с несколькими H1 соответственно.
Просмотр HTML-кода. Откройте страницу, нажмите Ctrl+U (или F12 → Elements) и используйте поиск (Ctrl+F) по тегам <h1, <h2, <h3. Пройдите по порядку сверху вниз - уровни должны идти последовательно.
Шаг 3. Убедитесь, что H1 один и содержит ключевой запрос
На каждой странице должен быть ровно один тег H1. Он должен содержать основной ключевой запрос страницы - тот, по которому вы хотите ранжироваться в первую очередь.
Частая ошибка в WordPress: логотип в шапке обёрнут в тег H1. Это значит, что на каждой странице сайта H1 - название компании, а не тема страницы. Проверьте шаблон header.php вашей темы. Логотип должен быть в обычном теге (div, span, p), а H1 - только в контентной части страницы.
Другая ошибка - несколько H1 на странице. Если тема выводит название страницы в H1, а редактор добавляет ещё один H1 в тексте - получается два. Технически HTML5 допускает несколько H1 внутри разных секций (section), но для SEO это нежелательно: поисковику сложнее определить главную тему страницы.
Шаг 4. Расставьте H2 по основным разделам
H2 - рабочие лошадки структуры. Каждый H2 отвечает за крупный смысловой блок на странице. Включайте в H2 ключевые слова и фразы, но без переспама - заголовок должен быть читаемым и полезным для пользователя.
Пример хорошей структуры для страницы услуги «SEO-аудит»:
- H1: SEO-аудит сайта
- H2: Что входит в SEO-аудит
- H2: Как проходит аудит
- H2: Стоимость SEO-аудита
- H2: Результаты аудита - что вы получите
- H2: Частые вопросы о SEO-аудите
Каждый H2 покрывает отдельный аспект темы и может ранжироваться по своему подзапросу. Google активно вытягивает содержимое под H2 в расширенные сниппеты (featured snippets) и в результаты «Люди также спрашивают». Яндекс использует заголовки для формирования быстрых ответов.
Шаг 5. Добавьте H3 для детализации
Внутри каждого H2-раздела, если он достаточно объёмный, используйте H3 для подразделов. Это улучшает читаемость и помогает пользователю ориентироваться на длинной странице.
Пример продолжения структуры:
- H2: Что входит в SEO-аудит
- H3: Технический аудит
- H3: Анализ контента
- H3: Ссылочный профиль
- H3: Анализ конкурентов
- H2: Как проходит аудит
- H3: Этап 1. Сбор данных
- H3: Этап 2. Анализ и диагностика
- H3: Этап 3. Формирование отчёта
Обратите внимание: H3 всегда находится внутри H2. Не ставьте H3 перед первым H2 или между двумя H2 без привязки к какому-либо из них.
Шаг 6. Используйте H4 при необходимости
H4 нужен на страницах с глубокой детализацией: длинные руководства, технические инструкции, подробные обзоры. Если страница короче 2000 слов, скорее всего, H4 не понадобится - H2 и H3 достаточно.
Пример использования H4:
- H3: Технический аудит
- H4: Проверка скорости загрузки
- H4: Анализ мобильной версии
- H4: Проверка безопасности (HTTPS)
Не используйте H5 и H6 - для SEO они не несут ценности, а структура становится избыточно сложной.
Шаг 7. Не пропускайте уровни
Ключевое правило: уровни заголовков идут строго последовательно. После H1 - H2, после H2 - H3 (или новый H2), после H3 - H4 (или новый H3, или новый H2). Пропуск уровня - нарушение:
- Неправильно: H1 → H3 (пропущен H2)
- Неправильно: H2 → H4 (пропущен H3)
- Правильно: H1 → H2 → H3 → H4
- Правильно: H1 → H2 → H2 → H3 → H2 (несколько H2 на одном уровне - нормально)
Пропуск уровней - это не критическая ошибка, которая обрушит позиции. Но это сигнал неаккуратности, который снижает семантическую ценность разметки. Спецификация HTML рекомендует последовательную иерархию, и поисковики учитывают её при анализе структуры контента.
Шаг 8. Включите ключевые слова в заголовки естественно
Заголовки - одно из мест, где ключевые слова имеют повышенный вес для ранжирования. Но это не значит, что нужно набивать каждый заголовок ключами.
Принцип: основной запрос - в H1, вариации и подзапросы - в H2, длиннохвостые фразы - в H3. Естественно, без насильственного вписывания.
- Плохо: «SEO-аудит, аудит сайта, заказать SEO-аудит»
- Хорошо: «Что входит в SEO-аудит сайта»
- Плохо: «Стоимость, цена, прайс SEO-аудита сайта»
- Хорошо: «Стоимость SEO-аудита»
Если ключевое слово не вписывается в заголовок естественно - не вписывайте. Вместо этого используйте его в тексте под заголовком. Поисковики давно научились понимать тематику раздела по совокупности: заголовок + текст + изображения.
Шаг 9. Проверьте массово через Screaming Frog
После исправлений пересканируйте сайт. В Screaming Frog проверьте:
- Вкладка «H1»: нет страниц с пустым H1, нет страниц с несколькими H1, нет дублирующихся H1 на разных страницах.
- Вкладка «H2»: основные страницы (услуги, статьи, категории) содержат осмысленные H2 с ключевыми словами.
- Для детальной проверки иерархии экспортируйте HTML страниц и проверьте последовательность тегов - или используйте расширение HeadingsMap для выборочных страниц.
Типичные ошибки
- Использовать теги заголовков для визуального оформления. H2 выглядит крупно и жирно, поэтому его ставят для выделения текста, который по смыслу заголовком не является. Для визуального оформления используйте CSS-классы, а не HTML-теги заголовков.
- Пропускать H1 на страницах. Некоторые темы WordPress не выводят H1 для определённых типов страниц (архивы, категории). Проверьте шаблоны - H1 должен быть на каждой индексируемой странице.
- Ставить H1 в виджетах или боковой панели. Заголовок виджета «Популярные статьи» обёрнут в H1 - теперь на каждой странице два H1, причём один из них нерелевантный. Исправьте шаблон виджета.
- Делать все заголовки одного уровня. Страница, где все подзаголовки - H2, теряет иерархию. Поисковик видит плоскую структуру и не может определить подчинённость разделов.
- Переспамить заголовки ключевыми словами. «SEO-продвижение сайта - продвижение сайтов в Яндексе и Google - заказать продвижение сайта» - это не заголовок, а набор ключей. Поисковик расценит это как переоптимизацию.
- Использовать заголовки вместо визуального оформления списков. Каждый пункт списка - отдельный H3. Если пунктов 20, на странице 20 заголовков H3 подряд без текста между ними. Это размывает ценность заголовков.
Что проверить в итоге
- На каждой индексируемой странице сайта ровно один тег H1, содержащий основной ключевой запрос.
- Логотип в шапке не обёрнут в H1.
- Уровни заголовков идут последовательно: H1 → H2 → H3 → H4, без пропуска уровней.
- H2 используются для основных разделов страницы и содержат ключевые фразы второго уровня.
- H3 используются для подразделов внутри H2, H4 - для подразделов внутри H3.
- Теги заголовков не используются для визуального оформления - только для смысловой структуры контента.
- Заголовки читаемые, полезные для пользователя, без переспама ключевыми словами.
- В Screaming Frog нет страниц без H1, с несколькими H1 или с дублирующимися H1.
- При просмотре через HeadingsMap дерево заголовков на ключевых страницах выглядит логично и последовательно.
