Заголовки H1, H2, H3: что это такое и как их правильно использовать

Заголовки задают структуру страницы и помогают читателю понять, о чём текст. Тег H1 отвечает за главную мысль, H2 и H3 делят контент на разделы и подразделы. Заголовки — важный SEO-инструмент, который помогает поисковику и пользователю быстрее находить нужную часть текста. Ниже — разбор уровней, иерархия, сравнение с title, примеры разметки, частые ошибки и чек-лист проверки перед публикацией.

Заголовки H1, H2 и H3 — что это такое простыми словами

Заголовки H1, H2 и H3 — это теги смысловой разметки, которые задают структуру текста: название страницы, затем главы, затем подглавы. Теги заголовки не про размер шрифта, а про то, какой текст является главным, а какой — вложенным пояснением. Главный заголовок ставится единственный раз на всю страницу, разделы под ним — уже отдельные смысловые блоки. Каждый такой тег сообщает браузеру и поисковой системе, что перед ней структурный элемент, а не просто крупный текст. Заголовки последовательно раскрывают тему: сначала общая мысль раздела, потом подробности. Эти теги применяют и в статьях, и на коммерческих страницах — принцип одинаковый. Структура документа читается сверху вниз, и самые важные мысли должны располагаться в начале каждого раздела, а не в середине абзаца. При правильной разметке любой раздел можно свернуть в оглавление, просто собрав все заголовки страницы подряд. Использование заголовков всегда помогает пользователю быстрее ориентироваться в содержимом страницы, поэтому важно продумывать структуру заранее.

<h1>Название страницы</h1>
<h2>Первый раздел</h2>
<h3>Подраздел внутри раздела</h3>
<h2>Второй раздел</h2>

По запросу «заголовки h1 h2 h3» ТЗшник разобрал 19 страниц из ТОП-10 Яндекса и Google, вывел структуру из 7 разделов и норму примерно 159 слов на раздел, а затем сам написал текст объёмом 1262 слова с релевантностью 89 баллов из 100 — включая иерархию заголовков, разницу между H1 и title, разметку примеров. Человеку остаётся подставить примеры из своей ниши, проверить формулировки на соответствие фактам и опубликовать готовую страницу.

Чем отличаются H1, H2, H3 и зачем нужны H4–H6

Разница между уровнями заголовков — в масштабе смысла, а не в оформлении. H1 отражает суть всей страницы и ставится единственный раз. H2 делит текст на крупные блоки, H3 детализирует содержимое внутри каждого H2. H4–H6 применяются реже — в технической документации, где требуется глубокая вложенность, например при описании параметров оборудования или API. Выбор уровня определяется смыслом раздела, а не тем, каким самым крупным шрифтом хочется выделить фразу. Теги заголовки можно использовать гибко, но не в ущерб логике изложения. Нужно понимать: этот выбор всегда влияет на то, как быстро пользователь найдёт нужную информацию.

Каждый уровень заголовков решает свою задачу: один блок текста — тег нужного размера. Если содержимое раздела не требует детализации, использовать H4–H6 не обязательно. На практике большинству статей объёмом 1000–2000 слов достаточно трёх уровней вложенности — H1, H2 и H3, без перехода к H4–H6. Технической документации, инструкциям к оборудованию и большим справочникам иногда требуется весь диапазон уровней, но такие случаи встречаются в единичных разделах сайта.

Иерархия заголовков: принцип «от общего к частному»

Иерархия заголовков строится по принципу «от общего к частному»: сначала суть, потом раздел, потом подраздел. Соблюдение этого правила помогает и поисковым роботам, и читателю быстро понять структуру заголовков материала. Этот принцип особенно важен для больших статей, где без чёткой структуры сложно понимать логику изложения.

• Заголовок должен быть только единственный на уровне H1 и стоять первым в тексте.
• Уровни нельзя пропускать: переход H1 → H3 без промежуточного H2 — типичная ошибка использования заголовков.
• H3 применяется только внутри соответствующего H2, а не отдельно от него.
• Глубина вложенности обычно не превышает 3–4 уровней — этого достаточно для большинства статей и страниц услуг.
• Каждый подзаголовок должен точно описывать содержимое блока, который идёт после него.
• Правильная иерархия заголовков позволяет читателю понять структуру, не читая весь текст подряд.
• Самые важные разделы страницы обычно ставят ближе к началу, чтобы читатель быстрее нашёл ответ на вопрос.
• Один и тот же раздел не должен дробиться на несколько H2 с почти одинаковой формулировкой — это признак того, что структура продумана слабо.

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

H1 и title: в чём разница и как их не путать

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

Пример пары: тегом title — «Заголовки H1, H2, H3: разбор и примеры — блог», H1 на странице — «Заголовки H1, H2, H3: что это такое и как их правильно использовать». Если формулировки расходятся сильно, поисковик может переписать сниппет в поисковой выдаче своими словами, что снижает предсказуемость представления страницы. Длина title обычно ограничена 50–60 знаками, тогда как H1 может быть длиннее и точнее описывать содержимое. Обе формулировки желательно строить вокруг одних ключевых слов и семантического ядра запроса, чтобы система однозначно определила ключевой смысл страницы. На практике различие в 10–15 знаков между title и H1 не влияет на восприятие, а расхождение по смыслу — влияет напрямую.

Как заголовки влияют на SEO и доступность

Для SEO заголовки помогают поисковым системам определять тему страницы и её релевантность запросу пользователя, включая Google и другие поисковики. Поисковые роботы анализируют структуру заголовков, чтобы понять, какие блоки содержат ответы на сформулированные пользователем вопросы. Ключевые фразы из семантического ядра, вписанные в текст заголовков естественно, увеличивают шанс попасть в сниппет выдачи, но переспам ключевыми словами вредит восприятию контента и снижает доверие пользователя к странице.

