Заголовки H1–H6 и структура страницы для SEO: как выстроить иерархию

Вы заходите на страницу, читаете один заголовок — и сразу понимаете, по адресу ли попали. Через секунду глаза скользят по подзаголовкам, и вы уже сканируете структуру, а не читаете «простыню» текст подряд. То, что чувствует пользователь, видит и поисковик: заголовки H1–H6 — это скелет страницы, который одновременно работает на удобство и на ранжирование.

Разберём, как выстроить правильную иерархию заголовков, сколько H1 должно быть на странице, почему нельзя перепрыгивать через уровни и как связать заголовки с title и description. В конце — чек-лист и ссылка на бесплатную проверку, которая покажет ошибки в структуре вашего сайта.

Зачем нужны заголовки: два в одном — UX и SEO

Заголовок в HTML — это не просто крупный текст. Это семантический тег <h1>…<h6>, который говорит браузеру, поисковику и скринридеру, как устроено содержание страницы. У него две работы одновременно.

Для пользователя (UX):

  • Заголовок H1 отвечает на вопрос «О чём эта страница?» ещё до первого абзаца.
  • Подзаголовки H2–H6 создают оглавление: человек сканирует их глазами и за 30 секунд понимает, найдёт ли нужное.
  • Правильная иерархия снижает отказ: без структуры текст воспринимается как сплошной блок, и посетитель уходит.

Для поисковика (SEO):

  • H1 — один из сигналов на определение темы страницы. Чёткий один H1 = чёткий сигнал, несколько H1 = смешанный.
  • Слова в заголовках помогают понять структуру запроса и попасть по семантическому ядру.
  • Программы экранного чтения читают страницу через заголовки; для поисковиков это часть факторов доступности (a11y), которые всё сильнее влияют на качество.

Простыми словами: заголовки — это одновременно навигация для человека и инструкция для робота. Одна и та же разметка обслуживает обе задачи. На практике я вижу, что исправление одной ошибки в H1 поднимает поведенческих факторов уже через пару недель: люди дольше остаются на странице и прокручивают контент.

Сколько H1 на странице и как его писать

Правило простое и непоколебимое: на странице должен быть ровно один H1. Он открывает содержание и резонирует с темой, которую обещает title.

Почему именно один

  • Для человека. Открывая страницу, вы ищете ответ «о чём тут». Один H1 даёт его сразу. Два H1 — путают: какой из них главный?
  • Для поисковика. Один H1 = сильный чёткий сигнал о теме. Несколько = слабый смешанный. Отсутствует = потерянный сигнал, страницу труднее соотнести с запросом.

Как должен выглядеть правильный H1

<h1>Как проверить сайт на SEO-ошибки бесплатно</h1>

Требования к рабочему H1:

  • Описывает содержание страницы, а не название компании. «SEO-компания „Пример“» — плохой H1, «Как настроить robots.txt для SEO» — хороший.
  • Содержит ключевое слово естественно. Ключ в H1 — хороший сигнал, но без фанатизма: заголовок должен читаться как человек, а не как набор запросов.
  • Не равен title, но не дублирует его дословно. Элементы описывают одно содержание с разницей в 5–15 символах и разными формулировками.
  • Читаемый и видимый. Скрытие текста через CSS в H1 — это сигнал манипуляции, который поисковик видит и наказывает.

Когда H1 может отсутствовать

Редко и не для статей: например, на странице с одним баннерным изображением. Но для SEO-статьи и коммерческой страницы H1 обязателен. Если его нет — в Health Score seoquest.ru это критичная ошибка.

Иерархия H2–H6: лестница без прыжков

H1 задаёт тему. Дальше идёт лесенка уровней от H2 до H6, и главное правило — не перепрыгивать через уровни.

H1 — тема страницы (один)
├── H2 — крупный раздел
│   ├── H3 — подраздел
│   │   └── H4 — подподраздел
│   └── H3 — подраздел
└── H2 — следующий раздел

Как работает иерархия на практике:

