Заголовок страницы WordPress: как скрыть, изменить H1 и SEO title
Разбираю разницу между видимым H1 и SEO title в WordPress: когда заголовок менять, когда скрывать CSS, как работать с Yoast SEO и как проверить результат.
Короткий ответ: в WordPress есть два разных заголовка: видимый заголовок страницы в контенте, обычно это H1, и SEO title в теге <title> внутри <head>. Видимый заголовок меняют через название записи, шаблон или аккуратный CSS. SEO title лучше менять через SEO-плагин, например Yoast SEO, либо через фильтры WordPress, если плагина нет.
Старая практика «просто скрыть .entry-title в CSS» иногда помогает, но ее нельзя считать универсальным решением. Ниже разберем, когда заголовок можно скрывать, когда его нужно переписать, как не получить два H1 и как проверить результат без правки ядра WordPress и сторонних плагинов.
Чем H1 отличается от SEO title
H1 — это главный видимый заголовок на странице. Его видит посетитель в теле страницы, и он должен объяснять, куда человек попал. Обычно WordPress выводит его через шаблон темы функцией the_title().
<title> — это заголовок HTML-документа. Его видно во вкладке браузера, в результатах поиска и в превью ссылок, если SEO-плагин не задает свои Open Graph-данные. В современных темах WordPress корректный способ подключить этот заголовок — поддержка title-tag через add_theme_support(). После этого WordPress сам формирует <title>, а SEO-плагин может управлять его содержимым.
Эти заголовки могут быть похожими, но не обязаны быть одинаковыми. Например, видимый H1 может быть коротким: «Техническая поддержка WordPress», а SEO title — более точным: «Техническая поддержка WordPress: исправление ошибок и доработки сайта».
Когда заголовок нужно менять, а когда скрывать
Сначала определите задачу. Если заголовок неправильный по смыслу, его нужно изменить в редакторе записи или страницы. Если он нужен поиску и структуре страницы, но мешает конкретному дизайну, можно аккуратно скрыть его визуально. Если тема выводит два одинаковых H1, нужно убрать дубль в шаблоне или настройках конструктора.
- Неверный текст заголовка: измените название записи или страницы в админке.
- Нужен другой заголовок в поиске: настройте SEO title в Yoast SEO.
- Заголовок мешает дизайну одной страницы: используйте настройку темы или точечный CSS.
- На странице два H1: исправьте шаблон или отключите лишний вывод, а не прячьте проблему глобальным CSS.
Удалять H1 везде подряд не стоит. На обычной статье или странице услуги один понятный H1 помогает и пользователю, и поисковой системе понять основной смысл документа.
Как изменить видимый заголовок страницы
Самый безопасный способ — открыть страницу в админке и изменить поле заголовка. Для записи это «Записи → Все записи», для страницы — «Страницы → Все страницы». После обновления проверьте публичный URL без авторизации.
Если тема выводит заголовок не из стандартного поля, проверьте:
- настройки страницы в метабоксах темы;
- выбранный шаблон страницы;
- кастомные поля, если проект использует ACF;
- файлы дочерней темы, если заголовок переопределен в шаблоне.
Не редактируйте родительскую тему напрямую. Для шаблонных правок используйте дочернюю тему. Подробный порядок создания такого слоя описан в статье как создать дочернюю тему WordPress без потери изменений.
Как скрыть заголовок на одной странице через CSS
CSS подходит, когда заголовок нужно скрыть только визуально и только на конкретной странице. У WordPress в <body> обычно есть класс вида page-id-123 или postid-123. ID можно увидеть в адресе редактирования в админке: post.php?post=123&action=edit.
Пример для страницы с ID 123:
.page-id-123 .entry-title {
display: none;
}Для записи селектор будет другим:
.postid-123 .entry-title {
display: none;
}Перед публикацией проверьте реальный класс заголовка через DevTools. В разных темах это может быть .entry-title, .page-title, .post-title или другой селектор. Не используйте глобальный код вроде .entry-title { display: none; }, если не хотите скрыть заголовки на всем сайте.
Куда вставлять CSS
Для маленькой точечной правки можно использовать «Внешний вид → Настроить → Дополнительные стили». Для проектных правок лучше добавить CSS в дочернюю тему и подключить его через очередь WordPress. Это проще сопровождать и переносить между окружениями.
Если подключаете отдельный файл, используйте wp_enqueue_style(), а не ручной тег <link> в header.php. Рабочий пример есть в материале как подключить CSS и JavaScript в WordPress через wp_enqueue.
Как изменить SEO title через Yoast SEO
На сайте активен Yoast SEO, поэтому SEO title записи лучше задавать через его поля, а не через кастомный код. Откройте запись, найдите блок Yoast SEO и заполните SEO title и meta description. Для этой статьи SEO title настроен отдельно от видимого заголовка.
Такой подход безопаснее, потому что Yoast уже управляет <title>, canonical, meta description и sitemap. Если параллельно добавить свои фильтры в тему, можно получить конфликт: один плагин формирует заголовок, другой код пытается заменить его позже.
Как менять document title без SEO-плагина
Если SEO-плагина нет, в современной теме нужно включить поддержку title-tag:
<?php
/**
* Позволяет WordPress управлять тегом title.
*/
function ink_theme_setup() {
add_theme_support( 'title-tag' );
}
add_action( 'after_setup_theme', 'ink_theme_setup' );Затем можно использовать фильтр document_title_parts. Например, изменить заголовок только для одной страницы:
<?php
/**
* Меняет части document title для конкретной страницы.
*
* @param array $title_parts Части заголовка документа.
* @return array
*/
function ink_change_single_page_document_title( $title_parts ) {
if ( is_page( 123 ) ) {
$title_parts['title'] = 'Новый заголовок страницы';
}
return $title_parts;
}
add_filter( 'document_title_parts', 'ink_change_single_page_document_title' );Код размещайте в дочерней теме или кастомном плагине. Но если на сайте уже активен Yoast SEO, сначала используйте поля плагина. Фильтры нужны для особых случаев, когда заголовок строится динамически.
Как исправить два H1 на странице
Два H1 часто появляются, когда заголовок выводит и тема, и контентный блок внутри редактора. Например, шаблон уже показывает название записи, а редактор дополнительно вставил блок «Заголовок» уровня H1 в начало материала.
Порядок проверки:
- Откройте опубликованную страницу и выполните поиск по исходному коду:
<h1. - Если H1 находится внутри текста записи, измените уровень блока на H2 или удалите дубль.
- Если оба H1 приходят из темы, проверьте шаблон в дочерней теме.
- Если один H1 добавляет плагин или конструктор, проверьте настройки макета страницы.
Не решайте проблему двух H1 только через display: none. Элемент останется в HTML, и структура документа все равно будет спорной. CSS скрывает внешний вид, но не исправляет семантику.
Частые ошибки
Скрыли все заголовки на сайте
Причина — слишком общий селектор. Добавьте класс конкретной страницы: .page-id-123 или .postid-123. После этого проверьте главную, записи блога, страницу услуги и архив рубрики.
SEO title не меняется в исходном коде
Очистите кеш сайта и проверьте, какой плагин управляет SEO. Если активен Yoast SEO, задавайте title в Yoast и не дублируйте логику через тему. Также проверьте, что в шаблоне нет жестко прописанного тега <title>.
После изменения H1 поменялся адрес страницы
WordPress может предложить изменить slug при смене заголовка, но делать это для старой индексируемой страницы не всегда нужно. Если URL уже работает и имеет внешние или внутренние ссылки, сохраняйте slug, а меняйте только текст заголовка и SEO-мета.
Заголовок скрыт, но остается пустой отступ
Тема может добавлять отступы не самому заголовку, а родительскому контейнеру. Проверьте HTML-структуру через DevTools и добавьте точечный селектор для контейнера только на нужной странице. Не обнуляйте глобальные отступы у всех заголовков.
Как проверить результат
- Откройте страницу без авторизации и проверьте, что она отвечает HTTP 200.
- Убедитесь, что в HTML ровно один
<h1, если страница должна иметь видимый главный заголовок. - Проверьте
<title>, meta description и canonical в исходном коде. - Проверьте, что URL есть в sitemap и не ведет на дубль.
- Откройте страницу на ширине 1280 и 390 пикселей, чтобы исключить горизонтальное переполнение.
- Проверьте консоль браузера и внутренние ссылки.
Если нужно привести старые страницы WordPress в порядок без потери URL, можно начать с аудита заголовков: найти дубли H1, пустые title, одинаковые descriptions и страницы без понятного интента. Для такой работы подойдет заявка на техническую поддержку WordPress.
Итог
В WordPress не смешивайте видимый заголовок страницы и SEO title. H1 отвечает за структуру контента, а <title> — за заголовок документа и сниппет. Для видимого заголовка используйте редактор, настройки темы, дочернюю тему или точечный CSS. Для SEO title на сайте с Yoast используйте поля Yoast. Кодовые фильтры WordPress оставляйте для случаев, где title действительно нужно собирать динамически.
Официальная документация: add_theme_support(), wp_get_document_title(), wp_title() и фильтр wp_title.
Как-то не задумывался убирать заголовок страницы. Он мне не мешает. Тема Eleven.
Может я чего-то не понимаю? Поясните, пожалуйста, если есть возможность, для чего Вы применяете данный прием?
Кстати, как-то неудобно обращаться не понятно с кем. Информации об авторе не нашел.
С уважением, Александр Афанасьев.
Александр, все очень просто) Часто мои клиенты прописывают Название статьи, которое совпадает с заголовком, в самом посте. И получается, что две одинаковые строчки рядом на странице. Можно конечно в статье название не прописывать, но клиентам так удобнее получается. Поэтому выключаю встроенный вывод заголовков.