В SEO с 2005 года, и за это время я разобрал структуру заголовков на нескольких тысячах страниц. Вывод неизменный: H1 остаётся самым недооценённым элементом вёрстки. Его либо не ставят вовсе, либо ставят по три штуки на страницу, либо дублируют в него title слово в слово и считают задачу закрытой. При этом H1 — не «сеошный тег» и не поле для ключей. Это обычный элемент структуры документа, который работает по тем же правилам, что и название главы в книге: он говорит читателю и роботу, о чём вообще этот текст.
Что такое H1 и какую задачу он решает
H1 — это заголовок первого уровня в теле страницы. Технически это парный тег <h1>, который обрамляет главный заголовок содержимого. Формально в HTML заголовки h1–h6 задают уровни вложенности разделов, и браузер строит по ним смысловое дерево документа. Именно по этому дереву ориентируются скринридеры, режим чтения в браузерах, парсеры поисковых систем и сервисы вроде «сохранить в закладки для чтения».
Для поиска H1 — это подтверждающий сигнал. Робот сопоставляет title, H1 и первый абзац: если все три говорят об одном, страница трактуется однозначно. Если title обещает «купить сруб бани», H1 сообщает «Наша компания», а первый абзац рассказывает об истории предприятия, релевантность размывается. Я много раз наблюдал, как замена бессодержательного H1 на конкретный поднимала страницу на несколько позиций без единой внешней ссылки — не потому, что тег «весит» много, а потому что документ наконец стал понятным. Отдельная польза — поведенческая: пользователь, пришедший из выдачи, за долю секунды сверяет заголовок страницы со своим запросом. Не совпало — вернулся в поиск.
H1 и title: в чём разница
Это два разных тега с разными задачами, и путаница между ними — источник половины ошибок. Title живёт в head, в теле страницы его не видно, зато он формирует сниппет в выдаче и подпись вкладки. H1 живёт в body, его видит только тот, кто уже открыл страницу. Отсюда и разница в формулировках: title пишется под выдачу и конкуренцию за клик, H1 — под человека, который уже пришёл.
| Параметр | Title | H1 |
|---|---|---|
| Где находится | В секции head, невидим на странице | В теле страницы, виден пользователю |
| Основная функция | Заголовок сниппета, борьба за клик в выдаче | Заголовок содержимого, структура документа |
| Комфортная длина | 50–65 знаков до обрезки | Жёсткого лимита нет, разумно 40–80 знаков |
| Сколько на странице | Ровно один | Один, в исключениях допустим не более одного на секцию |
| Уточнения | Да: город, цена от, срок, бренд | Только если это часть смысла, а не приманка |
Сколько H1 должно быть на странице
Практический ответ: один. Спецификация HTML5 формально разрешает несколько h1 внутри секционирующих элементов article и section, и алгоритм построения структуры документа должен был это учитывать. Но алгоритм так и не был реализован ни в одном браузере, а поисковые системы трактуют множественные h1 по-своему. В итоге мы имеем ситуацию, когда «по стандарту можно», а по факту получается каша: скринридер не понимает, где главный заголовок, робот выбирает первый попавшийся.
Реальные причины появления нескольких H1 почти всегда технические. Логотип в шапке обёрнут в h1 «для веса» — привет из 2008 года. Плитка товаров на листинге, где каждое название карточки свёрстано заголовком первого уровня. Слайдер на главной, где каждый слайд имеет собственный h1. Виджет отзывов или футер, куда шаблон подставляет название компании. Ни один из этих случаев не даёт преимущества, зато все они превращают структуру в плоский список равнозначных строк. Если сайту нужна визуально крупная надпись — это задача CSS, а не тега заголовка.
Как формулировать H1
Хороший H1 отвечает на вопрос «что находится на этой странице» одним предложением без придаточных. В него входит основной запрос страницы в естественной форме — без перечисления через запятую всех синонимов и без топонимов в родительном падеже, если они не нужны по смыслу. Я обычно проверяю формулировку простым тестом: если показать этот заголовок человеку без остальной страницы, поймёт ли он, куда попал. Если нужны пояснения — заголовок плохой.
Второе правило — согласованность с типом страницы. У карточки товара H1 равен названию товара. У категории — название категории, возможно с уточнением. У статьи — тема статьи. У услуги — название услуги. Смешивать типы не надо: заголовок «Услуги» на странице конкретной услуги обесценивает страницу, а заголовок с ценой на информационной статье вводит в заблуждение.
| Тип страницы | Неудачный H1 | Рабочий H1 |
|---|---|---|
| Главная | Добро пожаловать на наш сайт! | Строительство каркасных домов в Московской области |
| Категория каталога | Каталог | Насосы для скважин |
| Карточка товара | Купить дёшево, доставка, скидки, лучшая цена | Насос погружной Grundfos SQ 2-55 |
| Страница услуги | Наши услуги | Аудит сайта: техническая и поисковая диагностика |
| Статья блога | Немного о заголовках | H1: как оформлять главный заголовок страницы |
Иерархия H2–H3: как строится структура
Заголовки нижних уровней — это оглавление документа. Правило одно: уровни не перепрыгиваются. После H1 идёт H2, внутри H2 при необходимости H3, внутри H3 — H4. Переход с H1 сразу на H3 формально не запрещён, но ломает дерево: получается раздел без родителя. Обратная ошибка встречается чаще — верстальщик выбирает уровень заголовка по размеру шрифта в макете. Понравился кегль у H4 — поставил H4, хотя по смыслу это раздел второго уровня.
Оптимальная плотность для коммерческой страницы — H2 каждые 2–4 абзаца, для длинной статьи — каждые 700–1200 знаков. Формулировки H2 стоит писать так, чтобы по одному их списку читатель понял содержание страницы целиком: это и есть проверка структуры. Подзаголовки-заглушки вроде «Немного истории» или «Подробнее» занимают место в оглавлении, но не несут информации. Если пишете SEO-статьи под поиск, каждый H2 должен отвечать на конкретный подвопрос темы, иначе он не наберёт ни трафика по низкочастотным хвостам, ни попадания в быстрые ответы.
Типичные ошибки вёрстки
| Ошибка | Чем вредит | Как исправить |
|---|---|---|
| H1 обёрнут вокруг логотипа | На всех страницах сайта одинаковый главный заголовок | Логотип — это ссылка с картинкой и атрибутом alt, заголовок не нужен |
| Несколько H1 на странице | Размывается тема, страдает доступность | Оставить один, остальные понизить до H2–H3 |
| H1 отсутствует | Робот достраивает заголовок сам, часто неудачно | Добавить в шаблон обязательное поле |
| Заголовки для оформления | В оглавлении оказываются подписи к кнопкам и полям формы | Оформлять текст стилями, а не тегами h2–h6 |
| H1 картинкой или скрыт стилями | Заголовок не читается роботом и скринридером | Текстовый видимый заголовок, оформление через CSS |
Отдельная беда — конструкторы и шаблоны, где заголовок секции жёстко зашит на определённый уровень. При переносе контента получается, что вводный блок оформлен H2, а название страницы — H3. Такие вещи всплывают при первом же аудите, но чинятся правкой шаблона, а не отдельных страниц.
Практический разбор: как проверить H1 на своём сайте
Проверка занимает вечер и не требует платных инструментов. Порядок действий такой:
- Просканируйте сайт краулером и выгрузите колонки: URL, title, H1, количество H1, количество H2. Подойдёт любой desktop-краулер.
- Отсортируйте по количеству H1: сначала разберите нули, затем всё, где больше единицы. Как правило, обе группы лечатся правкой одного-двух шаблонов.
- Найдите повторяющиеся H1. Одинаковый заголовок на десятках страниц почти всегда означает шаблонную подстановку названия компании или логотип в h1.
- Сверьте H1 и title попарно. Полные совпадения пометьте на переписывание, противоречия — на срочную правку.
- Пройдите по страницам с нулевым количеством H2 при объёме текста больше 3000 знаков: это кандидаты на переработку структуры.
Дальше правки идут по приоритету: страницы, приносящие трафик и заявки, затем категории, затем всё остальное. На проектах, где параллельно идёт доработка сайта, я всегда прошу вносить изменения в шаблоны, а не в контент вручную — иначе через полгода после обновления темы всё вернётся к исходному состоянию.
Чего делать не стоит
- Перечислять в H1 через запятую все ключевые фразы. Заголовок вида «Ремонт квартир, отделка, дизайн, недорого, Москва» одинаково плох и для поиска, и для человека.
- Вставлять в H1 телефон, слоган или призыв к действию. Это отдельные элементы интерфейса.
- Скрывать H1 стилями, выносить за пределы экрана, делать его нулевой высоты. Такие приёмы читаются автоматически.
- Менять H1 на страницах, которые стабильно приносят трафик, без причины и без фиксации даты изменения. Если позиции просядут, вы не поймёте почему.
- Подменять H1 скриптом после загрузки: робот может увидеть исходную версию, а пользователь — подменённую.
- Использовать заголовки как разделители для визуального ритма страницы. Для этого есть отступы и линии.
Частые вопросы
Влияет ли H1 на позиции напрямую? Как отдельный фактор — слабо. Как часть согласованной связки title + H1 + первый экран + текст — заметно. Именно поэтому изолированные эксперименты с H1 обычно дают нулевой результат, а переработка структуры страницы целиком даёт видимый.
Можно ли не ставить H1 вообще, если дизайн его не предполагает? Технически страница будет работать. Но вы отдаёте роботу право самому решать, что здесь главное, а скринридеру — навигацию по документу. Практически всегда находится текстовый элемент, который по смыслу и есть заголовок, — его и надо оформить тегом.
Что делать с листингом товаров, где названия карточек свёрстаны заголовками? Понизить их до H3 или заменить на обычный текст со ссылкой. Единственный H1 на такой странице — название категории. Это правка шаблона карточки в цикле вывода.
Нужно ли включать в H1 город? Только если география — часть смысла страницы и запроса. На посадочной странице под конкретный регион город уместен, на карточке товара в общем каталоге — нет. При GEO-продвижении по нескольким регионам город в H1 работает как явный маркер принадлежности страницы к региону.
Как быть, если движок автоматически подставляет H1 из названия материала? Оставить автоподстановку как значение по умолчанию, но добавить в админку отдельное поле для переопределения. Так вы сохраните порядок на массе страниц и получите ручное управление на важных.
Чеклист
- На каждой странице ровно один тег H1, он виден пользователю и содержит текст, а не изображение.
- H1 не совпадает с title дословно, но говорит о том же.
- Заголовок отвечает на вопрос «что здесь», понятен без остального контента и укладывается примерно в 40–80 знаков.
- Логотип, слоган, телефон и элементы интерфейса не обёрнуты в теги заголовков.
- Уровни h2–h4 идут по порядку, без пропусков, и выбраны по смыслу, а не по размеру шрифта в макете.
- Список H2 читается как оглавление страницы и раскрывает тему целиком.
- Одинаковые H1 не повторяются на разных страницах.
- Правки внесены в шаблон, а не поштучно, и переживут обновление темы.
Если после проверки вопросов осталось больше, чем ответов, имеет смысл разобрать структуру вместе на SEO-консультации: типовые проблемы с заголовками почти всегда лежат в шаблоне, и час разбора экономит недели ручных правок.
Если нужно SEO-специалист Анатолий Кузнецов — помогу вывести сайт в топ Яндекса и удержать позиции.
Увеличьте позиции и продажи вашего сайта
Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:
Остались вопросы по продвижению?
Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.
Связаться со мной →
Старт 
Стандарт 
Премиум 
