Как пользоваться: Проверка заголовков
- Вставьте URL страницы и нажмите Проверить заголовки.
- Проверьте количество: на большинстве страниц должен быть ровно один H1, несколько H2 для основных разделов и H3 внутри них.
- Просмотрите структуру: строки, выделенные жёлтым, пропускают уровень, красные строки — это пустые заголовки.
- Исправьте проблемы в своей CMS, затем нажмите Скопировать структуру, чтобы вставить её в бриф или задачу.
Что такое проверка заголовков?
Проверка заголовков извлекает все элементы от <h1> до <h6> из веб-страницы и выводит их в порядке следования в документе в виде структуры с отступами. Заголовки формируют оглавление страницы: поисковые системы используют их, чтобы понять, какие темы раскрывает страница и как связаны её разделы, а пользователи программ чтения с экрана переходят между заголовками для навигации. Понятная структура полезна и тем, и другим.
Что означают проверки
Один H1 на странице
H1 должен отражать основную тему страницы и обычно находится рядом с тегом title. Google заявлял, что несколько H1 не мешают его системам, однако один ясный H1 остаётся самым надёжным решением для доступности и понятности шаблонов. Страница без H1 — более серьёзный пробел: вы теряете самый сильный сигнал о содержании страницы. Частая причина повторяющихся H1 — логотипы и названия сайта, обёрнутые в H1 на каждой странице.
Без пропущенных уровней
Заголовки должны спускаться на один уровень за раз: раздел H2 может содержать H3, а H3 — H4. Переход от H2 сразу к H4 нарушает логическую иерархию (метод WCAG G141 рекомендует правильную структуру заголовков). Обычно такое происходит, когда уровень заголовка выбирают по размеру шрифта. Лучше задавать стиль заголовков CSS-классами, чтобы уровень отражал структуру.
Без пустых и повторяющихся заголовков
Пустые заголовки, часто остающиеся от обёрток иконок или старых элементов CMS, программы чтения с экрана объявляют как «заголовок» без текста. Повторяющиеся заголовки, например многократное «Подробнее», делают структуру бессмысленной вне контекста.
Пример хорошей структуры
H1 Running shoes for flat feet
H2 How we tested
H2 The best running shoes for flat feet
H3 Best overall: …
H3 Best for trail: …
H2 How to choose
H3 Stability vs. neutral shoes
H2 FAQ
Каждый заголовок понятен сам по себе, уровни не пропускаются, а H1 соответствует поисковому намерению. Для остальных факторов on-page запустите полную проверку SEO; чтобы увидеть, какие слова выделяют ваши заголовки и текст, используйте проверку плотности ключевых слов.
Также ищут как: проверка h1, h1 h2 h3, заголовки html, h1 h6 seo.
Инструменты, которые хорошо сочетаются с Проверка заголовков
- Проверка мета-тегов — Узнайте, как Google, скорее всего, отобразит вашу страницу: длина title и description в пикселях, превью для ПК и мобильных устройств и все мета-теги в <head>.
- Счётчик слов — Вставьте или напишите текст, чтобы сразу увидеть количество слов и символов, а также время чтения и произнесения, плотность ключевых слов и проверку длины для SEO-заголовков, мета-описаний и постов в соцсетях.
- Проверка alt-тегов — Проверьте все изображения страницы в одной таблице: статус alt-текста, размер файла, атрибуты width и height, формат и ленивую загрузку.
- Расшифровка robots.txt — Правила в robots.txt короткие, но их легко понять неправильно.
Часто задаваемые вопросы
Плохо ли иметь больше одного H1?
Помогают ли заголовки SEO?
Должен ли H1 совпадать с тегом title?
Почему заголовки в меню или подвале учитываются?
<p> или <div>.