H1: как устроить главный заголовок страницы

H1 задаёт структуру, а размер текста задаёт оформление

В HTML есть шесть уровней заголовков: от H1 до H6. Они описывают иерархию содержания. Крупная надпись сама по себе не становится H1, а небольшой по оформлению H1 сохраняет своё структурное значение. Размер и цвет текста меняются стилями, поэтому внешний вид не позволяет надёжно определить уровень.

Для страницы «Ремонт холодильников» можно выбрать такой же главный заголовок, затем разделы H2 «Какие неисправности устраняем» и «Как проходит выезд». Под разделом о неисправностях уместны H3 для отдельных групп. Это пример организации материала, а не обязательный SEO-шаблон. У короткой страницы может не быть необходимости в глубоком делении.

Почему H1 и Title не нужно механически копировать

H1 читает человек, который уже открыл страницу. Title описывает документ и обычно виден во вкладке. Для одной услуги H1 «Ремонт холодильников», а Title «Ремонт холодильников в Туле | Название компании» могут согласовываться по смыслу без дословного совпадения. Добавляйте географию и бренд только там, где они помогают понять конкретную страницу.

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

Нужен ли ровно один H1

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

Например, тема сайта может выводить название компании как H1 на каждой странице, а редактор добавляет ещё один H1 в тексте услуги. Исправление здесь связано с шаблоном шапки и шаблоном контента. Если просто понизить заголовок услуги до H2, главной темой документа формально останется название компании, хотя посетитель пришёл читать об услуге.

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

Как проверить H1 на живой странице

1. Откройте опубликованную страницу. Посмотрите, какой текст первым объясняет её содержание, и сравните его с названием услуги или товара.
2. Через инструменты разработчика найдите соответствующий элемент и проверьте его тег. По одному размеру шрифта или жирному начертанию вывод делать нельзя.
3. Просмотрите все H1 и порядок H2-H3, включая шапку, рекомендации и мобильные элементы. Зафиксируйте повторяющийся шаблон.
4. Если заголовок появляется после выполнения JavaScript, сравните исходный HTML и итоговую структуру в браузере. Условия обхода краулера должны быть известны.
5. В краулере Screaming Frog выгрузите фактически найденные заголовки и адреса. Не считайте отсутствие колонки доказательством отсутствия H1 на сайте.

Что исправлять в разных ситуациях

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

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

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