Заголовки
H1–H6: порядок
и проверка

Сначала определите, что заголовки должны объяснять

H1–H6 обозначают заголовки и уровни разделов в HTML. Хорошая структура помогает найти нужный ответ, понять связь частей страницы и перемещаться по ним с помощью вспомогательных технологий. Проверять нужно одновременно смысл текста, разметку и отображение. Крупная надпись сама по себе не подтверждает, что перед вами заголовок в коде.

Практический результат аудита — список конкретных исправлений: на каком URL, в каком блоке, какой текст или уровень изменить и как принять работу. Отчёт «на сайте 48 предупреждений» без разбора контекста этого не заменяет. Начните с важных страниц и повторяющихся шаблонов: одна ошибка в карточке товара может воспроизводиться во всём каталоге.

Ниже — маршрут от одной страницы до массовой проверки, затем настройка WordPress, выпуск изменений и наблюдение за результатом. Примеры стеллажа Р-8 и его монтажа учебные: это не кейс клиента и не описание реального товара.

Различайте H1, Title и визуальное оформление

Одна и та же фраза может находиться в нескольких местах. При приёмке уточняйте, какое поле редактировали и куда оно вывелось. Название записи в CMS иногда становится H1, но тема или конструктор могут использовать другую настройку.

Совпадение Title и H1 допустимо: не нужно искусственно переставлять слова ради отличия. Но можно дать им разные полезные акценты. Например, H1 «Монтаж складских стеллажей» подтверждает тему услуги, а Title уточняет регион и компанию, если это соответствует содержанию. Подробный порядок проверки есть в руководстве по Title.

Поисковый заголовок не является точной копией поля, которую можно гарантировать. Google описывает несколько источников для его формирования, включая заметный заголовок на странице. Поэтому основная тема должна быть согласованной, а не разной в метаданных, H1 и содержании.

Соберите структуру из задач посетителя

До выбора тегов запишите, зачем открывают страницу. У услуги монтажа вопросы могут быть такими: какие конструкции устанавливают, что входит в работу, как подготовить помещение, от чего зависит смета и как принимают результат. Каждый самостоятельный вопрос может стать разделом, если у вас есть содержательный ответ.

1. Сформулируйте тему страницы одним предложением.
2. Выпишите вопросы, без которых посетитель не сможет принять решение.
3. Разделите самостоятельные вопросы и уточнения внутри одного вопроса.
4. Уберите пункты, повторяющие друг друга или уводящие к другой услуге.
5. Проверьте, есть ли под каждым заголовком нужный текст, таблица, инструкция или иллюстрация.

Сравните найденные материалы по тому же запросу: какие задачи они раскрывают, где дают только общие советы, где показывают пример. Не переносите их оглавление целиком. Если у вас нет подтверждённых данных для раздела «Результаты клиентов», заменять их выдуманными цифрами нельзя. Лучше объяснить метод проверки результата.

Полезный редакционный тест: прочитайте только заголовки. По ним должен быть понятен путь от вопроса к решению. Разделы «Преимущества», «Особенности» и «Дополнительно» могут быть уместными, но при неясном контексте конкретное название помогает быстрее выбрать нужный фрагмент.

Разметьте вложенность, затем настройте размер текста

Для обычной статьи удобно использовать H1 для её названия, H2 для самостоятельных разделов, H3 для подразделов. H4–H6 нужны при реальной дальнейшей вложенности. Не добавляйте все шесть уровней ради полноты и не выбирайте H4 только потому, что он выглядит компактнее в текущей теме.

Рекомендации W3C WAI помогают различать углубление и переход к следующему разделу. Переход H2 → H4 пропускает промежуточный уровень. Возврат H4 → H2 может быть правильным: закончился подробный подраздел и начался новый крупный раздел.

<h1>Монтаж складских стеллажей</h1>
<h2>Что входит в работу</h2>
<h3>Подготовка места установки</h3>
<h3>Сборка и крепление конструкции</h3>
<h2>Как принимают результат</h2>
<h3>Проверка по согласованному проекту</h3>
<h2>От чего зависит стоимость</h2>

Это пример структуры, а не требование иметь именно такие разделы на каждом сайте. Сначала назначьте смысловые уровни, затем через стили задайте подходящие размеры. Так изменение дизайна не будет каждый раз менять устройство документа.

Блоки навигации и боковые области тоже могут иметь осмысленные заголовки. Не удаляйте их автоматически из-за отчёта сканера: проверяйте роль блока и последовательность в его контексте. Отдельный список всех тегов без знания структуры страницы бывает недостаточен для решения.

Пишите названия разделов, которые помогают выбрать ответ

H1 должен позволять узнать тему после перехода на страницу. Для категории это может быть группа товаров, для карточки — конкретная модель, для инструкции — задача, которую человек решит. Используйте привычные аудитории слова и подтверждаемые уточнения.

Не повторяйте основной запрос в каждом H2. «Монтаж стеллажей: цена», «Монтаж стеллажей: этапы», «Монтаж стеллажей: преимущества» часто можно сократить, потому что тема уже задана H1. Сохраняйте уточнение там, где без него появляется неоднозначность.