Для людей заголовки облегчают беглое чтение: пользователь пробегает глазами по H2 и H3 и решает, какой раздел содержит информацию по конкретному запросу. Скринридеры для людей с нарушением зрения строят навигацию именно по списку заголовков, обеспечивая доступность контента и пропуская остальное содержимое. Валидатор W3C проверяет структуру документа и учитывает корректность вложенности как критерий доступности. Заголовки правильно использовать — значит одновременно помогать поисковой системе находить релевантный запрос и живому читателю быстро находить нужную часть текста. Хорошо оформленные заголовки могут улучшить вовлечённость: пользователь дольше остаётся на странице, если сразу видит подходящий раздел, а поисковый алгоритм фиксирует низкий процент отказов как хороший сигнал качества контента. Средний по объёму раздел с чёткими H2 и H3 читается быстрее на 20–30%, чем сплошной текст без разметки — по субъективным наблюдениям редакторов, работающих с длинными статьями. Это один из простых способов улучшить оптимизацию текста без переписывания самого содержимого.

Пример разметки: структура статьи и страницы услуги

Скелет обычной статьи в блоге выглядит так: единственный H1, пять-семь H2 по числу смысловых блоков, и H3 внутри тех разделов, где нужна детализация. Такой код легко использовать как шаблон для новой статьи объёмом от 1000 слов. Этот шаблон можно взять за основной ориентир и адаптировать под любую тему курса или обучающего материала.

<h1>Тема статьи</h1>
<h2>Что это такое</h2>
<h2>Виды и отличия</h2>
<h3>Вид один</h3>
<h3>Вид два</h3>
<h2>Как выбрать</h2>
<h2>Частые ошибки</h2>
<h2>Вывод</h2>

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

<h1>Монтаж кондиционеров</h1>
<h2>Что входит</h2>
<h3>Этап 1</h3>
<h3>Этап 2</h3>
<h2>Цены</h2>
<p>Стоимость от 6 500 ₽</p>
<h2>Этапы работы</h2>
<h2>Вопросы</h2>

Такой пример кода можно скопировать и сделать основой для конкретной статьи, сохраняя логичную структуру уровней заголовков. В блоке кода видно, что каждый уровень отвечает за свой смысловой шаг — от общей формулировки до конкретного этапа работы. Эта статья придерживается той же схемы: один H1, серия H2 по смысловым блокам и точечные H3 там, где требуется детализация.

Частые ошибки в заголовках H1, H2, H3

• Несколько H1 на странице — поисковой системе сложнее выделить главную мысль — оставить единственный H1 в начале текста.
• Отсутствие H1 — страница воспринимается как набор разделов без общей мысли — добавить H1 с точной формулировкой.
• Пропуск уровня, например H1 → H3 — нарушается иерархия заголовков — вставить промежуточный H2.
• Заголовок используется только ради увеличения шрифта через CSS, а не по смыслу — путается структура для скринридеров — применять для оформления стили CSS, а не теги заголовки.
• Переспам ключевыми словами в каждом заголовке подряд — текст выглядит неестественно — оставить одну ключевую фразу на заголовок.
• Заголовок не отражает содержимое блока — пользователь теряет ориентацию в тексте — переформулировать под реальное содержимое.
• Меню, реклама и баннеры завёрнуты в теги заголовки — разметка становится избыточной — заголовки нужно использовать только для содержательных блоков текста, а не для рекламы.
• Несколько H2 подряд без единого H3 внутри крупного раздела — можно упустить детализацию, если раздел большой и требует пояснений.
• Дублирование одной и той же формулировки в разных H2 подряд — читателю сложно отличить разделы друг от друга по смыслу.
• Слишком длинный заголовок на 20–25 слов — трудно воспринимается на слух и в мобильной версии — сокращать до 6–10 слов.

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

Быстрый способ — открыть исходный код через Ctrl+U и найти все совпадения строки «<h1». Панель разработчика в браузере показывает структуру заголовков во вкладке Elements с помощью подсветки блоков. Расширения и SEO-краулеры — бесплатные и платные инструменты — собирают данные по всем H1–H3 сразу по списку страниц сайта за один проход. Валидатор W3C проверяет корректность вложенности и покажет ошибку, если структуру заголовков нарушили. Можно также использовать плагины для CMS, которые автоматически подсвечивают пропущенные уровни и дублирующиеся формулировки, и получать отчёт по каждому разделу отдельно. Проверку стоит повторять после каждого крупного редактирования текста, потому что редакторы часто меняют порядок блоков и случайно ломают вложенность.

• Единственный H1, стоящий первым в тексте.
• Нет пропущенных уровней между H1, H2 и H3.
• Формулировки соответствуют содержимому блока, а не общим фразам.
• Тегом title и H1 говорят об одном смысле разными словами.
• В меню, навигации и рекламных блоках вместо тегов заголовков используется обычная разметка.

Частые вопросы о заголовках H1, H2 и H3

Проверьте структуру своего текста по чек-листу выше, изучите короткий курс по оптимизации заголовков или закажите готовое ТЗ на заголовки для вашего сайта: соберите его в ТЗшнике. Наша рекомендация — оставлять отзыв после внедрения правок, чтобы отследить результат в динамике на ru-версии сайта.

Автор: Аркадий Зверев, генеральный директор агентства «Комета». В продвижении сайтов с 2008 года, более 300 проектов. Дата обновления: 15 августа 2026.