Заголовки H1–H6: структура страницы для людей и поиска
Заголовки — это скелет страницы. Они делят текст на смысловые блоки, помогают человеку быстро понять, о чём материал, и подсказывают поисковику структуру. Но работают они только при правильной иерархии: один главный заголовок, под ним — разделы, под разделами — подпункты. Разберём, что такое теги H1–H6, как выстроить иерархию, чем H1 отличается от Title и какие ошибки встречаются чаще всего.
Что такое теги заголовков
В HTML есть шесть уровней заголовков — от <h1> до <h6>. Это не про размер шрифта (внешний вид задаётся стилями), а про смысловую важность: H1 — самый главный заголовок страницы, H2 — названия крупных разделов, H3 — подразделы внутри них, и так далее вглубь. Браузеры, поисковые роботы и программы для незрячих читают эту структуру, чтобы понять, как устроен текст.
Как выглядит правильная иерархия
Заголовки вкладываются друг в друга, как пункты оглавления. Уровень не «перепрыгивают»: после H2 идёт H3, а не сразу H4.
Главные правила
- H1 — один на странице. Это её главная тема. Два H1 путают и людей, и поисковик: непонятно, о чём страница в первую очередь.
- Не пропускайте уровни. Идите по порядку: H1 → H2 → H3. Перескок с H2 сразу на H4 ломает структуру.
- Заголовок — про смысл, а не про оформление. Не используйте H-теги, чтобы просто сделать текст крупным или жирным — для этого есть стили.
- Включайте ключ естественно. В H1 и подзаголовках уместно употребить запрос, но по-человечески, без переспама.
- Заголовок отражает содержимое блока. По подзаголовкам должно быть понятно, о чём раздел, даже не читая текст.
H1 и Title — в чём разница
Их часто путают, но это разные вещи. Title — это тег в <head>, который виден во вкладке браузера и в заголовке сниппета в выдаче. H1 — заголовок, который человек видит уже на самой странице. Они могут совпадать по смыслу, но не обязаны быть идентичными: Title часто делают с прицелом на кликабельность в выдаче, а H1 — более естественным для читателя страницы.
Зачем правильные заголовки поисковику и людям
- Понимание структуры. По заголовкам поисковик быстрее разбирает, о чём страница и какие у неё подтемы — это помогает ранжированию по релевантным запросам.
- Шанс на быстрый ответ. Чёткие подзаголовки-вопросы повышают вероятность попасть в быстрый ответ (нулевую позицию).
- Удобство чтения. Люди сканируют страницу по заголовкам и быстро находят нужный блок. Хорошая структура удерживает на странице — а это поведенческие факторы.
- Доступность. Незрячие пользователи перемещаются по странице именно по заголовкам — правильная иерархия делает сайт доступнее.
Хорошо и плохо
- Несколько H1 на странице
- Заголовки скачут: H2 → H4 → H2
- H-теги навешены ради крупного шрифта
- Подзаголовки не отражают содержание
- Один H1 — главная тема страницы
- Последовательная вложенность H1→H2→H3
- Оформление — стилями, а не тегами
- По заголовкам понятна структура текста
Коротко
Заголовки H1–H6 задают смысловую структуру страницы: H1 — главная тема (он один), H2 — разделы, H3 — подразделы и так вглубь, без перескоков через уровень. Это не про размер шрифта, а про важность — оформление задают стили. H1 и Title — разные теги: Title виден в выдаче и во вкладке, H1 — на самой странице. Правильная иерархия помогает поисковику понять страницу, повышает шанс на быстрый ответ, удерживает читателя и делает сайт доступнее. Проверьте свои страницы: один ли H1, в порядке ли вложенность и отражают ли подзаголовки содержание.