Заголовки H1-H6: что это, примеры правильной иерархии заголовков

Заголовки H1-H6 — это шесть уровней HTML-тегов, которые задают смысловую структуру страницы и помогают поисковикам понять, о чем ваш контент. Правильная иерархия заголовков работает как скелет текста: без неё ни читатель, ни Яндекс с Google не разберутся, где главное, а где детали. Я работаю в продвижении сайтов уже 20 лет, вывел в топ Яндекса и Гугла сотни проектов, и каждый раз убеждаюсь: структура заголовков на странице — это не мелочь, а фундамент, на котором строится весь SEO-результат.

Сейчас разберёмся без воды, что к чему, и я покажу реальные примеры, которые вы сможете применить сегодня же.

Содержимое:

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

Теги заголовков — это HTML-элементы от <h1> до <h6>. Они показывают браузеру и поисковой системе, какой блок текста важнее, а какой — второстепенный. Представьте книгу: название главы, подзаголовок, пункт внутри главы, подпункт. Всё это — уровни заголовков.

Зачем они нужны:

• Поисковикам — чтобы быстро понять тему страницы и её структуру.
• Пользователям — чтобы пробежаться глазами по странице и найти нужный раздел.
• Вам — чтобы упорядочить мысли при написании текста.

SEO заголовки — это не просто украшение. Google и Яндекс используют их как один из сигналов ранжирования. Если заголовки выстроены криво, сайт может терять позиции даже при хорошем контенте. Узнайте как сделать пагинацию на сайте.

Как работает иерархия заголовков

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

Базовое правило:

• Один H1 на странице — это закон.
• H2 — основные разделы, раскрывающие тему H1.
• H3 — подразделы внутри H2.
• H4-H6 — используются редко, для глубокой вложенности.

Некоторые SEO-специалисты говорят, что можно ставить несколько H1. Технически — да, можно. Но на практике я предпочитаю один. Так чище, понятнее и безопаснее.

Разница между H1, H2, H3, H4, H5, H6

Разберём каждый уровень отдельно, чтобы не путаться.

H1 — главный заголовок страницы

H1 — это заголовок всей страницы. Он должен точно отражать её тему и содержать основной ключ. Визуально это самый крупный текст на странице.

Примеры:

• «Как выбрать ноутбук для работы в 2026 году»
• «Ремонт стиральных машин в Москве — цены и сроки»
• «Заголовки H1-H6: что это и как их использовать»

Что важно:

• Только один на странице.
• Содержит главный ключ.
• Не дублирует title, но может быть похож.
• Короткий — до 60-80 символов.

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

H2 делит страницу на смысловые блоки. Каждый H2 — это ответ на часть вопроса, заданного в H1.

Примеры:

• «Что такое заголовки H1-H6»
• «Как работает иерархия заголовков»
• «Частые ошибки при использовании H2»

Правила:

• Может быть несколько на странице.
• Каждый раскрывает тему H1.
• Содержит дополнительные ключи.
• Длина — до 80-100 символов.

H3 — подразделы

H3 разбивает раздел H2 на более мелкие части. Используется, когда внутри раздела есть несколько подтем.

Пример: в разделе H2 «Как выбрать ноутбук» могут быть H3:

• «Процессор»
• «Оперативная память»
• «Экран»
• «Батарея»

H4, H5, H6 — глубокая вложенность

H4-H6 используются редко. В большинстве статей они вообще не нужны. Применяйте их только если внутри H3 есть ещё одна вложенность.

Честно говоря, я за 20 лет видел очень мало сайтов, где H4-H6 использованы оправданно. Чаще это перебор. Но если у вас техническая документация или большая инструкция — они могут пригодиться.

Правила использования H1

H1 — это лицо страницы. Ошибки здесь стоят дорого.

Что делать:

• Один H1 на странице. Без исключений.
• Главный ключ в начале. «Купить iPhone 15 в Москве» лучше, чем «В Москве вы можете купить iPhone 15».
• Уникальность. H1 не должен повторяться на других страницах сайта.
• Соответствие контенту. Если в H1 написано «Ремонт холодильников», а в тексте про стиральные машины — это провал.

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

