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