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