• Дублирования title слово в слово (лучше немного перефразировать).
• Слишком длинных формулировок.
• Отсутствия ключевых слов.
• Использования H1 для логотипа или меню.

Пример хорошего H1: «Заказать доставку цветов по Москве — от 1500 ₽ за букет». Здесь есть и ключ, и география, и цена, и призыв. Всё в одном коротком заголовке.

Когда и как применять H2

H2 — это рабочие лошадки вашей страницы. Их много, и каждый несёт свою смысловую нагрузку.

Правила использования H2:

• Логическая последовательность. Каждый H2 должен быть связан с H1.
• Уникальность внутри страницы. Не делайте два H2 с одинаковым смыслом.
• Вхождение ключей. Не обязательно в каждом H2, но в большинстве — да.
• Читабельность. H2 должны быть понятны даже без чтения текста под ними.

Пример структуры H2 для статьи про выбор ноутбука:

• H2: «На какие характеристики смотреть в первую очередь»
• H2: «Какие бренды надёжнее в 2026 году»
• H2: «Где покупать: онлайн или в магазине»
• H2: «Чек-лист перед покупкой»

Видите логику? Каждый H2 — это отдельный вопрос, который волнует читателя. И каждый содержит свой ключ.

H3-H6 — тонкости вложенности

С H3 всё проще: они разбивают H2 на части. Но есть нюансы.

Когда нужен H3:

• Когда внутри H2 есть 2-5 подтем.
• Когда абзацы под H2 становятся слишком длинными.
• Когда нужно вставить список или инструкцию.

Когда H3 не нужен:

• Если под H2 всего один абзац.
• Если подтем меньше двух.
• Если текст и так читается легко.

H4-H6 — это уже экзотика. Используйте их, только если:

• Пишете техническую документацию.
• Делаете очень длинную инструкцию с множеством уровней.
• Внутри H3 есть ещё одна вложенность.

Важный момент: не пытайтесь использовать все шесть уровней только потому, что они существуют. Если хватает H1-H3 — отлично, не усложняйте.

Примеры правильной иерархии заголовков

Покажу на конкретных примерах, как должна выглядеть правильная структура заголовков.

Пример 1: Статья в блоге

• H1: Как выбрать кофемашину для дома
  • H2: Типы кофемашин: капсульные, рожковые, автоматические
    • H3: Капсульные кофемашины — плюсы и минусы
    • H3: Рожковые кофемашины — для кого подходят
    • H3: Автоматические кофемашины — самый удобный вариант
  • H2: На что смотреть при выборе
    • H3: Давление помпы
    • H3: Объём бойлера
    • H3: Наличие капучинатора
  • H2: Рейтинг лучших кофемашин 2026 года
  • H2: Где купить и на что обратить внимание

Видите логику? H1 задаёт тему, H2 делит её на блоки, H3 раскрывает детали. Всё просто и понятно.

Пример 2: Страница услуги

• H1: Юридические услуги для бизнеса в Санкт-Петербурге
  • H2: Регистрация ООО и ИП под ключ
    • H3: Какие документы нужны
    • H3: Сроки и стоимость
  • H2: Сопровождение сделок
  • H2: Представительство в суде
  • H2: Цены на юридические услуги
  • H2: Как связаться с юристом

Здесь H3 только там, где это действительно нужно. В разделах «Сопровождение сделок» и «Представительство в суде» подразделов нет — и это нормально.

Пример 3: Интернет-магазин (карточка товара)

• H1: Смартфон Samsung Galaxy S25 Ultra 256GB чёрный
  • H2: Характеристики
  • H2: Описание
  • H2: Комплектация
  • H2: Отзывы покупателей
  • H2: Доставка и оплата

В карточке товара H3 обычно не нужны. Структура простая, и это правильно.

Частые ошибки в структуре заголовков

Ошибки в иерархии заголовков встречаются на каждом втором сайте. Разберу самые частые.

