H1 — это HTML-тег, который маркирует главный заголовок страницы в её HTML-коде. H1 заголовок — один на страницу, видимый пользователю в верхней части контента, считываемый поисковой системой и скринридером. От H1 зависит ранжирование страницы по запросу, навигация на странице для незрячих пользователей и общая структура контента, считываемая алгоритмом. Правила использования H1, длина, отличие от Title и редакторского заголовка, иерархия заголовков на странице, типичные ошибки — содержание материала.
Что такое тег H1 и для чего он нужен
H1 — заголовочный тег первого уровня в HTML. Это базовый элемент из семейства <h1>…<h6> — заголовочные теги шести уровней. Теги заголовков образуют иерархию: H1 — главный, H2 — крупные смысловые блоки внутри страницы, H3 — подразделы внутри H2, и так далее до H6. Понимание того, как использовать H1 правильно, начинается с понимания этой иерархии и роли H1 как её вершины.
<body>
<h1>Пластиковые окна в Минске — установка под ключ</h1>
<p>Производство и установка пластиковых окон ПВХ под индивидуальный замер...</p>
<h2>Профили окон, с которыми мы работаем</h2>
...
</body>У H1 три практические задачи:
- Маркер главной темы страницы для алгоритма. Поисковая система обрабатывает H1 как один из сильных сигналов о теме страницы — после Title и наравне с первыми абзацами текста.
- Точка входа в контент для пользователя. H1 — первая крупная надпись на странице, которую видит читатель после клика из выдачи. От её соответствия запросу зависит, останется пользователь на странице или вернётся в выдачу.
- Опорный элемент для скринридеров. Голосовые программы для незрячих пользователей озвучивают H1 первым после загрузки страницы и используют иерархию заголовков как карту навигации.
В стандарте HTML5 формально допустимо использовать несколько тегов H1 на одной странице — по одному на каждый секционный элемент (<article>, <section>, <aside>). На практике Google и Яндекс рекомендуют один H1 на страницу. Это и упрощает работу алгоритма, и улучшает доступность для скринридеров.
H1, Title и редакторский заголовок: где границы
Три понятия — H1, Title и редакторский заголовок — часто смешиваются в обиходе. На практике это связанные, но разные сущности с разными задачами.
| Элемент | Что это | Где виден | Главная задача |
|---|---|---|---|
| H1 | HTML-тег первого уровня | На самой странице, крупным шрифтом | Маркировка главной темы для алгоритма и пользователя |
| Title | Метатег <title> в <head> | Сниппет выдачи, вкладка браузера, шеринг | Привести клик из выдачи |
| Редакторский заголовок | Видимая надпись в редакторском смысле | В большинстве случаев совпадает с H1 | Передать суть материала читателю |
На практике редакторский заголовок и H1 — это часто один и тот же текст: то, что редактор согласовал как название материала, попадает в HTML-код как содержимое тега <h1>. Title при этом может отличаться — он отдельно оптимизируется под клик из выдачи.
Связка работает так: Title привлекает клик из выдачи → пользователь попадает на страницу и видит H1 → H1 подтверждает (или не подтверждает) ожидание, заданное в Title. Если Title и H1 рассинхронизированы, пользователь быстро возвращается в выдачу, и страница теряет позиции через поведенческие сигналы.
SEO-функции H1
H1 для SEO работает на три задачи, и для каждой есть свой механизм. В связке с другими заголовками — H1 и H2 формируют тематическую структуру страницы, которую алгоритм использует для оценки релевантности.
Прямой сигнал релевантности темы. H1 — один из самых сильных текстовых сигналов на странице после Title. Алгоритм Google и алгоритм Яндекса присваивают H1 повышенный вес по сравнению с обычным текстом: тег сигнализирует, что слова внутри — это формулировка главной темы. Ключевое слово в H1 работает на ранжирование напрямую, плотность ключа в H1 — параметр, который учитывают алгоритмические факторы.
Поведенческие сигналы через первое впечатление. Когда пользователь приходит на страницу из выдачи, H1 — первое, что попадает в фокус его внимания. Если H1 совпадает с тем, что обещал Title, и соответствует запросу — пользователь остаётся читать. Если расходится — возвращается в выдачу за 5–10 секунд. Это негативный поведенческий сигнал, который алгоритм использует для пересмотра позиций.
Иерархия для бот-краулера и для пользователя
Алгоритмы Google и Яндекса извлекают из иерархии заголовков (H1 → H2 → H3) логическую структуру страницы. Это позволяет идентифицировать, какие подтемы раскрыты и в каком объёме. На длинных статьях это влияет на то, по каким широким запросам страница ранжируется в дополнение к основному.
Та же иерархия используется скринридерами для навигации: незрячий пользователь может перепрыгивать между H2-разделами клавишей H в JAWS или NVDA, не слушая весь текст подряд.
Технические правила H1
Шесть технических правил H1, которые отрабатываются на этапе вёрстки страницы и проверяются на этапе вычитки.
Один H1 на страницу. На странице должен быть один тег <h1>. Это рекомендация Google в Search Central и негласный стандарт SEO-практики, даже несмотря на формальное разрешение HTML5 на несколько H1 в секционных элементах. Несколько H1 размывают сигнал главной темы для алгоритма и сбивают навигацию скринридеров.
H1 в верхней части страницы. Тег <h1> размещается в верхней части видимой области страницы — обычно сразу под шапкой сайта. Это первое, что видит пользователь после клика, и первый смысловой блок, который доходит до алгоритма при обходе страницы. H1 в подвале страницы или внутри сайдбара — техническая ошибка.
Содержит основной ключ страницы. H1 — место для основного ключевого запроса, под который продвигается страница. Ключ ставится в естественной форме, желательно ближе к началу H1. На запросе «купить пластиковые окна в Минске» H1 будет содержать «пластиковые окна» и «Минск» в одной фразе — без переспама и в естественной формулировке.
Длина H1 — до 100 символов. Жёсткой границы длины H1 у поисковиков нет: тег не обрезается в выдаче, как Title или Description. Но рабочий ориентир — 30–100 символов. Слишком короткий H1 (2–3 слова) теряет конкретику. Слишком длинный (больше 100 символов) воспринимается тяжело и снижает первое впечатление пользователя.
Уникален в пределах сайта. Каждый H1 на сайте — уникальный. Два одинаковых H1 на разных страницах для алгоритма — сигнал, что страницы дублируют друг друга по теме. Дубль не приводит к выпадению из индекса так жёстко, как дубль Title, но снижает шанс ранжироваться обеим страницам по их основным запросам.
Текст H1 — обычный заголовок, не картинка. H1 — это текст внутри тега, а не изображение с надписью. Если на странице визуально нужен H1 в виде стильной графики (специальный шрифт, эффекты), правильное решение — текст в HTML-теге <h1> с CSS-стилизацией, а не картинка вместо текста. Картинка с надписью на месте H1 теряет всю SEO-функцию: алгоритм не считывает текст изображения как H1.
H1 для разных типов страниц
Принципы общие, но формулировка H1 различается по типу страницы. Шесть основных типов и рабочая структура H1 для каждого.
H1 на главной странице. На главной H1 — это короткое позиционирование сайта: что делает компания, для кого, ключевое отличие. Часто содержит бренд и регион. На главной странице компании по установке окон в Минске H1 будет звучать «Установка пластиковых окон в Минске — индивидуальный замер и монтаж под ключ».
H1 для категории интернет-магазина. На странице категории H1 — название категории с регионом или уточнением. «Пластиковые окна в Минске», «Зимняя резина для легковых автомобилей», «Корпусная мебель на заказ» — рабочие H1 для категорий. Без призыва к действию: его место не на H1, а на CTA-кнопке (CTA — Call to Action, призыв к действию).
H1 для карточки товара. Точное название товара с ключевыми характеристиками: модель, размер, цвет, бренд производителя. На H1 карточки окна — «Окно ПВХ Rehau Blitz 1300×1400, белый профиль». Не нужны фразы «купить», «лучший», «выгодная цена» — они уходят на отдельные элементы карточки.
H1 для статьи блога. Тема статьи в формулировке, которая работает на удержание читателя. Может быть длиннее, чем H1 коммерческой страницы, и содержать формат («чек-лист», «гайд», «инструкция»). Часто совпадает с редакторским заголовком на 100%.
H1 для страницы услуги. Название услуги с регионом и ключевым форматом. «SEO-аудит сайта в Минске», «Контекстная реклама в Google Ads и Яндекс.Директ под ключ». Цель — за одну фразу передать суть услуги.
H1 для геозависимой посадочной. Услуга или товар с конкретным городом или районом в первой половине. Гео-указание обязательно, потому что страница продвигается под локальные запросы. «Установка пластиковых окон в Бресте» — рабочий H1 для соответствующей посадочной.
Типичные ошибки H1
Десять ошибок H1 встречаются на проверках чаще всего. Каждая снижает либо релевантность страницы по запросу, либо доступность, либо первое впечатление пользователя.
| Ошибка | Что происходит | Как исправить |
|---|---|---|
| H1 отсутствует | Алгоритм теряет один из сильных сигналов о теме, навигация скринридером ломается | Добавить тег <h1> с основной темой страницы в верхней части контента |
| Несколько H1 на странице | Размывается сигнал главной темы, ломается иерархия заголовков для алгоритма | Оставить один <h1>, остальные крупные надписи перевести в H2 или класс CSS |
| H1 = логотип или название сайта | Алгоритм считывает как главную тему страницы название сайта, а не контент страницы | В шаблоне CMS заменить H1-логотип на <a> с картинкой, H1 — на тему страницы |
| H1 в виде картинки с надписью | Текст изображения не индексируется как H1, SEO-функция теряется | Использовать текст в теге <h1> с CSS-стилизацией |
| Дубль H1 по сайту | Страницы с одинаковым H1 классифицируются как тематические дубли | Сделать H1 каждой страницы уникальным, проверить через краулер |
| Переспам ключевыми словами | «Купить пластиковые окна Минск дешево пластиковые окна» — алгоритм классифицирует как переоптимизацию | Один основной ключ в естественной фразе, без повторов |
| H1 пустой или из CMS-шаблона | «Главная», «Без названия», «Категория %s» — теряется индивидуализация страницы | Прописать осмысленный H1 для каждой страницы или настроить шаблон CMS с подстановкой названия |
| H1 длиннее 150 символов | Тяжело читается, теряется первое впечатление, размывается основная мысль | Сократить до 30–100 символов, оставить главное |
| H1 не соответствует Title | Пользователь приходит из выдачи с одним ожиданием, видит другое, возвращается в выдачу | Согласовать H1 и Title по теме — оба должны передавать одну мысль |
| H1 во вторичных элементах (сайдбар, подвал) | Алгоритм не идентифицирует H1 как заголовок основного контента | Перенести H1 в верхнюю часть основного блока контента |
Как проверить H1 на сайте
Алгоритм аудита H1 на всём сайте — шесть шагов с конкретными инструментами.
- Сканирование сайта краулером. Screaming Frog SEO Spider или Netpeak Spider пройдут по всем URL и соберут таблицу H1 с указанием количества тегов на странице, длины, дублей по сайту.
- Поиск страниц без H1. В отчёте краулера — фильтр «H1 missing». Все эти страницы получают H1 в первую очередь.
- Поиск страниц с несколькими H1. Фильтр «Multiple H1». На таких страницах часть H1 переводится в H2 или другие классы.
- Точечная проверка через DevTools браузера. На конкретной странице открыть инструменты разработчика (F12), найти тег
<h1>, посмотреть содержимое, длину, единственность. - Проверка в Search Console и Яндекс.Вебмастере. В обоих сервисах есть отчёты с проблемами заголовков — дубли, отсутствие, длина за пределами рекомендованных границ.
- Проверка соответствия Title и H1. Через тот же краулер — собрать в одном файле пары «URL, Title, H1» и пройти глазами по тем парам, где Title и H1 сильно расходятся по теме.
Полезные инструменты для работы с H1:
- Screaming Frog SEO Spider. Краулит сайт, в отчёте «H1» — все заголовки первого уровня с длиной, дублями, пропусками.
- Netpeak Spider. Аналогичная функциональность с поддержкой проектов на русском.
- Search Console, раздел «Покрытие». Помечает страницы с проблемными H1 в общем аудите.
- Яндекс.Вебмастер, раздел «Диагностика сайта». Аналогично помечает пропуски и дубли заголовков.
- Lighthouse в Chrome DevTools. Проверяет страницу на доступность, в том числе корректность иерархии заголовков.
Часто задаваемые вопросы
Что делать, если на сайте обнаружились страницы с несколькими H1?
Аудит — приоритизация — исправление. Краулером (Screaming Frog, Netpeak Spider) собрать список URL с фильтром «Multiple H1». Если многих H1 — несколько десятков страниц, чаще всего проблема в шаблоне CMS: тег H1 захардкожен и в шапке (логотип), и в блоке контента. В этом случае правка делается централизованно — на уровне шаблона, не отдельных страниц. Если страниц с несколькими H1 единицы — каждый случай разбирается отдельно: либо лишние H1 переводятся в H2 или H3, либо переносятся в служебный класс CSS без заголовочного тега.
Что делать, если основной ключ запроса плохо звучит в естественной формулировке H1?
Перефразировать ключ в H1 без потери смысла — современные алгоритмы Google (BERT, 2019) и Яндекса (YATI — трансформер Яндекса, наследник МатриксНета, с 2020) распознают перефразировки и синонимические формы. Например, запрос «купить пластиковые окна Минск» можно отразить в H1 «Пластиковые окна в Минске под ключ» — алгоритм поймёт связь без дословного «купить». Если же запрос содержит редкое слово, без которого тема не раскрывается (например, специфический термин ниши), оставлять его в естественной позиции.
Что делать, если H1 и заголовок статьи отличаются?
Это нормально для блогов и медиа-проектов. Редакторский заголовок может быть длиннее и эмоциональнее, чем H1, или наоборот короче. На практике в большинстве CMS они совпадают по умолчанию — поле «Заголовок» при публикации статьи попадает в <h1> страницы. Разводить их вручную имеет смысл, если редакторский заголовок не помещается в 100 символов или плохо подходит под алгоритмическое распознавание темы.
Можно ли менять H1 на работающей странице?
Можно, и иногда нужно. Если страница давно опубликована, но не растёт в позициях — H1 пересматривается одним из первых шагов аудита, наряду с Title и Description. После смены H1 поисковая система переиндексирует страницу за 1–3 недели, в течение которых возможна небольшая просадка позиций. На уже хорошо ранжирующихся страницах менять H1 без явной причины рискованно. На проектах, где параллельно идёт продвижение сайтов и работает контекстная реклама, согласованность H1 между органическими посадочными и страницами под рекламные кампании повышает узнаваемость бренда и удержание пользователей после клика.
Что важнее для SEO — H1 или Title?
Title важнее как фактор ранжирования: это один из самых сильных текстовых сигналов на странице. H1 — второй по силе текстовый сигнал, но он не виден в выдаче и не привлекает клик. На практике вопрос «что важнее» некорректен: оба элемента обязательны, и каждый закрывает свою функцию. Title работает до клика, H1 — после.
Нужен ли H1 на технических страницах: корзине, личном кабинете, фильтрах?
Желательно. На корзине H1 «Ваша корзина», на личном кабинете «Личный кабинет», на странице фильтрации товаров — название категории с уточнением фильтра. Эти страницы редко продвигаются в выдаче, но H1 нужен для навигации скринридерами и для общей доступности сайта. На технических страницах с noindex H1 тоже нужен — потому что он работает не только для алгоритма, но и для пользователя.
Как часто пересматривать H1 на сайте?
В рамках регулярного SEO-аудита — раз в полгода-год. Сильное обновление контента страницы — повод пересмотреть H1 на соответствие новой структуре. Изменение основного запроса страницы (например, переориентация под другой регион или сегмент) — обязательная причина переписать H1. На большом сайте удобнее ставить пересмотр в общий план семантической работы.
Влияет ли H1 на ранжирование в Google Картинках и Яндекс Картинках?
Косвенно — да. Когда поисковая система классифицирует релевантность изображения по запросу, она учитывает текстовый контекст вокруг — в том числе H1 страницы. Если на странице есть изображения с правильным Alt-атрибутом и эти изображения находятся под тематическим H1, шанс попасть в Картинки по запросу выше. Прямой связи «H1 — позиция картинки» нет, но в сумме H1 и Alt усиливают друг друга.
Стоит ли использовать H2 и H3 без H1 на странице?
Нет. Иерархия заголовков начинается с H1. Если страница содержит H2 и H3, но без H1, для алгоритма это сигнал о неполной структуре, для скринридера — нарушение навигации. Браузер визуально отрисует H2 как заголовок, но семантически страница без H1 теряет основную тему. На любой странице сайта, которая имеет содержательный контент (а не только техническую функцию вроде редиректа), H1 обязателен.