Уровень Роль Когда использовать
H1 Тема страницы Один на страницу, всегда
H2 Крупный раздел Обычно 2–5 на статью; разбивают H1 на блоки
H3 Подраздел внутри H2 Уточнения, отдельные блоки внутри раздела
H4 Подподраздел Редко, на очень длинных материалах
H5, H6 Минорные уровни Крайне редко; почти никогда в обычных статьях

Почему иерархия важна:

  1. SEO. Поисковик читает структуру заголовков как карту содержания и лучше понимает, о чём страница.
  2. Доступность. Программы экранного чтения строят навигацию по заголовкам — пользователь с ограниченными возможностями может прыгать между разделами.
  3. Читаемость. Структурированный текст легче сканировать, а это снижает отказ и увеличивает время на странице.

Типичная ошибка — перейти от H1 сразу к H3, пропустив H2. Так делать нельзя: иерархия должна быть непрерывной лестницей без скачков. В длинных гайдах (например, «HTML-структура документа» или «Формирование контента») иногда уместны H4, но H5–H6 в обычном блоге — редкость, а не норма.

Как связать заголовки с title и description

Три элемента должны рассказывать об одном и том же, но звучать по-разному:

  • title — синюю ссылку в выдаче, один из топовых факторов ранжирования.
  • description — текст под ссылкой, влияет на CTR.
  • H1 — заголовок уже на самой странице для пользователя.

Правильная связка: все три описывают одно содержание, но отличаются формулировками. Например, title = «SEO-friendly URL и ЧПУ: как назвать страницы — seoquest.ru», а H1 = «Как построить структуру URL: пошаговая инструкция». Разница в 5–15 символах и разные слова — это норма, а не ошибка.

Если title говорит «как сделать», H1 может звучать как тезис «как выстроить», а description раскрывает выгоду. Главное — никакого дословного дубля и единая тема. Подробнее про длину, ключи и согласование этих элементов читайте в статье Мета-теги title и description: оптимизация.

Ключевые слова в заголовках без переспама

Ключ можно и нужно носить в заголовках — это релевантный сигнал. Но есть грань между уместным ключом и переспамом.

Как делать правильно:

  • Вставлять ключ естественно, чтобы заголовок читался как человеческая фраза.
  • Держать главный ключ в H1 и H2, а производные — в H3.
  • Разносить семантически близкие запросы по разным разделам, а не сваливать их в один заголовок.

Чего избегать:

  • Повторения одного и того же слова в каждом заголовке подряд.
  • «Сборных» заголовков вида «SEO оптимизация заголовки H1 SEO структура».
  • Заполнения заголовков только ради ключей — содержимое раздела должно соответствовать заголовку.

Поисковики умеют понимать синонимы и лексику, поэтому естественное употребление работает лучше механической вставки. Если сомневаетесь, читаете ли вы заголовок как человек — перечитайте его вслух.

Частые ошибки со заголовками H1–H6

Самые частые проблемы, которые я нахожу в аудитах:

1. Несколько H1 на странице

Два и более H1 — самая распространённая ошибка. Поисковик не понимает, какой заголовок главный. Решение: оставить один H1, а остальные превратить в H2.

<!-- Плохо: два H1 -->
<h1>Как проверить сайт на SEO-ошибки</h1>
<h1>Бесплатный SEO-аудит</h1>

<!-- Хорошо: один H1, дальше H2 -->
<h1>Как проверить сайт на SEO-ошибки бесплатно</h1>
<h2>Что покажет бесплатный аудит</h2>

2. Пропуск уровней (H1 → H3)

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

3. Пустые или бессмысленные заголовки

Заголовок без содержания («Информация», «Подробнее», «Кликните здесь») не несёт семантики и портит структуру. Решение: каждый заголовок должен кратко описывать, что идёт ниже.

4. H1 = название компании

«SEO-компания „Пример“» вместо описания содержания страницы. Название компании — в title и футере, а H1 — про содержание.

5. Скрытый H1 через CSS

Тег есть, но он невидим (display:none). Поисковик воспринимает это как манипуляцию. Решение: H1 должен быть видимым.

6. Переспам ключами