Ошибка 1: Несколько H1 на странице

Что не так: на странице два, три или больше H1.
Почему плохо: поисковик не понимает, какой заголовок главный.
Как исправить: оставить один H1, остальные переделать в H2 или H3.

Ошибка 2: Пропуск уровней

Что не так: после H1 сразу идёт H3, без H2.
Почему плохо: ломается логика вложенности.
Как исправить: добавить недостающие уровни или перестроить структуру.

Ошибка 3: H1 без ключевых слов

Что не так: H1 написан красиво, но без ключа.
Почему плохо: теряется SEO-вес страницы.
Как исправить: вписать ключ в H1, сохранив читабельность.

Ошибка 4: Дублирование H2

Что не так: два H2 с одинаковым смыслом.
Почему плохо: читатель путается, поисковик тоже.
Как исправить: объединить разделы или переформулировать заголовки.

Ошибка 5: Слишком длинные заголовки

Что не так: H2 на 150-200 символов.
Почему плохо: не читается, выглядит как абзац.
Как исправить: сократить до сути, детали унести в текст.

Ошибка 6: Использование заголовков для стилизации

Что не так: H2 применён к тексту только потому, что он крупный и жирный.
Почему плохо: ломается семантика страницы.
Как исправить: использовать CSS для стилизации, а заголовки — по назначению.

Как заголовки влияют на SEO

SEO заголовки — это не просто дань моде. Они реально влияют на позиции.

Как именно:

• H1 — один из главных сигналов для поисковика о теме страницы.
• H2-H3 — помогают понять структуру и охват темы.
• Ключи в заголовках — повышают релевантность страницы запросу.
• Читабельность — улучшает поведенческие факторы (люди дольше остаются на странице).

Важный нюанс: сами по себе заголовки не выведут сайт в топ. Но без них даже отличный контент будет работать хуже. Это как фундамент дома: вы его не видите, но без него дом развалится.

Ещё один момент: Google и Яндекс по-разному относятся к заголовкам. Google больше внимания уделяет семантике и смыслу, Яндекс — точному вхождению ключей. Но в обоих случаях правильная структура важна.

Проверка иерархии заголовков

Как понять, всё ли у вас в порядке с структурой заголовков на странице? Есть несколько способов.

Способ 1: Ручная проверка

Откройте страницу, посмотрите исходный код (Ctrl+U или правый клик → «Просмотр кода страницы») и найдите теги <h1>, <h2>, <h3>. Проверьте:

• Один ли H1.
• Нет ли пропусков уровней.
• Логична ли вложенность.

Способ 2: Расширения для браузера

Есть удобные расширения, которые показывают структуру заголовков прямо на странице.

Популярные:

• SEO Meta in 1 CLICK — показывает все заголовки, title, description.
• Web Developer — позволяет подсветить заголовки разных уровней разными цветами.
• SEOquake — даёт подробный SEO-анализ страницы.

Способ 3: Онлайн-сервисы

Инструменты для проверки:

• PR-CY — бесплатный анализ страницы, показывает заголовки и ошибки.
• Sitechecker — проверяет структуру и даёт рекомендации.
• Ahrefs Webmaster Tools — мощный инструмент для аудита.

Способ 4: Валидаторы HTML

W3C Validator (validator.w3.org) проверяет HTML на ошибки, в том числе неправильную вложенность заголовков.

Совет: проверяйте структуру заголовков на каждой новой странице перед публикацией. Это занимает 2-3 минуты, но спасает от многих проблем.

Практические советы от практика

За 20 лет работы я накопил немало наблюдений. Поделюсь теми, что прижились и работают.

Совет 1: Начинайте с структуры, а не с текста

Прежде чем писать статью или страницу, набросайте иерархию заголовков. Это займёт 10 минут, но сэкономит часы работы.

Пример: пишете статью про выбор велосипеда. Сначала набросайте:

• H1: Как выбрать велосипед
• H2: Типы велосипедов
• H2: Как подобрать размер рамы
• H2: На что смотреть при покупке
• H2: Чек-лист

