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

Один. H1 — это главный заголовок, отражающий основную тему страницы. Несколько H1 путают и пользователей, и поисковик: становится непонятно, о чём страница в первую очередь. Все остальные заголовки делайте тегами H2–H6 по уровню вложенности.

Можно ли пропускать уровни заголовков?

Не стоит. Заголовки должны идти по порядку вложенности: H1 → H2 → H3. Перескок, например с H2 сразу на H4, ломает логическую структуру страницы, которую читают поисковые роботы и программы для незрячих. Соблюдайте последовательность.

Можно ли использовать H-теги для красивого крупного текста?

Нет. Теги заголовков означают смысловую важность, а не размер шрифта. Если нужно просто сделать текст крупным или выделить его, используйте CSS-стили. Навешивание H-тегов ради оформления искажает структуру страницы и мешает поисковику её правильно понять.

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

Да, косвенно, но заметно. По заголовкам поисковик понимает структуру и подтемы страницы, что помогает ранжированию по релевантным запросам. Чёткие подзаголовки-вопросы повышают шанс попасть в быстрый ответ. А удобная для чтения структура удерживает людей на странице — это улучшает поведенческие факторы.

Правда ли, что в HTML5 можно несколько H1?

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

Какой H1 ставить на главной странице?

Не «Добро пожаловать», а суть бизнеса с ключевым запросом, например «Интернет-магазин ноутбуков и техники в Москве». На категории — название категории, на карточке товара — полное имя с моделью, на статье — её заголовок с запросом. Логотип в шапке заголовком не делают: он оформляется ссылкой с alt, иначе на всех страницах будет одинаковый H1.

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

Q: Чем H1 отличается от Title?

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

Q: Помогают ли заголовки попасть в ответы нейросетей?

Да. По заголовкам и нейропоиск, и классический быстрый ответ быстрее вычленяют, на какой вопрос отвечает каждый блок. Формулируйте подзаголовки так, как люди задают вопросы, и сразу под ними давайте короткий ёмкий ответ — это повышает шанс, что систему процитирует именно вашу страницу.

Заголовки — это скелет страницы. Они делят текст на смысловые блоки, помогают человеку быстро понять, о чём материал, и подсказывают поисковику структуру. Но работают они только при правильной иерархии: один главный заголовок, под ним — разделы, под разделами — подпункты. Разберём, что такое теги H1–H6, как выстроить иерархию, чем H1 отличается от Title и какие ошибки встречаются чаще всего.

Что такое теги заголовков

В HTML есть шесть уровней заголовков — от <h1> до <h6>. Это не про размер шрифта (внешний вид задаётся стилями), а про смысловую важность: H1 — самый главный заголовок страницы, H2 — названия крупных разделов, H3 — подразделы внутри них, и так далее вглубь. Браузеры, поисковые роботы и программы для незрячих читают эту структуру, чтобы понять, как устроен текст.

Как выглядит правильная иерархия

Заголовки вкладываются друг в друга, как пункты оглавления. Уровень не «перепрыгивают»: после H2 идёт H3, а не сразу H4.

H1Как выбрать кондиционер
H2Типы кондиционеров
H3Настенные сплит-системы
H3Мобильные кондиционеры
H2На что смотреть при покупке
H3Мощность и площадь
H3Уровень шума
H2Частые вопросы

Сломанная и ровная «лестница» заголовков

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

Слева уровень перепрыгнут (H2 → H4) — структура ломается. Справа каждая ступенька на месте: по такой «лестнице» легко собрать оглавление.

Главные правила

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

🔍

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

H1 и Title — в чём разница

Их часто путают, но это разные вещи. Title — это тег в <head>, который виден во вкладке браузера и в заголовке сниппета в выдаче. H1 — заголовок, который человек видит уже на самой странице. Они могут совпадать по смыслу, но не обязаны быть идентичными: Title часто делают с прицелом на кликабельность в выдаче, а H1 — более естественным для читателя страницы.

🏷

Про мета-теги — статья как написать Title и Description, собрать их поможет генератор мета-тегов, а увидеть вид в выдаче — превью сниппета.

Зачем правильные заголовки поисковику и людям