Вопросительная форма нужна, когда раздел действительно отвечает на вопрос. Она не является обязательной формулой для попадания в быстрые ответы. Число символов тоже не заменяет редактуру: проверяйте смысл, читаемость и переносы, а не универсальный диапазон, взятый из чужого чек-листа.

Проверьте заголовки в опубликованном HTML

Откройте страницу обычным посетителем, затем выберите у видимого заголовка пункт браузера «Просмотреть код» или Inspect. Название команды зависит от языка. Найдите сам элемент: это может оказаться H1, абзац, блок конструктора или изображение. Сверьте текст с тем, что ожидали увидеть после сохранения.

1. Запишите URL и тип страницы.
2. Проверьте главный заголовок и начало основного содержимого.
3. Просмотрите H2–H6 в порядке документа, затем сравните с визуальным порядком.
4. Откройте вкладки, меню или диалоги, если именно оттуда сканер нашёл лишние заголовки.
5. Повторите проверку на мобильной ширине: не создаётся ли вторая копия H1 и не обрезаются ли слова.

В инструментах разработчика можно выполнить этот читающий фрагмент. Он выводит обычные H1–H6 из текущего документа, ничего не меняет и не отправляет данные наружу.

console.table(
  [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]
    .map((node, index) => ({
      order: index + 1,
      level: node.tagName,
      text: node.textContent.trim().replace(/\s+/g, ' '),
      id: node.id,
      hasLayoutBox: node.getClientRects().length > 0
    }))
);

Поле hasLayoutBox — только подсказка о наличии геометрии, не полная проверка доступности или видимости. Фрагмент не проходит внутрь iframe и Shadow DOM и не перечисляет элементы с отдельной ARIA-ролью заголовка. Для сложного интерфейса потребуется дополнительная проверка дерева доступности.

Разберите, откуда появились лишние или невидимые заголовки

Частые источники второго H1 — логотип, отдельная мобильная копия первого экрана, слайдер и повторно вставленное название записи. Если главная тема выводится дважды случайно, лучше исправить компонент. Для адаптивного первого экрана обычно достаточно одного элемента с разными стилями на разных ширинах.

Скрытый в закрытом диалоге заголовок сам по себе не доказывает попытку манипуляции поиском. У диалога может быть собственное название, нужное для доступности. Аналогично вкладки и сворачиваемые разделы требуют оценки их реального поведения. Не превращайте все такие элементы в обычный текст только ради уменьшения числа H-тегов.

Пустой H2 от удалённого блока, напротив, не помогает навигации. Проверьте, почему шаблон выводит тег без содержимого: пустое поле, необязательная секция или ошибка импорта. Исправление условия вывода обычно полезнее, чем заполнение всех пустот словами «Дополнительная информация».

Один H1 для обычной посадочной — понятное проектное правило. При нескольких H1 сначала установите причину и ожидаемую структуру. Сам Screaming Frog объясняет предупреждение Multiple с учётом удобства использования, а не как универсальное доказательство поисковых санкций.

Соберите заголовки в Screaming Frog

Для массовой проверки используйте SEO Spider. Задача обхода — получить перечень проверенных URL и повторяющиеся проблемы. Если проверяется часть сайта, запишите это ограничение; несколько сотен найденных страниц не доказывают, что охвачен большой каталог.

1. Укажите адрес сайта в строке Enter URL to spider и нажмите Start.
2. После завершения обхода откройте вкладку H1. Сохраните исходную выгрузку.
3. Смотрите адрес, содержимое заголовка, количество в Occurrences и состояние индексируемости.
4. Отдельно выгрузите группы отсутствующих, повторяющихся и множественных H1.
5. Перейдите к H2 и проверьте разделы у разных типов страниц.
6. Сверьте число и состав URL с ожидаемой структурой. Отметьте недоступные или не найденные страницы.

Документация вкладок уточняет ограничение: по умолчанию в колонках сохраняются первые два H1 и H2, а общее число отражено отдельно. Это не полная выгрузка всех заголовков H1–H6. Для полной схемы конкретной страницы используйте её DOM; для большого массива настройте дополнительное извлечение с ответственным специалистом.

Если видимый заголовок не найден, сравните исходный и отрисованный HTML. Инструкция Missing H1 отдельно предлагает проверить JavaScript-рендеринг. Не создавайте второй заголовок, пока не выясните, почему первый отсутствует в выбранном режиме обхода.

Отделите дефекты от предупреждений, требующих контекста

Фильтр Non-sequential показывает конкретное правило программы о порядке уровней. Рассматривайте его вместе со структурой страницы: вспомогательные области могут требовать отдельного решения. Итоговая цель — понятная навигация, а не ноль строк любой ценой.

Повтор «Доставка» в H2 у нескольких товаров не означает, что карточки нужно переписывать. А одинаковое «Каталог» в H1 у всех самостоятельных категорий заслуживает внимания. Если несколько адресов показывают одно содержание, исправление одной фразы не решит проблему URL; используйте отдельную проверку канонических адресов.

