Заголовки H1, H2, H3 на сайте: как расставить, чтобы Яндекс понял страницу

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

В HTML шесть уровней заголовков: от <h1> до <h6>. Они создают оглавление страницы. Если выписать все заголовки подряд, должен получиться понятный план: о чём страница и из каких частей она состоит.

Справка Яндекса о представлении информации на сайте объясняет, зачем это нужно: правильное оформление заголовков помогает человеку быстрее сориентироваться на странице, а роботу — понять структуру документа. Там же совет: основная суть документа должна быть понятна уже на первом экране.

Заголовки работают на двух читателей:

1. Человек. Он не читает страницу, а сканирует: пробегает взглядом по заголовкам и решает, есть ли тут ответ. Если заголовки внятные, он находит нужный раздел и остаётся.
2. Робот. Он видит, какие разделы есть на странице и что в них. Страница услуги с разделами «Цены», «Сроки», «Гарантия», «Как заказать» читается как полный ответ на коммерческий запрос.

Правила иерархии: как расставить H1, H2, H3

Правила:

1. Один H1. Справка Яндекса не запрещает несколько H1, но один главный заголовок — понятный сигнал и для человека, и для робота. Два H1 на странице почти всегда ошибка вёрстки, а не замысел.
2. H1 — первым из заголовков. Он стоит в начале основного содержимого, обычно на первом экране.
3. Не пропускать уровни. После H1 — H2, внутри H2 — H3. Если после H1 сразу идёт H3, структура ломается: непонятно, к какому разделу относится подраздел.
4. Тег по смыслу, не по размеру. Если нужен крупный текст, который не является заголовком раздела, — это стиль, а не тег H2.
5. Заголовок — это текст. Заголовок картинкой робот не прочитает. Если в дизайне заголовок нарисован, текст должен быть продублирован в разметке.
6. Без служебных элементов в заголовках. Логотип, телефон, кнопка «Заказать», «Наши преимущества» без смысла — не заголовки.

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

Мы смотрим сотни сайтов на разборах, и ошибки с заголовками повторяются почти дословно.

Наблюдение из практики. Ошибка «логотип в H1» встречается на шаблонных сайтах чаще остальных. Владелец её не видит: визуально всё в порядке. А в коде у каждой из 30 страниц главный заголовок — «ООО Ромашка». Исправление занимает 10 минут в шаблоне шапки.

Как настроить заголовки в Тильде

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

По ответам Тильды о теге H1:

• Стандартные блоки. В настройках блока есть поле SEO-тега для заголовка, в нём выбирают H1, H2 или H3. Поле есть не во всех блоках, а только там, где есть заголовок.
• Zero Block. Тег задаётся в настройках текстового элемента.

Что проверить на Тильде:

1. На первом экране каждой страницы заголовок размечен как H1.
2. Других H1 на странице нет: проверьте блоки «О компании», обложки и заголовки разделов.
3. Если для телефона и компьютера используются разные блоки с одинаковым заголовком, H1 стоит только в одном из них.
4. Заголовки разделов размечены как H2.

Об остальных настройках поиска на Тильде мы писали в статье про продвижение сайта на Тильде, а о редакторе Zero Block — в статье Zero Block в Тильде.

Как вписать запрос в H1 и H2 без переспама

H1 должен содержать главный запрос страницы. Но в естественной форме, а не набором слов.

H1 и title — не одно и то же. Title — заголовок вкладки браузера и сниппета в выдаче, его видят до перехода. H1 — заголовок на самой странице, его видят после. Они могут совпадать, но title обычно длиннее: в нём город, цена, выгода. Как писать title, мы разбирали в статье как написать title и description.

Для H2 работает другая логика: это подвопросы, которые человек задаёт о теме. «Сколько стоит ремонт ванной», «Сколько длится ремонт», «Что входит в ремонт под ключ». Запрос появляется в части из них естественно, потому что это реальные вопросы людей. Вставлять главный запрос в каждый H2 не нужно — это прямой путь к переоптимизации. Как понять, что текст уже перегружен, и как это исправить, — в статье про переспам текста.

Где брать формулировки H2: подсказки поиска Яндекса по вашей теме, раздел «Похожие запросы» внизу выдачи, вопросы клиентов менеджеру. Если вопрос задают по телефону каждый день, он заслуживает своего H2.

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

Как проверить заголовки за 2 минуты

1. Откройте страницу в браузере на компьютере.
2. Откройте консоль разработчика. F12 или правый клик → «Просмотреть код» → вкладка «Консоль».
3. Вставьте команду:

document.querySelectorAll('h1,h2,h3').forEach(h => console.log(h.tagName, h.innerText.trim()))

4. Посмотрите список. Это оглавление страницы, как его видит робот. Сколько H1? Совпадает ли он с темой страницы? Нет ли в списке логотипа, телефона, цифр?
5. Повторите для 3–5 типовых страниц: главная, страница услуги, статья, контакты.

Без консоли: правый клик → «Просмотр кода страницы» → поиск по <h1. Это дольше, но работает в любом браузере.

Для проверки всего сайта сразу используют SEO-краулеры — программы, которые обходят все страницы и собирают заголовки в таблицу. Там легко отфильтровать страницы без H1, с двумя H1 или с одинаковыми H1.

Условный пример: страница услуги до и после

Пример условный, не кейс студии. Страница «Натяжные потолки в зале» на сайте компании в Самаре.

До. Оглавление страницы, как его видит робот:

• H1: Потолок-Мастер (логотип)
• H2: 500+ объектов
• H2: Гарантия 15 лет
• H1: Натяжные потолки
• H2: Наши преимущества
• H2: Оставьте заявку

После:

• H1: Натяжные потолки в зал в Самаре
• H2: Сколько стоит натяжной потолок в зале
• H2: Какой потолок выбрать для зала: матовый, сатиновый, глянцевый
• H3: Матовый
• H3: Сатиновый
• H3: Глянцевый
• H2: Освещение: люстра, споты, световые линии
• H2: Сколько длится монтаж
• H2: Гарантия и что в неё входит
• H2: Частые вопросы

Цифры «500+» и «15 лет» остались на странице — как стилизованный текст, а не заголовки. Логотип стал ссылкой на главную. По второй версии оглавления и человек, и робот понимают, о чём страница и какие вопросы она закрывает.

Сами по себе теги не поднимают страницу в выдаче. Работает связка: структура отвечает на вопросы человека, и теги эту структуру показывают роботу. Подробнее о том, как собрать страницу услуги целиком, — в статье SEO-оптимизация страницы услуги.

Пошаговый чек-лист заголовков

1. На каждой странице ровно один H1.
2. H1 уникален и описывает тему именно этой страницы.
3. H1 содержит главный запрос в естественной форме.
4. Логотип, телефон и кнопки не размечены как заголовки.
5. H2 — смысловые разделы, сформулированные как вопросы или темы.
6. H3 стоят только внутри H2, уровни не пропущены.
7. Цифры, слоганы и призывы — стилизованный текст, не заголовки.
8. Заголовки — текст, а не картинки.
9. Если для телефона и компьютера разные блоки, H1 только в одном из них.
10. Title и H1 согласованы: об одном и том же, но не обязательно слово в слово.

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