А потом уже пишите текст под каждый заголовок. Так быстрее и логичнее.

Совет 2: Не бойтесь менять заголовки

Если после публикации вы поняли, что H2 не работает (люди не находят нужный раздел), поменяйте его. Правильная иерархия заголовков — это не догма, а живой инструмент.

Совет 3: Смотрите на конкурентов

Зайдите на сайты конкурентов из топа и посмотрите, как у них построена структура. Не копируйте, но берите идеи. Часто там видны паттерны, которые работают.

Совет 4: Учитывайте длину заголовков

Оптимальная длина:

• H1: 40-80 символов.
• H2: 50-100 символов.
• H3: 40-80 символов.

Слишком короткие заголовки не несут смысла, слишком длинные — не читаются.

Совет 5: Проверяйте заголовки на мобильных

На мобильных экранах длинные заголовки выглядят ужасно. Проверьте, как ваша структура выглядит на смартфоне. Если H2 занимает пол-экрана — сокращайте.

Совет 6: Не забывайте про LSI-ключи

В заголовки стоит вставлять не только прямые ключи, но и LSI (связанные по смыслу слова). Например, в статье про «ремонт холодильников» в H2 и H3 можно использовать: «диагностика», «замена компрессора», «устранение утечки фреона».

Совет 7: Следите за плотностью ключей

Заголовки H1-H6 должны содержать ключи, но не стоит пихать их в каждый заголовок. Это переспам. Распределяйте ключи по странице равномерно.

Совет 8: Тестируйте разные варианты

Если страница не набирает позиции, попробуйте переписать заголовки. Иногда смена H1 или H2 даёт ощутимый рост. Я сам не раз видел, как переработка заголовков поднимала страницу с 15-й на 3-ю позицию.

Совет 9: Используйте цифры и год в заголовках

Заголовки вроде «10 способов…» или «…в 2026 году» работают лучше. Люди любят конкретику, а поисковики — свежесть.

Совет 10: Не усложняйте

Если можно обойтись H1-H3 — не добавляйте H4-H6. Простая структура лучше сложной. И для SEO, и для людей.

Инструменты для работы с заголовками

Чтобы работать с тегами заголовков было проще, используйте подходящие инструменты.

CMS и конструкторы

WordPress:

• В редакторе Gutenberg заголовки добавляются блоками «Заголовок».
• Можно выбрать уровень от H1 до H6.
• Плагин Yoast SEO показывает структуру заголовков и подсказывает ошибки.

Tilda:

• В блоке «Заголовок» можно выбрать уровень.
• Визуальный редактор показывает иерархию.

Bitrix:

• В визуальном редакторе есть кнопки для вставки заголовков разных уровней.

Плагины для анализа

Для WordPress:

• Yoast SEO — показывает структуру заголовков, даёт рекомендации.
• Rank Math — аналог Yoast, с более детальным анализом.
• SEO Meta in 1 CLICK — быстрая проверка прямо на странице.

Для других CMS:

• Расширения для браузера (о них писал выше).
• Онлайн-сервисы (PR-CY, Sitechecker).

Генераторы структуры

Если сложно придумать структуру с нуля, используйте генераторы:

• ChatGPT или Claude — можно попросить сгенерировать структуру статьи по теме.
• MindMeister — для создания ментальных карт структуры.
• XMind — аналог MindMeister, удобный для визуализации.

Важно: генераторы дают основу, но финальную структуру нужно проверять и дорабатывать вручную.

Как заголовки связаны с поведенческими факторами

Заголовки H1-H6 влияют не только на SEO, но и на поведение пользователей.

Как именно:

• Читабельность. Страницу с чёткой структурой легче сканировать глазами. Люди быстрее находят нужное и остаются на сайте.
• Навигация. По заголовкам можно понять, о чём страница, не читая весь текст.
• Доверие. Аккуратная структура выглядит профессионально. Хаос в заголовках — отталкивает.

