Как убрать заголовок H1 из страницы WordPress

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

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

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

• Тема автоматически выводит заголовок, а вы хотите использовать собственный дизайн с кастомными заголовками.
• На странице уже есть другой H1, например, через конструктор блоков или SEO-плагин.
• Вы создаете лендинг или страницу без традиционного заголовка, чтобы избежать дублирования или ухудшения визуала.

В таких случаях полезно знать, как убрать или скрыть стандартный H1 без ущерба для структуры документа и SEO.

Удаление заголовка H1 с помощью CSS

Самый простой способ — скрыть тег H1 с помощью CSS. Этот метод не удаляет заголовок из кода, но делает его невидимым для пользователей. Он подходит, если вы хотите оставить заголовок для поисковиков, но не показывать его на странице.

Добавьте в style.css вашей темы или в раздел «Дополнительные стили» следующий код:

.page .entry-title { display: none; }

Здесь .entry-title — класс, который чаще всего используется для заголовков постов и страниц в темах WordPress. Если у вашей темы другой класс, его нужно заменить.

Минусы такого подхода — заголовок остается в DOM, и поисковики его видят, но визуально он скрыт. Это полезно, если вы хотите сохранить SEO-значение заголовка.

Определение класса заголовка в вашей теме

Чтобы узнать, какой класс у заголовка H1, откройте страницу сайта в браузере, нажмите правой кнопкой мыши по заголовку и выберите «Просмотреть код» или «Inspect». В открывшемся инспекторе будет видно, какие классы применены к тегу H1. Подставьте этот класс в CSS.

Удаление заголовка H1 из шаблона темы (PHP)

Если нужно полностью убрать вывод заголовка, лучше сделать это на уровне PHP, изменив шаблон темы или добавив фильтр. Это более правильный способ, так как заголовок не выводится в HTML.

Например, в большинстве тем заголовок выводится функцией the_title() внутри файла page.php или single.php. Можно создать дочернюю тему и удалить или закомментировать этот вызов.

Если вы хотите убрать заголовок только на конкретной странице, добавьте условие:

function journalx_remove_title_on_page() {
    if (is_page('slug-stranicy-ili-id')) {
        remove_action('the_title', 'twentytwentyone_post_title');
    }
}
add_action('wp', 'journalx_remove_title_on_page');

В этом примере twentytwentyone_post_title — функция вывода заголовка в теме Twenty Twenty-One, в вашей теме может быть другая. Можно определить функцию вывода заголовка, посмотрев код вашей темы.

Пример удаления заголовка в файле шаблона

Откройте файл page.php или single.php в вашей дочерней теме и найдите строку с <h1></h1>. Удалите или закомментируйте её:

<!-- <h1><?php the_title(); ?></h1> -->

Сохраните изменения. Теперь заголовок не выводится вообще.

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

Если вы не хотите править код, можно воспользоваться плагинами, которые дают возможность скрывать заголовки на отдельных страницах.

• Title Remover — простой плагин, который добавляет чекбокс в редактор страниц и записей для скрытия заголовка.
• Hide Page And Post Title — аналогичный плагин с простым интерфейсом.

Установка и активация таких плагинов обычно не требует навыков программирования. После активации на странице редактирования появится опция «Скрыть заголовок».

Преимущества плагинов

Плагины не требуют правок тем, работают с любыми темами и не мешают обновлениям. Однако они добавляют дополнительную нагрузку на сайт и могут конфликтовать с кастомными решениями.

Проверка SEO после удаления заголовка H1

Удаление или скрытие заголовка H1 может повлиять на SEO, если не заменять его другим логичным заголовком. Поисковые системы обращают внимание на наличие одного четкого H1 на странице.

Рекомендуется:

• Заменить стандартный заголовок H1 на кастомный, который вы выводите через конструктор или вручную.
• Убедиться, что на странице есть ровно один H1, отражающий тему контента.
• Использовать инструменты проверки структуры заголовков, например, в Google Search Console или сторонних SEO-сервисах.

Если вы скрываете заголовок через CSS, то он остается в коде и SEO не пострадает, но если удаляете через PHP, не забудьте добавить другой H1.

Пример кода для вывода кастомного заголовка вместо стандартного

Добавим функцию, которая заменит стандартный заголовок на кастомный, например, выведет название страницы с дополнительным текстом:

function journalx_custom_title($title) {
    if (is_page('contact')) {
        return 'Свяжитесь с нами — ' . $title;
    }
    return $title;
}
add_filter('the_title', 'journalx_custom_title');

Этот код добавьте в functions.php вашей дочерней темы. Он изменит заголовок только на странице с ярлыком contact.

Итоговые рекомендации

Удаление или скрытие заголовка H1 в WordPress — частая задача, которая решается несколькими способами:

1. Скрыть через CSS, если хотите оставить заголовок для SEO.
2. Удалить вывод заголовка в шаблоне PHP для полного контроля.
3. Использовать плагины для быстрого решения без правок кода.
4. Обязательно проверить наличие другого корректного H1, если удаляете стандартный.

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