Структура заголовков H1–H6 и хлебные крошки
Правильная иерархия заголовков помогает поисковику и нейросетям понять, о чём страница, а хлебные крошки улучшают навигацию и сниппет. В режиме «Заголовки» вставьте HTML страницы — инструмент построит дерево H1–H6 и подсветит ошибки: отсутствующий или лишний H1, пропущенные уровни. В режиме «Хлебные крошки» соберите готовый код навигационной цепочки с микроразметкой BreadcrumbList. Всё работает прямо в браузере.
Зачем нужна правильная иерархия заголовков
Заголовки H1–H6 — это не про размер шрифта, а про смысловую структуру страницы. Они образуют оглавление, по которому поисковик и нейросети понимают, что главное, а что — подраздел. H1 — это тема всей страницы, он должен быть один. H2 делят материал на крупные блоки, H3 уточняют H2, и так далее. Когда иерархия логична, поисковику проще выделить ключевые пассажи для сниппета и AI-ответа, а пользователю — пробежать страницу глазами. Сбитая структура (два H1, прыжки с H2 на H4) запутывает и алгоритмы, и читателей.
Главные правила H1–H6
Правил немного, но они важные. Первое: один H1 на страницу, и он отражает её тему, перекликаясь с title (но не обязан совпадать дословно). Второе: не пропускайте уровни — после H2 идёт H3, а не сразу H4. Пропуск уровня — самая частая ошибка, и именно её подсвечивает этот инструмент. Третье: используйте заголовки по смыслу, а не ради крупного шрифта — для оформления есть CSS. Четвёртое: держите заголовки информативными и по возможности с ключевыми словами, но без переспама. Этот анализатор показывает дерево заголовков и сразу отмечает нарушения этих правил.
| Тег | Роль | Сколько на странице |
|---|---|---|
| H1 | Тема всей страницы | Строго один |
| H2 | Крупные разделы | Несколько |
| H3 | Подразделы внутри H2 | Сколько нужно |
| H4–H6 | Глубокая вложенность | Редко, по необходимости |
Чем полезны хлебные крошки
Хлебные крошки — это навигационная цепочка вида «Главная › Каталог › Гитары». Она решает сразу несколько задач: помогает пользователю понять, где он находится и быстро вернуться на уровень выше, снижает отказы и улучшает поведенческие факторы. Для SEO крошки полезны вдвойне: с микроразметкой BreadcrumbList поисковик показывает в сниппете аккуратную цепочку вместо длинного URL, что повышает кликабельность. Этот инструмент собирает и видимый HTML-код крошек, и JSON-LD одновременно — остаётся вставить их на страницу. Последний элемент цепочки — текущая страница — оформляется без ссылки, как и рекомендуют поисковики.
- Один H1, далее уровни без пропусков
- Заголовки по смыслу, оформление — через CSS
- Крошки с микроразметкой BreadcrumbList
- Двух H1 или полного отсутствия H1
- Прыжков через уровень (H2 → H4)
- Ссылки на текущую страницу в крошках
Как это сделать
- Выберите режим: анализ заголовков или генератор хлебных крошек.
- Для анализа вставьте HTML страницы (или фрагмент) в поле — дерево построится автоматически.
- Проверьте подсветку: красные и жёлтые пометки укажут на лишний H1 и пропуски уровней.
- Для крошек введите цепочку «Название | URL» по одной в строке; последняя строка — текущая страница.
- При необходимости оставьте включённой микроразметку JSON-LD.
- Скопируйте код крошек и вставьте его в шаблон страницы.
Частые вопросы
Классическое правило — один H1 на страницу. Он отражает её главную тему и обычно перекликается с title. Несколько H1 размывают смысловой центр: и алгоритмам, и пользователю становится непонятно, что на странице главное. Формально стандарт HTML5 допускает несколько H1 внутри секций (article, section), но на практике для SEO надёжнее придерживаться одного H1 и строить остальную структуру через H2–H6. Этот анализатор предупредит, если H1 нет вовсе или их больше одного.
Это когда после заголовка одного уровня идёт заголовок на два и более уровня глубже — например, сразу после H2 стоит H4, минуя H3. Иерархия должна расти по одному уровню за раз: H1 → H2 → H3. Пропуск ломает логическое оглавление и мешает программам чтения с экрана и поисковикам правильно понять вложенность. Исправляется просто: либо понизьте «перепрыгнувший» заголовок до корректного уровня, либо добавьте недостающий промежуточный. Инструмент подсвечивает каждый такой прыжок жёлтым.
Нет, это разные вещи, хотя они связаны. Title — это тег в
, который виден в выдаче и во вкладке браузера, но не на самой странице. H1 — это видимый заголовок на странице. Они могут совпадать, но часто различаются: title оптимизируют под поисковый запрос и лимит длины, а H1 пишут для читателя. Хорошая практика — сделать их близкими по смыслу, но не обязательно идентичными. Проверить длину и вид title удобно в отдельном инструменте превью сниппета.Влияют, но умеренно и косвенно. H1 — заметный сигнал о теме страницы, поэтому ключевой запрос в нём полезен. Остальные заголовки помогают поисковику разобрать структуру и выделить пассажи для сниппетов и AI-ответов. При этом заголовки — не волшебная кнопка: они работают в связке с качеством контента, а не вместо него. Переспам ключами в каждом H2 скорее навредит. Оптимальная стратегия — логичная иерархия и естественные информативные формулировки с ключами там, где они уместны.
Желательна. Сами по себе крошки полезны для навигации даже без разметки. Но добавление BreadcrumbList в формате JSON-LD позволяет поисковику показать в сниппете аккуратную цепочку «Раздел › Подраздел» вместо длинного URL — это повышает кликабельность и выглядит профессиональнее. Разметка не гарантирует такой вид, но без неё шансов нет. Этот инструмент по умолчанию добавляет JSON-LD рядом с HTML-кодом крошек, так что вы получаете оба слоя сразу. Отключить разметку можно галочкой, если она вам не нужна.
Инструмент работает с HTML, который вы вставляете в поле, — он не загружает страницы по ссылке. Чтобы проверить любую страницу (свою или конкурента), откройте её в браузере, посмотрите исходный код (Ctrl+U) или скопируйте нужный фрагмент и вставьте сюда. Анализ идёт полностью в браузере, ничего не отправляется на сервер. Это удобно для аудита: можно быстро сравнить структуру заголовков нескольких страниц и увидеть, у кого иерархия выстроена логичнее.