Заголовки H1–H3 — это разметка структуры документа, а не набор способов сделать текст крупным. Уровень тега сообщает, что перед вами: название всей страницы, раздел внутри неё или подраздел внутри раздела. Программа, которая читает страницу, строит по этим тегам оглавление — и от того, насколько оно осмысленно, зависит, поймут ли текст без чтения целиком.
Зачем разметке уровни
Человек видит структуру по расстояниям, кеглю и жирности. Робот и программа чтения с экрана этого не видят — им доступна только вложенность тегов.
Из этого следует практическое правило: уровень выбирается по смыслу, а не по внешнему виду. Если фраза открывает новый раздел — это H2, независимо от того, каким размером её отрисует тема. Если она уточняет мысль внутри уже открытого раздела — H3. Перепрыгивание уровней (H2, потом сразу H4) не ломает страницу технически, но делает оглавление недостоверным: по нему нельзя понять, что чему подчинено.
Второе следствие менее очевидно. Хорошая иерархия обычно означает, что автор понимал план текста до того, как начал его писать. Разделы «Немного истории», «Интересные факты» и «Заключение» — не проблема разметки, а признак того, что плана не было.
H1 и title работают в разных местах
Их путают чаще всего, потому что в админке они лежат рядом и по умолчанию заполняются одинаково.
| Элемент | Где виден | Что решает | Сколько на странице |
|---|---|---|---|
title | Результаты поиска, вкладка браузера | Кликнут ли по ссылке; понимание темы документа | Ровно один |
H1 | На самой странице | Подтверждает пришедшему, что он попал куда хотел | Один |
H2 | На странице | Делит текст на разделы, формирует оглавление | Сколько нужно |
H3 | На странице | Уточняет внутри раздела | Сколько нужно |
description | Результаты поиска | Предлагает текст описания под ссылкой | Один |
Из таблицы видно разделение задач. Title обращается к тому, кто ещё не пришёл, и потому терпит уточнения вроде города или названия компании. H1 обращается к тому, кто уже пришёл, и лишние слова в нём — шум. Остальную механику служебных тегов разбирает страница про метатеги, а то, как из них собирается ссылка в выдаче, — сниппет.
Как формулировать подзаголовок
Подзаголовок описывает содержимое блока под ним. Проверка простая: если выписать все H2 подряд, должен получиться связный план документа, по которому понятно, о чём текст.
Формулировки, которые эту проверку не проходят, узнаются сразу — «Общие сведения», «Немного о главном», «А что дальше?». Они занимают место в оглавлении, но ничего о содержании не сообщают. Такой же эффект даёт заголовок-приманка: он обещает, а не описывает, и читатель, ищущий конкретный кусок, вынужден читать всё подряд.
Отдельно это важно для ответов нейросетей: при разборе страницы заголовок часто становится границей фрагмента, и описательная формулировка повышает шанс, что фрагмент вынут целиком и по делу.
Где заголовки ничего не решают
Иерархия помогает понять текст, но не создаёт его. Безупречная разметка на пустой странице не даёт ничего — размечать нечего.
Не спасает она и в обратную сторону. Если страница не отвечает на запрос, аккуратные H2 не удержат человека: он вернётся в выдачу. Заголовки — способ сделать существующее содержание навигируемым, и всё. Их правка даёт заметный результат ровно в одном случае: когда текст полезный, но найти в нём нужный кусок невозможно. Это частный случай общей проблемы непонятного следующего шага — она разобрана в материале про юзабилити.
С чем путают
С размером шрифта. Тег — заявление о структуре. Крупный текст делается стилями.
С title. Разные элементы для разных мест: один работает в выдаче, другой на странице. Совпадать они не обязаны.
С обязательной уникальностью формулировки. Требования, чтобы H1 каждой страницы отличался от всех остальных дословно, не существует. Проблема возникает не от похожих слов, а от того, что похожи сами страницы, — это уже вопрос дублей.
С местом для ключевых слов. Заголовок помогает определить тему блока, но плотность вхождений в нём отдельным фактором не является. Остальные термины разобраны в словаре.
Частые вопросы
Можно ли поставить два H1 на страницу?
Должен ли H1 совпадать с title?
Что делать, если дизайн требует крупного текста без заголовка?
Влияют ли ключевые слова в подзаголовках на позиции?
Нужен ли H1, если страница начинается с большого изображения?