CЕО оптимизация заголовков WordPress

Раньше я не обращал внимания на такую вещь в WordPress, как два заголовка h1 на каждой странице сайта, также разработчики WordPress шаблонов не обращают внимание на заголовок h2 и размещают его вне статьи, особенно в бесплатных шаблонах.

Давайте теперь по порядку. Я сначала объясню вкратце где смотреть теги заголовков h1, h2, а потом уже опубликую решение для оптимизации заголовков.

В большенстве шаблонов WordPress выходит иначе, а именно тег h1 по умолчанию выводится 2 раза в каждой статье, что (по мнению CEO оптимизаторов) очень негативно сказывается на ранжировании сайта.

Почему так происходит? Дело в том что тег h1 выводится в названии сайта и плюс к этому название записи также заключается в h1

Давайте сначала разберемся еще с тегом h2, а потом уже займемся оптимизацией WordPress.

Из скриншота видно, что у меня в записи встречаются два заголовка тег h1 и тег h2 находится вне содержания публикации. Так оказывается неправильно. В правильно оптимизированном шаблоне WordPress название сайта в тегах h1 и описание сайта в тегах h2 должны быть только на главной странице.
Во всех остальных страницах и записях, название и описание сайта желательно обернуть в теги P, обозначающие обычный параграф.

Оптимизация заголовков WordPress. Решение.

Для начала посмотрите, как у вас в шаблоне выводятся заголовки. Для этого нужно держать курсор в области экрана, сайта (находясь в записи), нажать правую кнопку мыши и выбрать «посмотреть исходный текст страницы». Либо навести курсор на заголовок и также нажав правую клавишу мыши выбрать «исследовать элемент» и тоже самое проделать с описанием сайта и названием самой публикации. Если у вас такие-же результаты как на скриншоте, то нужно исправлять.

Откройте файл header.php, сделайте обязательно его копию, и найдите в нем вывод заголовка, названия сайта h1 и описание сайта h2. Cмотрите комментарии в коде. Ниже привожу код, ищите у себя подобные строчки. Они могут немного отличаться, но это не должно повлиять на правки.

//Название сайта и вывод заголовка h1 во всех страницах
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
//Описание сайта и вывод заголовка h2 во всех страницах
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

Что-бы оптимизировать заголовки WordPress, другими словами настроить вывод заголовков h1 h2 только на главной странице, замените подобный код на нижеприведенный:

 <?php // вывод оптимизированных заголовков
if ( is_front_page() && is_home() ) : ?>
<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<p id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php endif;
?>
<?php
if ( is_front_page() && is_home() ) : ?>
<h2 id="site-description"><?php echo $description; ?></h2>
<?php else : ?>
<p id="site-description"><?php echo $description; ?></p>
<?php endif;
?>

Здесь обратите внимание на id="site-title", если в вашем коде сlass="site-title", то замените все id в моем, данном коде на свои классы сlass="site-title" Это стили оформления заголовков. Ну давайте немного обьясню построчно этот код на скрине.

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

Вывод названия и описания на главной странице

Вывод названия и описания в записях и страницах

Теперь добавьте минимальные стили в файл style.css шаблона. Данные стили нужно будет отредактировать под ваш дизайн.

#site-title{
font-size: 32px !important;
line-height: 1 !important;
margin: 15px 0px !important;
padding: 0 !important;
}
#site-description{
font-size: 20px !important;
line-height: 1 !important;
margin: 10px 0px !important;
padding: 0 !important;
}

Теперь все в порядке. Тепрерь парочка значимых пунктов по СEO оптимизации сайта выполнена.

— Если вам нужна помощь в оптимизации заголовков вашего шаблона, пишите в личку на странице «Контакты».

Еще один пример оптимизации заголовков WordPress

Вот еще один пример оптимизации заголовков WordPress, немного упрощенный. В нем описание сайта выводится как параграф (тегом <p>) и на главной странице сайта и на остальных.

<div class="site-branding">
<?php if ( is_front_page() && is_home() ) : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php endif; ?>
<p class="site-description"><?php bloginfo( 'description' ); ?></p>
</div><!-- .site-branding -->

Какой толщины могут быть перегородки доминадо.рф.

Похожие по Тегам статьи

Лучшие бесплатные WordPress Темы для малого бизнеса 2015

WordPress может использоваться для создания широкого спектра веб-сайтов. Вы можете создать портфолио сайты, новостные…

Сайдбары WordPress, создание сайдбара WordPress

Сайдбар — часть практически любого сайта, размещается обычно слева, справа от зоны контента, либо…

Дочерний шаблон WordPress

В данной статье мы разберемся, что такое дочерний шаблон WordPress, для чего он нужен…