H1 и структура заголовков: как машина понимает, о чём страница

Один H1, и он о странице

Заголовок первого уровня описывает содержание всей страницы, а не название компании в шапке. Несколько H1 на странице — сигнал, что разметку использовали для размера шрифта: поисковику приходится угадывать, какой из них главный.

Уровни идут подряд

После H2 идёт H3, а не H5, выбранный за подходящий размер. Пропуск уровня ломает оглавление, которое строят и программы чтения с экрана, и разборщики страниц. Размер шрифта задаётся стилями — он не обязан совпадать с уровнем.

Заголовок вкладки — это другое

Тег title показывается в выдаче и на вкладке браузера, H1 — на самой странице. Они могут различаться, и часто должны: в title уместно уточнение вроде города или бренда, в H1 — чистая суть; про длину и дубли заголовков — отдельный разбор. Совпадение слово в слово ошибкой не является, но и обязательным не считается.

Как выглядит нормальная структура

Один H1 о странице, разделы H2, подпункты H3 — уровни идут подряд и не перескакивают. Размер шрифта задаётся стилями и с уровнем совпадать не обязан: заголовок раздела вправе быть мельче, чем название блока рядом.

<h1>Проверка мета-тегов</h1>
  <h2>Что проверяет инструмент</h2>
    <h3>Title</h3>
    <h3>Description</h3>
  <h2>Как исправить</h2>

Как быстро увидеть свою структуру

В инструментах разработчика есть вкладка доступности, где страница показана деревом заголовков — сразу видно и пропуски уровней, и разделы, оформленные жирным абзацем вместо заголовка. Если дерево состоит из одного H1 и десятка абзацев, разметки у страницы фактически нет, как бы аккуратно она ни выглядела. Та же вкладка пригодится и в проверке доступности.

Заголовки в шапке, подвале и боковых блоках

Путаницу чаще создаёт не текст статьи, а обвязка страницы. Название сайта в шапке нередко размечено заголовком первого уровня на каждой странице — тогда их два, и оба «главные». Подписи блоков в подвале и боковой колонке бывают третьим уровнем там, где второй ещё не встречался. Полезное правило: заголовками размечается СОДЕРЖИМОЕ страницы, а не интерфейс вокруг него. Название сайта — это ссылка на главную, а не заголовок. Подписи «Меню», «Контакты», «Мы в соцсетях» — подписи блоков, и уровень им нужен только тогда, когда блок действительно является разделом страницы.