по стилистическим причинам, а Gutenberg скрыл H1 из опций блока заголовка, вы в итоге получите ноль тегов H1 на странице.

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

Проблема Б: Редакторы контента все еще могут выбрать H1 в блочном редакторе, изменив уровень заголовка. Если ваша тема уже выводит заголовок записи как H1, добавление редактором еще одного блока H1 внутри области контента создает дубликат — и при этом не появляется никакого предупреждения.

Источник 3: Конструкторы страниц (Elementor, Divi, Beaver Builder)

Конструкторы страниц являются самым большим источником хаоса в иерархии заголовков в WordPress.

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

Типичная проблема заголовков в конструкторе страниц выглядит так:

• Главный раздел: H1 (правильно) ✓
• Заголовок раздела функций: H3 (пропущен H2, выбран, потому что «выглядит лучше») ✗
• Заголовок области виджетов: H2 (выглядит как заголовок раздела, но это просто заголовок виджета боковой панели) ✗
• Заголовок отзыва: H4 (нет H3 перед ним) ✗
• Заголовок CTA: H2 (возврат к более высокому уровню, теперь структура полностью нелинейная) ✗

Результатом является структура заголовков, которая визуально связна, но семантически бессмысленна. Программы чтения с экрана и поисковые роботы, анализирующие это, получают структуру контента, которая скачет, как сломанное оглавление.

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

Источник 4: Виджеты и компоненты темы

Области виджетов WordPress — боковые панели, подвалы, модули заголовков — часто выводят свои собственные заголовки. Виджет «Последние записи» может отображаться как H2. Рекламный баннер, встроенный в тему, может использовать H3. Ни один из них не является частью структуры контента, но они появляются в структуре заголовков страницы.

Это создает «шум» заголовков, который искусственно завышает сложность структуры и может сместить заголовки контента с их правильных иерархических позиций.

5 самых распространенных проблем с H1 и иерархией заголовков в WordPress

Проблема 1: Название сайта обернуто в H1 на каждой странице

Как это выглядит: На каждой странице вашего сайта есть два тега H1 — название сайта и заголовок записи.

Кого это затрагивает: Сайты, использующие старые темы, плохо написанные премиум-темы или любые темы, где разработчик использовал

для брендинга сайта.

Как это обнаружить: Нажмите правой кнопкой мыши на любой странице → Просмотреть код → выполните поиск

на панели элементов. Если вы видите название вашего сайта, обернутое в H1 в разделе

, у вас есть эта проблема.

Как это исправить:

Вариант 1: Редактирование дочерней темы (подход для разработчиков) В файле вашей дочерней темы header.phpнайдите вывод названия сайта и измените его с

на

или с соответствующими классами:

php

＜p class="site-title"＞
  ＜a href="＜?php echo esc_url(home_url('/')); ?＞" rel="home"＞
    ＜?php bloginfo('name'); ?＞
  ＜/a＞
＜/p＞

Вариант 2: CSS + aria-label (обходной путь без программирования) Если вы не можете редактировать файлы темы, используйте CSS, чтобы сбросить стили H1 для названия сайта:

css

.site-header h1.site-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

Примечание: это скрывает визуальную проблему с H1, но не решает структурную проблему. Тег H1 остается в разметке.

Вариант 3: Переход на хорошо структурированную тему Темы, соответствующие стандартам кодирования WordPress (Twenty Twenty-Four, Kadence, GeneratePress, Astra), справляются с этим правильно «из коробки». Если ваша текущая тема имеет эту проблему, а вы не разработчик, смена темы часто является самым надежным решением.

---

Проблема 2: Отсутствие H1 на главной странице

Как это выглядит: На вашей главной странице нет ни одного тега H1. SEO-плагины сообщают: «H1 не найден».

Кого это затрагивает: Сайты, использующие логотип для брендинга (скрывающие название сайта), сайты, использующие статическую главную страницу без видимого заголовка, или сайты, где шаблон главной страницы темы не вызывает the_title().

