Как установить и очистить заголовки H1 в WordPress без пустых тегов

Заголовки H1 играют ключевую роль в структуре SEO и доступности сайта на WordPress. Неправильное использование H1, в том числе пустые или дублирующиеся теги, может негативно повлиять на ранжирование и восприятие сайта поисковыми системами и пользователями. В этой статье рассмотрим, как правильно установить заголовки H1 и очистить пустые теги в WordPress, используя как готовые плагины, так и собственные решения с кодом.

Почему важно правильно использовать заголовки H1 в WordPress

Заголовок H1 — это главный заголовок страницы, который должен четко отражать ее содержимое. Поисковые системы используют его для понимания темы страницы. Наличие нескольких H1 или пустых H1-тегов снижает качество страницы в глазах поисковиков и ухудшает опыт пользователей. Кроме того, избыточные пустые теги могут возникать из-за особенностей темы или плагинов, что требует очистки.

Некоторые темы WordPress автоматически вставляют H1, даже если заголовок отсутствует, что приводит к пустым тегам. Разберем, как это исправить.

Как найти и удалить пустые H1 теги на сайте

Для начала нужно определить, где именно появляются пустые H1. Это можно сделать с помощью инструментов разработчика в браузере или плагинов для анализа HTML структуры сайта, например, Clearfy Pro, который умеет очищать пустые теги и оптимизировать HTML.

Если хотите сделать это вручную, советуем использовать следующий PHP-код, который удалит пустые H1 из контента перед выводом:

function wpbit_remove_empty_h1_tags($content) {
    // Удаляем все H1 теги без содержимого
    $content = preg_replace('/<h1>\s*<\/h1>/i', '', $content);
    return $content;
}
add_filter('the_content', 'wpbit_remove_empty_h1_tags');

Этот код добавьте в файл functions.php вашей темы или в собственный плагин. Он сработает на уровне контента записей и страниц, удаляя пустые H1.

Автоматическая очистка в заголовках темы

Если пустые H1 появляются из-за темы, например, при отсутствии заголовка записи, можно добавить защиту при выводе заголовка:

function wpbit_safe_the_title() {
    $title = get_the_title();
    if (trim($title) === '') {
        // Если заголовок пустой, выводим альтернативный текст или ничего
        echo '';
    } else {
        echo '<h1>' . esc_html($title) . '</h1>';
    }
}

В шаблоне замените вызов the_title() на wpbit_safe_the_title(), чтобы избежать пустых H1.

Используем плагины для управления заголовками и очистки пустых тегов

Если не хотите править код вручную, можно использовать плагины:

• Clearfy Pro — оптимизирует HTML, убирает пустые теги, в том числе и пустые H1. Подробности на официальной странице.
• WP Optimize
• Yoast SEO

Выбор плагина зависит от ваших задач: если нужна комплексная оптимизация, выбирайте Clearfy Pro. Для SEO — Yoast SEO.

Пример комплексного решения: удаление пустых H1 и установка правильного заголовка

Объединим подходы в одном коде:

function wpbit_fix_h1_tags($content) {
    // Удаляем пустые H1
    $content = preg_replace('/<h1>\s*<\/h1>/i', '', $content);
    return $content;
}
add_filter('the_content', 'wpbit_fix_h1_tags');

function wpbit_print_safe_h1() {
    $title = get_the_title();
    if (!empty(trim($title))) {
        echo '<h1>' . esc_html($title) . '</h1>';
    }
}

// В шаблоне вместо the_title() вызывайте wpbit_print_safe_h1()

Так вы гарантируете, что пустых H1 не будет, а заголовок всегда корректно отображается.

Советы по SEO и UX при работе с заголовками H1

Кроме удаления пустых тегов, важно соблюдать правила:

• На каждой странице должен быть только один тег H1.
• H1 должен отражать основную тему страницы.
• Используйте подзаголовки H2, H3 для структурирования текста.
• Проверяйте итоговый HTML на наличие пустых или дублирующихся заголовков.

Для проверки используйте инструменты типа Google Search Console, Screaming Frog SEO Spider или встроенные средства браузера.

Заключение

Правильная установка и очистка заголовков H1 в WordPress — важная задача для качественного SEO и удобства пользователей. Вы можете решить её как с помощью готовых плагинов, например, Clearfy Pro, так и написать легкий собственный код, который удалит пустые теги и обеспечит корректный вывод заголовков. Следите за структурой и регулярно проверяйте сайт, чтобы избежать ошибок с пустыми H1.