В SEO и удобстве использования сайта уникальные заголовки H1 играют ключевую роль. Многие темы WordPress по умолчанию используют один и тот же заголовок H1 на всех страницах блога или каталога, что негативно сказывается на ранжировании и восприятии контента посетителями. В этой статье мы подробно разберём, как сделать заголовки H1 уникальными для каждой страницы, используя как готовые плагины, так и собственные решения с помощью кода.
Почему важно иметь уникальные заголовки H1 в WordPress
Поисковые системы, такие как Google, уделяют большое внимание структуре заголовков на странице. Заголовок H1 обычно воспринимается как главный заголовок страницы, отражающий её суть. Если на сайте повторяются одинаковые H1, это снижает релевантность и может привести к проблемам с SEO.
Кроме того, уникальный заголовок улучшает пользовательский опыт, помогая посетителям быстро понять содержание страницы. Особенно это актуально для сайтов с каталогами товаров, блогов и порталов.
Поэтому настройка уникального H1 для каждой страницы — это необходимый шаг для профессиональной работы с WordPress.
Как WordPress формирует заголовки H1 по умолчанию
В большинстве тем WordPress заголовок H1 выводится в файлах шаблонов, например, в single.php, page.php или archive.php. Обычно это вызов функции the_title() внутри тега <h1>.
Однако в некоторых темах заголовок H1 может быть статическим или повторяться на разных страницах, например, выводить название сайта или фиксированный текст. В таких случаях нужно либо изменить тему, либо добавить динамический вывод заголовков.
Чтобы проверить текущий H1, откройте исходный код страницы и найдите тег <h1>. Если он одинаковый на всех страницах, значит требуется корректировка.
Установка уникальных заголовков H1 с помощью плагинов
Если вы не хотите редактировать код темы, можно использовать плагины, которые помогают управлять заголовками:
- Clearfy Pro — многофункциональный плагин для оптимизации сайта, включая управление SEO-элементами. В Clearfy есть инструменты для кастомизации заголовков страниц. Подробнее на wpshop.ru.
- Yoast SEO — популярный SEO-плагин, который позволяет указать шаблоны заголовков и метаописаний для разных типов страниц. Однако управление H1 требует редактирования темы.
- WPGPT — плагин с AI-инструментами, который помогает автоматически генерировать уникальные заголовки и описания на основе содержимого. Это может быть полезно при большом объёме страниц.
Использование плагинов удобно, но иногда требуется более тонкая настройка через код.
Динамическое формирование заголовков H1 через функции темы
Чтобы сделать заголовки H1 уникальными, рекомендуем создать функцию, которая будет возвращать заголовок в зависимости от типа страницы. Ниже пример функции wpcatalog_get_dynamic_h1():
function wpcatalog_get_dynamic_h1() {
if (is_front_page()) {
return 'Главная страница сайта';
} elseif (is_single()) {
return get_the_title();
} elseif (is_page()) {
return get_the_title();
} elseif (is_category()) {
return 'Категория: ' . single_cat_title('', false);
} elseif (is_tag()) {
return 'Метки: ' . single_tag_title('', false);
} elseif (is_post_type_archive('product')) {
return 'Каталог товаров';
} else {
return get_bloginfo('name');
}
}Далее в шаблонах темы замените статический H1 на вызов этой функции:
<h1><?php echo esc_html(wpcatalog_get_dynamic_h1()); ?></h1>Это обеспечит вывод уникального заголовка на каждой странице в зависимости от её типа и контента.
Как сделать H1 уникальным для страниц WooCommerce
Если на вашем сайте есть магазин WooCommerce, заголовки для товаров и категорий товаров тоже должны быть уникальными.
Для товаров обычно используется название товара, а для категории — название категории. Пример функции для WooCommerce:
function wpcatalog_get_woocommerce_h1() {
if (is_product()) {
return get_the_title();
} elseif (is_product_category()) {
return 'Категория товара: ' . single_term_title('', false);
} elseif (is_shop()) {
return 'Каталог товаров';
} else {
return wpcatalog_get_dynamic_h1();
}
}В шаблонах WooCommerce замените заголовок на:
<h1><?php echo esc_html(wpcatalog_get_woocommerce_h1()); ?></h1>Это позволит корректно выводить H1 для всех страниц магазина.
Использование хуков для управления заголовками H1
В некоторых темах и плагинах заголовки выводятся через хуки. Тогда можно использовать фильтры, чтобы изменить содержимое H1 без правки темы.
Пример использования фильтра для изменения заголовка:
add_filter('the_title', 'wpcatalog_filter_h1_title', 10, 2);
function wpcatalog_filter_h1_title($title, $id) {
if (is_admin()) {
return $title; // Не трогаем админку
}
if (is_singular('product') && get_the_ID() === $id) {
return 'Уникальный заголовок для продукта: ' . $title;
}
return $title;
}Этот пример добавляет префикс к заголовку товара, что делает его более информативным.
Рекомендации по SEO и UX при работе с заголовками H1
При создании уникальных заголовков H1 учитывайте следующие советы:
- Заголовок должен точно отражать содержание страницы и содержать ключевые слова.
- Не используйте более одного H1 на странице — это стандарт HTML5 и хорошая практика SEO.
- Делайте заголовки короткими и понятными, избегайте избыточных слов.
- Проверяйте корректность вывода заголовков в разных типах страниц.
- Используйте инструменты, например, Clearfy Pro, для автоматической оптимизации SEO без проблем с кодом.
Выводы и практические советы
Уникальные заголовки H1 — один из базовых элементов качественного сайта на WordPress. Их настройка требует понимания структуры темы и особенностей вашего контента. В большинстве случаев целесообразно комбинировать собственные функции с удобными плагинами, такими как Clearfy Pro или WPGPT.
Для сайтов с каталогами товаров и WooCommerce крайне важно корректно выводить заголовки для категорий и товаров. Приведённые в статье примеры кода помогут быстро внедрить динамические H1 без глобальных изменений темы.