Один и тот же запрос в каждом заголовке. Решение: разносить семантику по уровням и писать для людей.

В Health Score seoquest.ru эти ошибки оцениваются по-разному: отсутствие H1 — критично, несколько H1 — важно, H1 ≠ содержания страницы — важно, H1 = название компании — средне. Чтобы не гадать, где ваш сайт, запускайте бесплатный аудит: он соберёт заголовки для каждой страницы и покажет проблемы в структуре.

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

Три способа — от ручного до автоматического:

  1. Через исходный код. Откройте страницу, посмотрите теги <h1>…<h6> или через консоль: сколько H1 на самом деле и соблюдена ли иерархия.
  2. Через инструменты краулинга. Платные и бесплатные аудиторы выводят заголовки списком с возможностью фильтрации по дублям и отсутствию.
  3. Бесплатно в seoquest.ru. Аудит /check/free проверяет H1 для каждой страницы сайта и включает это в Health Score — удобно, когда страниц много и нужно увидеть картину целиком.

Чек-лист правильного H1–H6:

  • [ ] Один H1 на страницу
  • [ ] H1 описывает содержание, а не компанию
  • [ ] H1 содержит ключ естественно
  • [ ] H1 ≠ title (разница в 5–15 символах)
  • [ ] H1 видимый, без скрытия через CSS
  • [ ] Иерархия соблюдена: H1 → H2 → H3, без пропусков
  • [ ] Нет пустых и спамных заголовков

Как микроразметка связана со заголовками

Структурные данные усиливают то, что уже правильно размечено тегами. Например, FAQPage дублирует вопросы-ответы в машиночитаемом виде для расширенного сниппета, а Article фиксирует автора, дату и тему страницы. Правильная иерархия заголовков — это база, на которую ложится микроразметка: если теги H1–H6 разброшены, структурированные данные работают хуже. Про то, как собрать микроразметку Schema.org и не запутаться в типах, читайте отдельно.

Как найти ошибки в заголовках по отчёту аудита

Когда аудит готов, заголовки проверяются вместе с остальными пунктами. Важно уметь читать отчёт: искать критичные пункты (отсутствие H1), важные (несколько H1, пропуск уровней) и среднезначимые. Как читать отчёт SEO-аудита, чтобы не тонуть в списке замечаний и сначала закрывать критичные — рассказываю в соответствующей статье блога.

Структура сайта и URL тоже зависят от логики заголовков

Логика иерархии работает не только внутри страницы. Принцип «один главный элемент → разделы → подразделы» аналогичен структуре URL и навигации: главная задаёт тему, категории — разделы, карточки — подразделы. Поэтому структуру URL для SEO стоит продумывать в той же парадигме, что и заголовки — единая логика упрощает и сканирование поисковиком, и навигацию пользователя.

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

Сколько H1 должно быть на странице для SEO?

Ровно один. Один H1 даёт поисковику чёткий сигнал о теме, а пользователю — понимание, куда он попал. Если H1 несколько, оставьте один, а остальные переведите в H2.

H1 и title должны совпадать дословно?

Нет. Элементы должны описывать одно содержание, но отличаться формулировками. Разница в 5–15 символах — норма. И title, и H1 читают люди: дубль в выдаче просто занимает место зря.

Можно ли перепрыгивать с H1 на H3?

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

Влияют ли заголовки на ранжирование?

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

Что делать, если на странице несколько смысловых блоков?

Не нужно делать несколько H1. Один H1 задаёт общую тему, а каждый смысловой блок оформляется как H2, внутри него — H3. Так иерархия остаётся честной, а структура легко сканируется.

Итог

Заголовки H1–H6 — это скелет страницы, который работает на два фронта: на удобство для пользователя и на понимание для поисковика. Одно правило главное — один H1 на страницу, дальше держите непрерывную иерархию без прыжков через уровни, связывайте заголовки с title и description, не форсируйте ключи и не оставляйте пустые заголовки. Проверить структуру можно за минуту — в бесплатном аудите seoquest.ru.

Проверьте заголовки H1–H6 и другие SEO-ошибки на своём сайте в бесплатной проверке.