Динамический заголовок h1, h2. SEO заголовки на сайте
» » Динамический заголовок h1, h2 на сайте
27 мая

Динамический заголовок h1, h2 на сайте

Динамический заголовок

При продвижении своего сайта следует обратить особое внимание на важность заголовка h1. Во многих шаблонах WordPress, изначально заголовки статей заключены в тег h2. C точки зрения SEO продвижения, это неправильно. SEO заголовки на сайте, играют важную роль и вместе с другими факторами способствуют занятию высоких позиций в поиске.
Если вкратце, чтобы понять важность тега h1 советую прочитать рекомендации яндекса по оформлению страниц сайта, в том числе рекомендации Google тоже.

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

SEO оптимизация заголовков в wordpress

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

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

Создаем динамический заголовок h1, h2 на сайте

Нам необходимо поменять заголовки в шаблоне wordpress таким образом, чтобы заголовок сайта менялся в зависимости от того, какая  страница показывается пользователю. Делаем так, чтобы на главной странице заголовок сайта был в теге <h1> и не был ссылкой на себя. А все статьи на главной странице были в теге <h2> и являлись ссылками. В тоже время при открытии статьи, заголовок сайта динамически менялся на тег <p> и становился ссылкой на главную. А заголовок статьи меняется на тег <h1> и не является ссылкой.

Как сделать динамический заголовок в теме wordpress

В действующей теме wordpress необходимо отредактировать файлы header.php, single.php и style.css любым текстовым редактором - например SynWrite. Также это можно сделать из админки вордпресс в редакторе или зайти на сервер по FTP. Перед редактированием файлов обязательно сделайте их резервные копии. Если вдруг допустите ошибку в чем то, всегда сможете все восстановить обратно.

Давайте вначале проанализируем исходные файлы темы с помощью расширения Firebug для браузера Mozilla. Кто пользуется Google Chrome, то ничего устанавливать не надо. Просто открываем сайт в браузере и кликнув правой кнопкой мыши по нужному заголовку, выбираем пункт посмотреть код. Откроется окно в котором можно увидеть код элемента.

заголовок p

Так выглядит динамический заголовок сайта в статье

заголовок h1

Динамический заголовок статьи

Для того чтобы создать динамический заголовок на главной странице и в статьях будем редактировать файлы темы. В текстовом редакторе открываем файл header.php и ищем в коде заголовок сайта, как на рисунке ниже. Синим цветом выделен класс заголовка, а красным сам код.

Динамический заголовок

Код выделенный красным надо заменить на следующий код:

<?php if (is_home ()){ ?>
<h1><?php bloginfo ('info'); ?></h1>
<?php } else {?>
<p><a href="<?php bloginfo ('url'); ?>"><?php bloginfo ('info'); ?></a></p>
<?php } ?>

Получится, как на этом рисунке, что выше.

Далее открываем файл single.php и ищем в коде заголовок h2, как на рисунке ниже.

Меняем код обрамленный тегами h2 на код ниже:

< ?php the_title(); ?>

Также необходимо в файле archive.php поменять h2 на h1, чтобы заголовок рубрики был тоже в теге h1.

Теперь в файле style.css нужно подогнать стили под динамические заголовки h1и h2. Можно создать свой стиль или просто продублировать действующий, как на рисунке. На рисунке ниже красным выделен стиль заголовка сайта без ссылки. Синим цветом показан заголовок со ссылкой.
Важность заголовка

На самом деле способов изменить заголовки на сайте несколько. Это только один из них. Многие вебмастера недооценивают важность правильного seo заголовка и теряют на этом в позициях сайта.

Отзывов нет.

Ваш отзыв

Пожалуйста, введите свои данные и комментарий ниже.
Имя
E-mail
Сайт
Сообщение