Это реальная и повторяющаяся проблема на форумах поддержки WordPress. Причина обычно заключается в следующей последовательности: название сайта настроено на отображение в заголовке, но пользователь скрывает его (или заменяет логотипом), удаляя единственный H1 со страницы. Поскольку на главной странице часто нет «заголовка записи» в том виде, в котором он есть у записи блога, автоматический H1 не создается.

Как это исправить:

Конкретно для главной страницы: Добавьте H1 в ваш главный раздел (hero section) или шаблон страницы. Это может быть:

• Видимый заголовок («Название вашего бизнеса | Категория услуг»), который также выполняет функцию H1
• Визуально скрытый H1, добавленный через CSS (position: absolute; clip: rect(0 0 0 0);), который обеспечивает семантическую разметку, не нарушая визуальный дизайн

В Gutenberg: Добавьте блок «Заголовок» в верхней части контента главной страницы, установите его как H1 и сделайте частью вашего главного сообщения.

---

Проблема 3: Пропущенные уровни заголовков в контенте

Как это выглядит: Структура контента перескакивает с H2 сразу на H4 или с H1 сразу на H3.

Кого это затрагивает: Любой, кто пишет длинные тексты и использует заголовки для визуального оформления, а не для семантической структуры.

Почему это важно: Как отмечает InspectWP, пропуск уровней заголовков происходит, когда авторы выбирают уровни исходя из внешнего вида — H3 выглядит подходящим, поэтому они используют H3, независимо от того, предшествует ли ему H2.

Как обнаружить это в Gutenberg: Нажмите на значок информации (ⓘ) на верхней панели инструментов редактора блоков. Панель «Структура документа» показывает каждый заголовок по порядку и помечает пропущенные уровни предупреждением.

Как это исправить:

1. Проверяйте структуру заголовков с помощью «Структуры документа» перед публикацией
2. Установите руководство по стилю контента для вашей команды: H2 для основных разделов, H3 для подразделов, H4 для под-подразделов — никогда не пропускайте уровни
3. Используйте анализ контента Yoast SEO или Rank Math — оба инструмента помечают проблемы со структурой заголовков

---

Проблема 4: Несколько тегов H1 от конструкторов страниц

Как это выглядит: Страница, созданная с помощью Elementor или Divi, имеет три или четыре тега H1, потому что каждый основной раздел имеет свой собственный заголовок «H1» в стиле hero.

Как это исправить:

В Elementor: Редактируйте каждый виджет заголовка → проверьте настройку HTML-тега → установите H1 только для основного заголовка страницы, а все остальные измените на H2 или H3 по мере необходимости.

В Divi: Редактируйте модули заголовков → в разделе «Дополнительно» → HTML-тег → измените на правильный семантический уровень.

В Beaver Builder: Каждый модуль заголовка имеет настройку «Тег заголовка» на вкладке «Стиль». Проверьте каждый из них.

---

Проблема 5: Проблема видимости H1 в Gutenberg

Как это выглядит: Ваша тема не выводит заголовок записи как H1, а Gutenberg скрыл опцию H1 в блоке «Заголовок». На ваших страницах нет H1.

Как это исправить:

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

php

// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
    return $allowed_blocks;
});

Альтернативно, переключитесь в режим «Редактировать как HTML» для блока заголовка и вручную установите

в разметке.

Для агентских настроек, где вы хотите предотвратить редакторам добавление H1 (поскольку шаблон управляет этим), используйте block_editor_settings_all фильтр для ограничения уровней заголовков в редакторе.

---

Как провести аудит структуры заголовков вашего сайта на WordPress (пошагово)

Метод 1: Бесплатный плагин SkySEOManager

Используйте плагин SkySEOManager встроенный SEO-анализатор для поиска всех проблем, связанных с заголовками.

Читайте наше полное руководство: как провести аудит вашего сайта на WordPress с помощью SkySEOManager для решения всех SEO-проблем

