Что такое заголовок страницы и зачем он нужен?
Заголовок страницы в WordPress (HTML тег <title>) — это текст, который отображается во вкладке браузера, в результатах поиска (SERP) и при шаринге ссылки в социальных сетях. Это не то же самое, что заголовок H1 внутри контента страницы, хотя часто они совпадают.
Основная задача заголовка <title> — кратко и точно описать содержание страницы как для пользователей, так и для поисковых систем. Он помогает пользователям понять, о чем страница, еще до ее загрузки, а поисковым роботам — определить релевантность страницы запросу.
Важность уникальных и оптимизированных заголовков для SEO
Уникальные и оптимизированные заголовки <title> являются критически важным элементом для SEO-продвижения. Поисковые системы используют их как один из ключевых факторов ранжирования.
- Релевантность: Точное соответствие заголовка содержанию страницы и поисковым запросам улучшает релевантность.
- CTR (Click-Through Rate): Привлекательный и информативный заголовок повышает вероятность клика по вашей ссылке в результатах поиска.
- Идентификация: Уникальные заголовки помогают поисковым системам и пользователям различать страницы вашего сайта.
Дублирующиеся или плохо сформулированные заголовки могут негативно сказаться на позициях сайта и пользовательском опыте.
Способы добавления заголовка страницы в WordPress
WordPress предоставляет несколько механизмов для управления заголовками <title> страниц.
Использование стандартного редактора WordPress (Gutenberg)
По умолчанию WordPress генерирует тег <title> на основе заголовка (H1), который вы вводите в поле «Добавить заголовок» при создании или редактировании страницы или записи в редакторе Gutenberg. Это основной и самый простой способ задать базовый заголовок.
Редактирование заголовка непосредственно в визуальном редакторе
В стандартном интерфейсе WordPress нет отдельного поля для редактирования именно тега <title> независимо от заголовка H1 контента. Название, введенное в поле заголовка поста/страницы, используется для формирования <title> по умолчанию. Для более гибкого управления требуются дополнительные инструменты.
Использование плагинов для SEO (Yoast SEO, Rank Math)
Специализированные SEO-плагины предоставляют полный контроль над тегом <title>. Они позволяют задавать шаблоны для автоматической генерации заголовков для разных типов контента и вручную переопределять заголовок для каждой отдельной страницы, независимо от ее H1.
Добавление заголовка страницы с помощью плагинов
SEO-плагины — наиболее популярный и рекомендуемый способ управления заголовками <title>.
Установка и настройка плагина Yoast SEO для редактирования заголовков
После установки и активации Yoast SEO под редактором контента (Gutenberg или классическим) появляется мета-бокс Yoast. В нем на вкладке «SEO» вы найдете поле «SEO-заголовок». Здесь можно:
- Вручную ввести желаемый
<title>. - Использовать переменные шаблона (например,
%%title%%,%%sep%%,%%sitename%%) для динамической генерации. - Увидеть предварительный просмотр сниппета в Google.
Yoast также позволяет настраивать глобальные шаблоны заголовков в разделе Yoast SEO > Отображение в поисковой выдаче > Типы содержимого.
Использование Rank Math для управления заголовками страниц
Rank Math предлагает аналогичный функционал. После установки под редактором появляется мета-бокс Rank Math. Нажмите «Edit Snippet», чтобы открыть редактор сниппета.
Поле «Title» позволяет вручную задать <title> для конкретной страницы. Rank Math также поддерживает переменные (%title%, %sep%, %sitename%) и предоставляет предпросмотр.
Глобальные настройки шаблонов заголовков находятся в разделе Rank Math > Titles & Meta.
Альтернативные плагины для SEO и их возможности
Существуют и другие плагины, такие как SEOPress, All in One SEO Pack, The SEO Framework, которые также предоставляют мощные инструменты для управления мета-тегами, включая <title>. Функционал во многом схож: ручное редактирование, использование переменных, настройка глобальных шаблонов.
Редактирование заголовка страницы в коде (для продвинутых пользователей)
Внимание: Прямое редактирование файлов темы не рекомендуется без должного опыта и использования дочерних тем.
Редактирование файла header.php вашей темы (осторожно!)
В старых темах (до появления поддержки add_theme_support('title-tag')) тег <title> мог жестко прописываться в файле header.php. В современных темах WordPress управляет выводом <title> через функцию wp_head(), если тема объявила поддержку title-tag.
Если ваша тема не использует add_theme_support('title-tag'), вы могли бы найти и отредактировать тег <title> в header.php. Однако это крайне не рекомендуется, так как изменения будут потеряны при обновлении темы, и это может привести к ошибкам.
Использование хуков WordPress для динамического изменения заголовка
Более правильный и гибкий способ программного изменения заголовка — использование фильтров WordPress. Основной хук для этого — document_title_parts.
<?php
/**
* Модификация частей заголовка документа (тега <title>).
*
* @param array<string, string> $title_parts Массив частей заголовка ('title', 'page', 'tagline', 'site').
* @return array<string, string> Модифицированный массив частей заголовка.
*/
function customize_page_title_parts(array $title_parts): array
{
// Пример: Добавляем кастомный суффикс к заголовку для страниц (is_page)
if (is_page()) {
// Получаем текущий заголовок страницы
$current_title = $title_parts['title'] ?? '';
// Добавляем суффикс
$custom_suffix = ' | Маркетинговое Агентство XYZ';
// Устанавливаем новый заголовок
$title_parts['title'] = $current_title . $custom_suffix;
// Можно также удалить или изменить другие части, например, tagline
// unset($title_parts['tagline']);
}
// Пример: Изменяем заголовок для определенного CPT (Custom Post Type)
if (is_singular('portfolio')) {
$title_parts['title'] = 'Проект: ' . ($title_parts['title'] ?? '');
// Заменяем разделитель и название сайта для этого типа записи
$title_parts['site'] = 'Наше Портфолио';
}
return $title_parts;
}
add_filter('document_title_parts', 'customize_page_title_parts', 15); // Приоритет 15, чтобы выполниться после стандартных обработчиков
/**
* Альтернатива: Фильтр pre_get_document_title
* Позволяет полностью переопределить заголовок до его разделения на части.
*
* @param string $title Исходный заголовок (пустая строка по умолчанию).
* @return string Новый заголовок.
*/
function override_document_title(string $title): string
{
// Пример: Установить кастомный заголовок для страницы контактов по ее ID
if (is_page(123)) { // Замените 123 на ID вашей страницы контактов
return 'Свяжитесь с нами - Компания ABC';
}
// Возвращаем пустую строку, чтобы WordPress продолжил генерацию стандартного заголовка
return $title;
}
// add_filter('pre_get_document_title', 'override_document_title', 10);
?>
Этот код следует добавлять в файл functions.php вашей дочерней темы или в кастомный плагин.
Создание дочерней темы для безопасного редактирования
Любые модификации кода темы (включая functions.php или шаблоны вроде header.php) должны производиться только в дочерней теме. Это гарантирует, что ваши изменения не будут перезаписаны при обновлении родительской темы.
Лучшие практики и советы по оптимизации заголовков страниц
Длина заголовка и ключевые слова: что нужно учитывать?
- Длина: Google обычно отображает 50-60 символов заголовка
<title>в результатах поиска. Старайтесь укладываться в эту длину, чтобы избежать обрезки. - Ключевые слова: Включайте наиболее важное ключевое слово (или фразу) как можно ближе к началу заголовка. Избегайте переспама ключевыми словами.
- Бренд: Часто имеет смысл добавлять название бренда в конец заголовка, особенно для главной страницы или страниц «О нас», «Контакты».
Как написать привлекательный заголовок, который привлечет внимание
- Ориентированность на пользователя: Заголовок должен четко отражать содержание страницы и отвечать на возможный запрос пользователя.
- Уникальность: Каждая важная страница сайта должна иметь уникальный заголовок.
- Призыв к действию (осторожно): Иногда уместно использовать глаголы действия (Купить, Узнать, Сравнить), но не переусердствуйте.
- Цифры и символы: Использование цифр (например, «5 способов…»), скобок, тире может повысить CTR.
Проверка и анализ заголовков страниц для улучшения SEO
- Google Search Console: Отслеживайте показатели CTR для разных страниц в отчете «Эффективность». Низкий CTR при высоких показах может указывать на неоптимальный заголовок или сниппет.
- Инструменты SEO-аудита: Сервисы вроде Ahrefs, SEMrush, Screaming Frog SEO Spider помогут найти страницы с дублирующимися, слишком длинными или короткими заголовками.
- Анализ конкурентов: Изучите, какие заголовки используют конкуренты в топе выдачи по вашим целевым запросам.
Регулярный анализ и корректировка заголовков <title> — важная часть стратегии SEO-оптимизации вашего WordPress-сайта.