Что это
Теги заголовков бывают шести уровней, от <h1> (основной заголовок) до <h6> (самый мелкий подзаголовок), и предполагается, что их используют по порядку, выстраивая вложенную структуру содержимого страницы: один H1 наверху, H2 для его основных разделов, H3 для подразделов внутри них, и так далее. «Иерархия заголовков» — это просто вопрос о том, действительно ли заголовки страницы следуют этому вложенному порядку, или же уровни пропускаются либо используются не по порядку — например, переход сразу от H1 к H3 без H2 между ними.
Здесь легко ошибиться, когда заголовки выбираются исключительно исходя из того, как они выглядят (выбирается тот уровень заголовка, который просто отображается нужным размером шрифта), а не исходя из того, что они означают структурно.
Почему это важно
Хорошо выстроенная иерархия заголовков работает как оглавление, встроенное прямо в страницу, — и поисковые системы, и пользователи программ чтения с экрана полагаются на неё, чтобы понять, как организовано содержимое страницы, и сразу перейти к нужному разделу. Пропущенные или расставленные не по порядку уровни заголовков ломают эту структуру, делая структуру страницы по-настоящему труднее для программного анализа, даже когда визуально она по-прежнему нормально читается зрячим посетителем при обычной прокрутке.
Чтобы сделать это правильно, не нужно добавлять больше заголовков, чем требуется странице, — нужно лишь использовать те уровни, которые у страницы уже есть, в правильном вложенном порядке, а не выбирать их произвольно, ориентируясь только на размер шрифта.
Как это исправить
- Составьте список всех заголовков на странице по порядку, отметив их уровень (H1, H2, H3 и так далее) — многие инструменты и расширения для проверки доступности в браузере могут сгенерировать такую структуру автоматически.
- Убедитесь, что на странице ровно один H1, за которым следуют H2 для основных разделов.
- Проверьте, не пропущен ли какой-либо уровень заголовка — например, H2, за которым сразу следует H4 без H3 между ними, — и скорректируйте это, добавив недостающий уровень или понизив пропущенный заголовок.
- Если заголовок был выбран исключительно из-за визуального размера, а не из-за своего структурного места в общей структуре, измените его уровень заголовка, а размер шрифта отрегулируйте отдельно с помощью стилей.
- Повторно запустите проверку Launch Readiness, чтобы убедиться, что иерархия теперь согласована.