На лендинге ровно один H1 - заголовок первого экрана с сутью предложения. H2 складываются в оглавление страницы: что за услуга, для кого, что входит, сколько стоит, какие гарантии. H3 нужен только для перечислений внутри блока - этапов, тарифов, направлений. Если убрать текст между заголовками, смысл предложения должен остаться понятным.
Как читают лендинг на самом деле
Пользователь редко читает лендинг подряд, как статью. Первый проход - это скольжение взглядом сверху вниз по крупным элементам: заголовку, подзаголовкам блоков, кнопкам. Только если заголовки зацепили, человек возвращается и читает абзацы. Из практики с Вебвизором Метрики: на длинном лендинге до трети посетителей не задерживаются ни на одном абзаце текста дольше двух секунд, но доскролливают страницу до конца.
Это значит, что заголовки на странице - не украшение и не формальность для тегов, а отдельный слой смысла, который должен работать сам по себе, без абзацев вокруг.
У этого есть и вторая причина, помимо поведения читателя: разметка заголовков напрямую задаёт визуальную иерархию через размер и вес шрифта. Даже если человек читает страницу целиком, глаз всё равно сначала цепляется за крупный и жирный текст, и только потом опускается к обычному. Если разметка в коде не совпадает с тем, что видно глазами - например, дизайнер визуально увеличил обычный абзац вместо того, чтобы поставить заголовок, - страница выглядит правильно, но теряет смысл для поисковика и для скринридера.
Что должно быть в H1 лендинга?
На лендинге ровно один тег H1, и это почти всегда заголовок первого экрана, а не название компании. Ошибка, которую вижу регулярно: в H1 стоит название вроде "ООО Ромашка" или просто логотип текстом, а реальный оффер спрятан ниже как подзаголовок. Поисковик и человек в первые секунды должны получить один и тот же ответ на вопрос, что здесь продают и кому.
H1 обязан содержать суть предложения: услугу, для кого она и, если есть место, конкретику вроде срока или цены. Формулы заголовков первого экрана разобраны отдельно в статье Как написать продающий заголовок лендинга.
Отдельно стоит проверить, что H1 на странице действительно один, а не два-три одинаково крупных заголовка подряд. Такое случается, когда верстальщик визуально хочет выделить и заголовок, и подзаголовок под ним одинаковым по важности тегом. Поисковик в таком случае получает противоречивый сигнал о том, какая фраза на странице главная, и решает это по-своему, не всегда так, как задумывал автор текста.
Что писать в H2 лендинга?
Заголовки H2 - это оглавление страницы. Если выписать все H2 подряд и убрать текст между ними, должно получиться связное описание предложения: что за услуга, для кого, что входит, сколько стоит, какие гарантии. Если по одним H2 непонятен смысл блока, заголовок не выполняет свою работу, каким бы красивым он ни был.
По списку H2 обычно проверяю, закрыты ли базовые вопросы читателя:
- что за услуга и в чём её суть;
- для какой аудитории она сделана;
- что конкретно входит в работу;
- сколько это стоит;
- какие есть гарантии.
Частый провал - заголовок вроде "Немного о нас" или "Наши преимущества" без единого конкретного слова. Такой заголовок ничего не обещает читателю и с равной вероятностью может стоять над любым блоком любого лендинга.
Проверка на этом уровне простая: возьмите заголовок блока и мысленно приставьте к нему любую другую нишу. Если "Наши преимущества" одинаково подходит и стоматологии, и автосервису, и барбершопу, значит заголовок не несёт конкретики этого конкретного бизнеса. Рабочий вариант для стоматологии в этом же месте - "Что входит в лечение под ключ" или "Почему пломба стоит 4500, а не 2000 рублей": оба варианта нельзя переставить на другой сайт без переписывания.
H3: детали внутри блока
H3 нужен, когда внутри одного смыслового блока есть несколько равнозначных пунктов: этапы работы, тарифы, направления услуг. Ошибка - ставить H3 просто чтобы визуально выделить фразу жирным через тег заголовка. Если пункт один, а не часть перечисления, для акцента достаточно strong внутри абзаца, отдельный заголовок здесь лишний.
Обратная ошибка встречается не реже: перечисление из четырёх-пяти пунктов оформлено обычным жирным текстом внутри одного абзаца, без единого H3. Читатель такое перечисление сканирует хуже, чем список с настоящими заголовками, потому что глазу не за что зацепиться при беглом просмотре страницы. Если пунктов больше двух и каждый заслуживает отдельного внимания, тег заголовка работает лучше, чем визуальное выделение жирным.
Проверка: читаем только заголовки подряд
Рабочий тест перед сдачей лендинга: выписать все заголовки страницы в столбик, от H1 до последнего H2, и прочитать их без единого абзаца текста между ними. Если по этому списку понятно предложение целиком - кто, что делает, для кого, что получит клиент, - иерархия выстроена верно. Если в середине списка появляется провал смысла, значит блок держится только на тексте абзаца, а сам по себе он ничего не сообщает.
Этот же список заголовков первым делом видит и поисковый робот, и всё чаще языковая модель, которая собирает краткий ответ по странице. Понятная лестница заголовков напрямую влияет на то, попадёт ли лендинг в такой ответ.
Ошибка первая: заголовок ради SEO, а не ради смысла
Есть соблазн впихнуть в каждый H2 ключевую фразу целиком: "Лендинг для стоматологии в Москве недорого заказать". Читатель на такой заголовок реагирует как на рекламный спам, а не как на ответ на свой вопрос. Ключевые слова в заголовках работают, только если складываются в естественную фразу. Список таких фраз обычно берут из Вордстата, а не сочиняют на ходу. Как встроить ключи без переспама, разобрано в статье SEO-копирайтинг для лендинга.
Ошибка вторая: одинаковый уровень для разных по важности блоков
Блок с ценой и блок с адресом офиса не должны стоять на одном уровне заголовков, если по значимости для решения о заявке они несопоставимы. На практике часто встречаются лендинги, где абсолютно все разделы идут через H2 подряд без единого H3, включая мелкие подпункты вроде "как добраться" или "режим работы". Визуально страница смотрится однородно, но структура перестаёт нести смысл: и для человека, который сканирует заголовки, и для поисковика.
Заголовок, который непонятен без абзаца под ним, не заголовок, а подпись к абзацу.
Длина заголовка и один смысл на строку
Заголовок длиннее 8-10 слов на мобильном экране переносится в три-четыре строки и перестаёт восприниматься как заголовок, скорее как абзац с крупным шрифтом. Проверять длину лучше сразу на телефоне, а не в редакторе на широком мониторе: то, что укладывается в одну строку на десктопе, на экране 375px в ширину почти всегда ломается на две-три. Оптимум для H2 - 4-7 слов, для H1 чуть больше за счёт конкретики вроде цены или срока. Один заголовок - одна мысль: если в него просится союз "и" с двумя разными идеями, лучше разбить на два заголовка или вынести вторую идею в подзаголовок H3. Заголовок "Цены и гарантии" почти всегда стоит разбить на два отдельных блока с двумя отдельными заголовками, потому что читателя, который ищет цену, гарантии в этот момент не интересуют, и наоборот.
Примеры до и после
| Уровень | Было | Стало |
|---|---|---|
| H1 | Компания Ромашка | Лендинг за 2 дня для малого бизнеса, от 15000 рублей |
| H2 | Немного о нас | Кто делает лендинг и почему за 2 дня |
| H2 | Наши преимущества | Что входит в стоимость 15000 рублей |
| H2 | Отзывы | Что говорят клиенты после запуска |
| H3 | Этап 1 | Бриф и сбор материалов, 1 час |
Частые вопросы
Сколько слов должно быть в заголовке H1?
Чуть больше, чем в H2: если оптимум для H2 4-7 слов, для H1 нормально 7-10 за счёт конкретики вроде цены или срока. Дальше заголовок переносится на мобильном в три-четыре строки и перестаёт читаться как заголовок.
Может ли на странице быть два тега H1?
Технически браузер это не запретит, но для SEO и для скринридера держите один. Два одинаково крупных заголовка дают противоречивый сигнал о том, какая фраза на странице главная, и поисковик решает это по-своему, не всегда так, как задумывал автор текста.
Нужен ли на лендинге тег H4?
Почти никогда. Лендинг короткий, и обычно хватает трёх уровней: H1 для оффера, H2 для блоков, H3 для перечислений внутри блока. H4 понадобится, только если внутри одного H3-пункта появляется собственное перечисление, а такое на одностраничнике редкость.
Как заголовки лендинга влияют на то, попадёт ли страница в ответ нейросети?
Языковая модель, которая собирает краткий ответ по странице, ориентируется на ту же лестницу заголовков, что и человек при беглом просмотре. Если по H1-H2 понятно предложение целиком, модели проще вытащить из текста готовый ответ и процитировать страницу.
Коротко
Заголовки лендинга - это отдельный канал донесения смысла, который работает даже без чтения абзацев. H1 один и содержит суть предложения, H2 складываются в оглавление, которое само по себе объясняет оффер, H3 нужен только для перечислений внутри блока.
Перед сдачей страницы прогоните тест с чтением одних заголовков подряд. Это пять минут работы, которые экономят переделку блока через месяц, когда выяснится, что первый экран не считывается за три секунды. Что для этого должно быть на первом экране, разобрано в статье 10 элементов первого экрана.
