Проверка заголовков H1–H6
Покажем дерево заголовков страницы и найдём типичные ошибки: несколько H1, пропущенные уровни, пустые заголовки.
Зачем проверять структуру заголовков
Заголовки — это оглавление страницы. По ним поисковик понимает, о чём документ и из каких частей он состоит, а пользователь за пару секунд решает, есть ли здесь ответ на его вопрос. Скринридеры для незрячих тоже навигируют по заголовкам. Поэтому ошибки в H1–H6 — это одновременно SEO, удобство и доступность.
Что показывает инструмент
- дерево всех заголовков с отступами по уровням;
- количество H1, H2, H3 и остальных;
- пропуски уровней — например, H4 сразу после H2;
- пустые заголовки и заголовки, в которые завёрнут логотип или картинка без текста.
Правила хорошей структуры
- Один H1 — главный заголовок, который отвечает на вопрос «о чём эта страница».
- H2 — крупные разделы, H3 — подразделы внутри них. Уровни идут по порядку, без перескоков.
- Заголовки пишутся для людей: понятно и конкретно, без набора ключевых слов.
- Оформление (крупный шрифт, жирность) задаётся CSS, а не тегами H — иначе структура засоряется.
Частые ошибки на CMS-сайтах
В шаблонах часто встречаются H1 в логотипе, заголовки виджетов в сайдбаре оформлены как H2–H3 и повторяются на каждой странице, а заголовок карточки товара выводится тегом div. Проверьте несколько типов страниц: главную, раздел, карточку и статью — у них разные шаблоны и разные ошибки.
Заголовки в шаблоне Битрикс
В Битрикс H1 обычно выводится в header.php шаблона сайта через $APPLICATION->ShowTitle(false), а заголовки блоков — в шаблонах компонентов. Если на странице два H1, ищите второй в шаблоне компонента (template.php) или во включаемой области. Заголовок окна браузера и H1 при этом можно разделить: свойство страницы title отвечает за тег title, а SetTitle() — за H1.