Понимание структуры. По заголовкам поисковик быстрее разбирает, о чём страница и какие у неё подтемы — это помогает ранжированию по релевантным запросам.
Шанс на быстрый ответ. Чёткие подзаголовки-вопросы повышают вероятность попасть в быстрый ответ (нулевую позицию).
Удобство чтения. Люди сканируют страницу по заголовкам и быстро находят нужный блок. Хорошая структура удерживает на странице — а это поведенческие факторы.
Доступность. Незрячие пользователи перемещаются по странице именно по заголовкам — правильная иерархия делает сайт доступнее.

Хорошо и плохо

😕 Плохо

Несколько H1 на странице
Заголовки скачут: H2 → H4 → H2
H-теги навешены ради крупного шрифта
Подзаголовки не отражают содержание

🙂 Хорошо

Один H1 — главная тема страницы
Последовательная вложенность H1→H2→H3
Оформление — стилями, а не тегами
По заголовкам понятна структура текста

Какой H1 ставить на разных страницах

«Один H1, отражающий тему» звучит просто, но на практике вопрос — а какой именно? Вот ориентиры по типам страниц:

Главная. Не «Добро пожаловать», а суть бизнеса с ключом: «Интернет-магазин ноутбуков и техники в Москве».
Категория каталога. Название категории, по которому её ищут: «Ноутбуки» или «Ноутбуки ASUS».
Карточка товара. Полное имя товара с моделью: «Ноутбук ASUS VivoBook 15 X1504».
Статья. Заголовок материала, человеческий и с запросом: «Как выбрать кондиционер для квартиры».
Услуга. Услуга + уточнение: «Ремонт ноутбуков с выездом по Москве».

Логотип в шапке заголовком не делают: он оформляется ссылкой с alt, а не тегом H1. Иначе на всех страницах окажется один и тот же H1 — название бренда.

Заголовки, быстрый ответ и нейропоиск

Чёткая структура заголовков сегодня работает не только на классическую выдачу. Подзаголовки в форме вопроса («Сколько сохнет краска?») — прямой кандидат на быстрый ответ: поиск берёт вопрос из H2 и абзац-ответ под ним. Та же логика помогает и нейропоиску (ответам ИИ в Яндексе и Google): по заголовкам система быстрее вычленяет, на какой вопрос отвечает каждый блок, и охотнее цитирует страницу. Поэтому формулируйте подзаголовки так, как люди задают вопросы, и сразу под ними давайте короткий ёмкий ответ — подробнее в разборе про оптимизацию под нейросети.

Мифы про «несколько H1 в HTML5»

Часто слышно: «в HTML5 можно сколько угодно H1, если они внутри разных <section>». Формально да — спецификация это допускает, и валидатор не ругнётся. Но на практике совет тот же: держите один H1 на страницу. Причины простые: алгоритм «outline», который должен был пересчитывать уровни внутри секций, браузеры и скринридеры так и не реализовали полноценно, а поисковики по-прежнему трактуют H1 как главную тему. Несколько H1 не «оштрафуют», но и пользы не дадут — а риск размыть главную тему есть. Один H1 надёжнее.

Частые вопросы по вёрстке

Заголовок в «шапке» и «подвале». Меню и контакты в header/footer не нужно оборачивать в H-теги — это не разделы контента.
Скрытые заголовки. Прятать H1 стилями ради «чистого дизайна» можно, если он осмысленный и не вводит в заблуждение, но лучше показать его — он полезен и людям.
Аккордеоны и табы. Заголовки внутри сворачиваемых блоков — нормально, если их текст есть в HTML (см. mobile-first индексацию).
Длина заголовка. H2–H3 не обязаны быть короткими, но должны точно отражать блок; «вода» в подзаголовке бесполезна.

Коротко

Заголовки H1–H6 задают смысловую структуру страницы: H1 — главная тема (он один), H2 — разделы, H3 — подразделы и так вглубь, без перескоков через уровень. Это не про размер шрифта, а про важность — оформление задают стили. H1 и Title — разные теги: Title виден в выдаче и во вкладке, H1 — на самой странице. Правильная иерархия помогает поисковику понять страницу, повышает шанс на быстрый ответ, удерживает читателя и делает сайт доступнее. Проверьте свои страницы: один ли H1, в порядке ли вложенность и отражают ли подзаголовки содержание.