H1 нет или несколько H1 на странице
H1 — главный сигнал релевантности. Один H1, точно отражает содержимое.
Симптом
- На странице несколько заголовков
<h1>вместо одного. - В консоли браузера появляется предупреждение “Multiple H1 tags on page”.
- Поисковый запрос «несколько h1 на странице» приводит к поиску этой статьи.
- В отчёте о семантике страницы (Google Search Console, Screaming Frog) отмечено «Too many H1 tags».
- Пользователи жалуются, что контент выглядит «разбросанным» и трудно ориентироваться.
Причина
HTML‑семантика предусматривает, что <h1> обозначает главный заголовок документа.
- SEO‑влияние: поисковые движки используют <h1> как ключевой индикатор темы страницы.
- Пользовательский опыт: несколько <h1> создают конфликт в структуре, затрудняя восприятие и навигацию.
- Техническая причина:
- шаблоны CMS (WordPress, Drupal) иногда генерируют <h1> в каждом блоке, если не отключить автоматическую обёртку.
- динамический контент (плагины, виджеты) добавляет собственные <h1>.
- ошибки в шаблонах (не закрытые теги, вложенные <h1>).
Как проверить
-
Просмотр исходного кода
bash curl -L https://example.com/page | grep -o '<h1[^>]*>.*</h1>' | wc -l
Если число > 1 – проблема подтверждена. -
Инструмент Screaming Frog
- Запустить сканирование страницы.
- В колонке «H1» увидеть количество заголовков. -
Google Search Console
- В разделе «Покрытие» → «Ошибки» → «Too many H1 tags». -
Проверка в браузере
- Открыть DevTools → Elements → найти все<h1>.
Решение
-
Определить главный заголовок
Выберите один логичный<h1>(обычно первый заголовок страницы). -
Удалить лишние
<h1>
- В шаблоне CMS:
html <!-- WordPress пример --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <?php endwhile; endif; ?>
Если в других частях шаблона тоже есть<h1>, замените их на<h2>/<h3>.
- В статических файлах:
html <!-- заменить --> <h1>Подзаголовок блока</h1> <!-- на --> <h2>Подзаголовок блока</h2>
-
Проверить вложенность
Убедитесь, что<h1>не находится внутри другого<h1>(это недопустимо). -
Обновить карту сайта
После изменений пересгенерируйте sitemap.xml и отправьте его в Google Search Console. -
Проверить результат
- Повторно запустите curl‑команду, чтобы убедиться, что только один<h1>остался.
- В Screaming Frog проверьте, что колонка «H1» теперь равна 1.
Пример корректной структуры
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Как исправить несколько H1 на странице</title>
</head>
<body>
<header>
<h1>Как исправить несколько H1 на странице</h1>
</header>
<section>
<h2>Причины появления лишних H1</h2>
<p>...</p>
</section>
<section>
<h2>Проверка наличия H1</h2>
<p>...</p>
</section>
<footer>
<h3>Контакты</h3>
</footer>
</body>
</html>
Связанные
Не хотите разбираться сами?
Запустите технический аудит сайта за 5 минут — получите PDF-отчёт с разбором всех 64 параметров и конкретными точками роста. Или закажите комплексное SEO-продвижение сайта — починим всё это и возьмём на себя дальнейшую оптимизацию.