Метод 2: Используйте бесплатный SEO-анализатор Siteskyline

Посетите наш бесплатный SEO-анализатор и введите свой URL, а затем нажмите «анализировать сейчас».

Он покажет вам все проблемы с вашими тегами заголовков.

---

Иерархия H1 в WordPress: Чек-лист для агентств

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

На уровне темы:

• Название сайта в заголовке НЕ обернуто в

  (используйте

  , или

  )

• Заголовок записи/страницы отображается как

  внутри

  или

  на всех типах записей

• На главной странице ровно один

  — либо из названия сайта, либо из главного раздела (hero section)

• Страницы архивов (категории, метки, авторы) имеют описательный

• Страница 404 имеет

На уровне контента:

• Каждая страница имеет ровно один

  в области контента (или ноль, если тема обрабатывает это через заголовок)

• Основные разделы используют

• Подразделы используют

  , вложенные в разделы

• Уровни заголовков не пропущены
• Заголовки не используются только для визуального оформления

На уровне плагинов/конструкторов:

• Элементы заголовков в Elementor/Divi/Beaver Builder имеют правильные настройки HTML-тегов
• Области виджетов не выводят случайные теги H1 или H2
• Предупреждения SEO-плагина об H1 устранены на всех ключевых страницах

---

Правильная иерархия заголовков WordPress — по типу страницы

Один шаблон не подходит для каждого типа страниц WordPress. Вот правильная структура для каждого из них:

Запись в блоге / Страница отдельной записи

H1: Post Title (output by theme automatically)
  H2: First major section
    H3: Subsection
    H3: Another subsection
  H2: Second major section
    H3: Subsection
      H4: Detail
  H2: Third major section

Главная страница (статическая)

H1: Primary value proposition or page headline
  H2: Service category or feature group
    H3: Individual service or feature
  H2: Testimonials or social proof section
  H2: Call to action section

Страница товара WooCommerce

H1: Product name (output by WooCommerce template)
  H2: Product description heading
  H2: Reviews
  H2: Related products

Категория / Страница архива

H1: Category name (e.g., "WordPress SEO Articles")
  H2: Post title within loop (if posts are displayed with headings)

---

Распространенные ошибки, нарушающие структуру H1 в WordPress

Ошибка 1: Использование тегов заголовков для оформления текста Если вам нужен крупный жирный текст, который не является заголовком раздела, не используйте H2. Добавьте CSS-класс к

или

и оформите его визуально. Использование тегов заголовков для эстетики портит вашу структурную схему.

Ошибка 2: Позволять редакторам выбирать уровни заголовков на глаз Без руководства по стилю контента редакторы будут естественным образом тяготеть к уровням заголовков, которые выглядят, выглядят правильно. Краткое внутреннее руководство — «H2 для разделов, H3 для подразделов, никогда не используйте H1 в контенте» — предотвращает большинство проблем.

Ошибка 3: Установка темы WordPress без проверки структуры заголовков Не все премиум-темы WordPress выводят правильную разметку заголовков. Перед тем как выбрать тему, проверьте демо-запись: отображается ли заголовок записи как H1? Не является ли название сайта H1 на внутренних страницах?

Ошибка 4: Предположение, что ваш SEO-плагин покрывает всё Yoast и Rank Math проверяют пост, который вы редактируете. Они не обнаруживают проблемы с заголовками, вызванные шаблоном заголовка вашей темы, виджетами футера или шаблонами страниц архивов. Ручной аудит или сканирование с помощью Screaming Frog по-прежнему необходимы.

Ошибка 5: Исправление визуального оформления вместо HTML-структуры Самое распространенное «исправление» проблемы с H1 в заголовке сайта — это добавление CSS, чтобы сделать его визуально меньше. Это скрывает проблему визуально, но оставляет сломанную разметку на месте. Исправляйте HTML-тег, а не только стиль.