Поведенческие факторы — это один из ключевых сигналов для Яндекса и Google. Если люди быстро уходят со страницы (отказ), позиции падают. Хорошая структура заголовков снижает процент отказов.

Практический пример: на одном из моих проектов мы переделали структуру статьи: добавили H2 и H3, разбили длинный текст на блоки. Время на сайте выросло с 1:20 до 3:40, а позиция — с 12-й на 4-ю.

Заголовки и мобильная версия

На мобильных устройствах иерархия заголовков работает иначе, чем на десктопе.

Особенности:

• Длинные заголовки переносятся. H2 на 100 символов может занять 4-5 строк на смартфоне.
• Визуальная разница стирается. На маленьком экране H2 и H3 могут выглядеть почти одинаково.
• Навигация усложняется. Пользователю сложнее ориентироваться в длинной статье.

Что делать:

• Сокращайте заголовки. H2 до 60-80 символов, H3 до 40-60.
• Проверяйте на мобильных. Откройте страницу на смартфоне и посмотрите, как выглядят заголовки.
• Добавьте якоря. Если статья длинная, сделайте навигацию по заголовкам (оглавление с ссылками на разделы).
• Используйте sticky-заголовки. На мобильных можно закрепить H2 вверху экрана при прокрутке.

Важно: мобильная версия — это не опция, а обязательное требование. Google использует mobile-first индексацию, то есть оценивает сайт именно по мобильной версии.

Заголовки и доступность (accessibility)

Правильная структура заголовков важна не только для SEO, но и для доступности сайта.

Кто использует заголовки:

• Люди с нарушениями зрения, которые читают сайт через скринридеры (программы чтения с экрана).
• Люди с когнитивными особенностями, которым проще ориентироваться в чёткой структуре.
• Пользователи клавиатурной навигации, которые переходят между заголовками клавишей Tab.

Что учитывать:

• Не пропускайте уровни. Скринридеры ожидают логичную вложенность.
• Используйте заголовки по назначению. Не применяйте H2 только ради крупного шрифта.
• Делайте заголовки информативными. «Раздел 1» — плохой заголовок для скринридера. «Характеристики» — хороший.

Доступность — это не только этика, но и SEO. Google учитывает доступность при ранжировании.

Чек-лист: проверка заголовков перед публикацией

Чтобы не забыть ничего важного, используйте чек-лист.

Перед публикацией страницы проверьте:

• На странице только один H1.
• H1 содержит главный ключ.
• H1 уникален (не повторяется на других страницах).
• H1 соответствует содержимому страницы.
• H2 логически раскрывают тему H1.
• В H2 есть дополнительные ключи.
• H3 используются только там, где это нужно.
• Нет пропусков уровней (H1 → H3 без H2).
• Заголовки не слишком длинные.
• Заголовки читаются на мобильных.
• Нет дублирования H2.
• Структура проверена в расширении для браузера.
• Страница прошла проверку в валидаторе HTML.

Совет: распечатайте этот чек-лист или сохраните в заметки. Проверяйте каждую новую страницу перед публикацией.

Заключение

Заголовки H1-H6 — это не просто HTML-теги, а основа структуры страницы. От того, как вы выстроите иерархию заголовков, зависит и SEO, и удобство для пользователей, и в конечном счёте — результат вашего сайта. Узнайте что такое PageRank Google и как проверить показатель PR сайта.

Заголовки H1-H6 работают в связке: H1 задаёт тему, H2 делят её на блоки, H3 раскрывают детали, а H4-H6 нужны только в сложных случаях. Главное — соблюдать логику вложенности и не усложнять там, где можно обойтись простым.

Я за 20 лет в продвижении вывел в топ Яндекса и Гугла сотни сайтов, и каждый раз убеждался: сайты с грамотной структурой заголовков растут быстрее и держат позиции стабильнее. Это не магия, а системная работа.

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

Если остались вопросы — возвращайтесь к примерам в этой статье, там всё разложено по полочкам. И помните: идеальная структура — это не та, где используются все шесть уровней, а та, которая понятна и вам, и читателю, и поисковику.