Настройте уровень в редакторе и проверьте результат на сайте

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

1. Откройте нужную страницу в редакторе и выберите блок заголовка.
2. В панели блока или его настройках найдите выбор уровня H1–H6.
3. Назначьте уровень по структуре, а размер и цвет — отдельными настройками оформления.
4. Откройте обзор документа и его структуру, чтобы увидеть уровни блоков.
5. Сохраните изменения, откройте опубликованную страницу и проверьте её HTML.
6. Сверьте оглавление и переходы, особенно если менялись текст или якорь заголовка.

Официальная инструкция Heading block описывает эти элементы управления. Их расположение зависит от версии редактора и темы. В конструкторе ищите именно HTML-тег заголовка: выбор размера «крупный» может менять только внешний вид.

Структура внутри редактора не всегда включает шапку, шаблонный первый экран и футер. Поэтому она помогает автору, но не заменяет проверку готовой страницы. Если после сохранения остался старый вариант, проверьте кэш и источник значения, прежде чем повторять правку в другом поле.

Исправляйте общую причину и проверяйте исключения

Если одна ошибка повторяется у множества URL, определите компонент, который её создаёт. Это может быть шаблон товара, блок героя или общий виджет. Десятки ручных исправлений не помогут, когда следующий импорт снова вернёт прежний вывод.

До изменения сохраните версию шаблона и примеры HTML. Согласуйте источник текста: название записи, отдельное поле H1, категория, модель. Для обязательных данных задайте проверку заполнения; для необязательных — понятный вариант вывода без пустых скобок, лишних тире и оборванных фраз.

• Проверьте короткое и самое длинное название.
• Возьмите запись с незаполненным необязательным полем.
• Проверьте товар с вариантами, категорию и продолжение списка.
• Откройте мобильную версию, меню и диалог формы.
• Убедитесь, что старые ссылки на разделы остались рабочими.

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

Меняйте заголовки с понятной причиной и возможностью отката

Исправление опечатки, замена ошибочного уровня и смена темы посадочной — разные действия. Если вместо «монтажа» в H1 появляется «продажа», это уже изменение обещания страницы. Сверьте предложение, содержимое и целевые запросы, а не только сохранность отдельной ключевой фразы.

1. Сохраните URL, старые Title, H1 и структуру подзаголовков.
2. Запишите причину, новый вариант и ожидаемое улучшение для посетителя.
3. Проверьте реальные запросы и страницы входа в доступной аналитике.
4. Сначала примените правила на представительной группе страниц и проверьте исключения.
5. Зафиксируйте дату выпуска и другие одновременные изменения.
6. После публикации повторите обход и ручную проверку ключевых сценариев.

Размер первой группы зависит от устройства сайта: важнее охватить разные случаи, чем выбрать красивое число. Не растягивайте устранение очевидной ошибки шаблона на месяцы только ради формального эксперимента. Но масштабную смену формулировок полезно отделять от переезда URL и полной замены содержания, если нужно понять влияние конкретной работы.

Откат должен возвращать проверенную версию, а не случайно собранный текст. Сохраните и содержание, и правила шаблона. Если изменение улучшает доступность, а трафик колеблется без установленной причины, автоматический откат только по графику может вернуть прежний дефект.

Проверьте технический результат раньше, чем оцениваете поиск

Сразу после выпуска можно проверить, что заголовок сохранился, шаблон не добавил дубли, ссылки оглавления работают, текст не обрезается и страница доступна. Рост поисковых показов нельзя подтвердить одной проверкой HTML или зелёной оценкой плагина.

В Google Search Console и Яндекс Вебмастере рассматривайте изменённые URL и запросы отдельно. Сопоставляйте сопоставимые периоды и учитывайте спрос, сезонность, остальные работы, изменения поисковой выдачи и состав страниц. Совпадение дат правки и падения не доказывает причинную связь.

Если показатели ухудшились, начните с доступности, индексирования и совпадения опубликованного текста с согласованным. Затем проверьте, какие именно запросы и страницы изменились. Общая просадка может быть связана с другой проблемой; используйте инструкцию по индексации, если URL исчез или закрыт от поиска.

Универсального срока, после которого правка обязательно даст результат, нет. Запишите условие оценки заранее: накоплены сопоставимые данные, поисковик обработал актуальную версию, устранены обнаруженные технические ошибки. Для SEO-продвижения это полезнее, чем обещание прибавки позиций от одного H1.

Примите исправления по конкретным критериям

В отчёт приложите не только итоговое число предупреждений, но и решения по спорным случаям. Например: «H2 “Доставка” повторяется в карточках — оставлено как название содержательного раздела». Это защищает полезную структуру от следующей автоматической массовой замены.

Заголовки — один пункт общей проверки сайта. Формы, аналитика, скорость, доступы и резервные копии проверяются отдельно по инструкции по приёмке сайта у разработчика.

Частые вопросы о H1–H6