Оптимизация заголовков (h тегов) в WordPress

Оптимизация заголовков (h тегов) в WordPress

Важной частью внутренней SEO-оптимизации является правильное расположение тегов заголовков h1-h6. Поисковые системы их особенно ценят, т.к. теги заголовков показывают логическую структуру страницы и выделяют главное. Без правильной организации h тегов вряд ли удастся получить топовые позиции в поисковиках по нужным запросам.

Общая информация по h тегам

Данными тегами выделяются заголовки, чтобы обозначить для поисковых систем наиболее важные места и логическую структуру страницы. Всего есть 6 уровней заголовков - h1, h2, h3, h4, h5, h6, наиболее важным является h1, далее заголовки имеют меньшую значимость, h6 - наименьшую. Обычно h1 используется для главного заголовка страницы, h2 - для подзаголовков, h3 - меньших уровней заголовков и так далее.

При их использовании следует учитавать несколько простых правил:

1. На странице должен находится только один h1 заголовок. И он должен соответствовать основной теме страницы. Другие h теги могут встречаться не один раз.

2. Чем выше уровень заголовка, тем он выше на странице. h1 выше всех, затем h2 и так далее. При использовании нескольких заголовков одного уровня, правило может нарушаться, это вполне нормально.

3. Чем значимей заголовок, тем больше его шрифт. Для заголовков малых уровней размер шрифта может быть одинаковым.

4. В h теге не должно ничего находится (других тегов или ссылок и т.д.), кроме чистого текста.

5. h теги  должны подходить по смыслу и содержать ключевые слова участка текста расположенного под ними.

Заголовки h1-h6

Эти простые правила позволят поисковым машинам лучше понять содержимое страницы, а иногда, выше ранжировать ее по сравнению с конкурентами. И не обязательно использовать все 6 уровней заголовков, вполне достаточно 2-3 (h1, h2, h3).

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

На многих стандартных шаблонах вордпресс h теги уже содержаться, но проблема в том, что не совсем грамотно. Их следует немного подправить, чем мы и займемся. :)

Тегом h1 выделяется заголовок с названием блога. Чтобы посмотреть, заходим в файл header.php темы блога, и ищем примерно такую строчку:

1
<h1><a href="<?php bloginfo ('url'); ?>"><?php bloginfo ('info'); ?></a></h1>

Выделение тегом h1 заголовка блога может быть правильно только для главной, но не для всех его страниц. Поэтому для главной оставляем <h1></h1>, а для всех остальных убираем. Получится следующая конструкция (заменяем ей строчку приведенную выше):

1
2
3
4
5
<?php if ((is_home ()) and !is_paged ()){ ?>
<h1><?php bloginfo('name') ?></h1>
<?php } else {?>
<span class="zagovolok1"><a href="<?php bloginfo ('url'); ?>"><?php bloginfo('name'); ?></a></span>
<?php } ?>

где zagolovok1 - это CSS стиль, который задаем точно с такими же параметрами, как и для h1 в заголовке блога.

Далее оптимизируем заголовок отдельного поста, для этого заходим в файл single.php темы и меняем строчку:

1
<h2><?php the_title (); ?></h2>

на строчку:

1
<h1><?php the_title (); ?></h1>

Теперь для отдельных страниц с материалом главным заголовком будет являться заголовок этого самого материала, который раньше был почему то подзаголовком (h2).

Следующий пункт - оптимизация заголовков виджетов в шаблоне. Их часто оформляют тегом h3, но такое выделение имеет только отрицательное влияние с точки SEO-оптимизации. И лучше избавиться от данных тегов. Для этого заходим в файле functions.php шаблона и находим следующие строки:

1
2
3
4
5
6
7
register_sidebar(array(
    'name'=>'Left Sidebar',
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
));

Заменяем их на:

1
2
3
4
5
6
7
register_sidebar(array(
    'name'=>'Left Sidebar',
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<p class="widget-title">',
    'after_title' => '</p>',
));

То же самое делаем с другими сайдбарами если они есть. И не забываем про класс widget-title, который возможно, нужно будет подредактировать.

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

P.S. Советую поискать теги заголовков в других файлах темы, иногда в теги h3, h4 заключают какие-либо надписи в шаблонах. Лучше убрать их и воспользоваться div элементами.

На этом все! Как всегда буду рад дополнениям и отзывам в комментах :)

10 комментариев на тему: “Оптимизация заголовков (h тегов) в WordPress”
  1. 18.11.2012 в 14:13 #1

    Большое спасибо за информацию, действительно нужную и полезную. От души. Процветания Вашему блогу!

  2. 15.03.2013 в 10:03 #3

    Привет, как добавить стиль для нового заголовка ″zagolovok1″, где взять описание стиля ″h1″? Я новичок, трудно сразу все понять, помоги пожалуйста с этим моментом. Получилось все сделать, кроме нового стиля.

    • 15.03.2013 в 23:26 #4

      В панели управления вордпресс зайдите «Внешний вид — Редактор — Таблица стилей (style.css)». Найдите стиль для h1 и просто скопируйте его содержимое, затем в конце таблицы создайте запись «.zagolovok1 {здесь содержимое как для h1}».
      А вообще прочитайте больше про CSS, в интернете много материала по теме.

  3. Анатолий
    15.05.2013 в 03:08 #5

    У вас на главной теги H2 содержат ссылки, что противоречит правилу № 4. Пожалуйста уточните, что вы имели ввиду?

    • 15.05.2013 в 18:34 #6

      Вы верно заметили. У меня на главной не совсем правильно сделано, не должно быть лишних тегов в h заголовках. Нужно или убрать лишние теги из заголовков или оставить ссылки, но убрать теги h2.
      Это не очень грубая ошибка — вряд ли из-за нее сайт получит какой-либо негатив со стороны поисковых систем. Тем не менее это не совсем правильно.

  4. 30.12.2013 в 07:20 #7

    отличная инфа.
    (is_home ()) and !is_paged () — как раз то, что я искал
    спс

  5. 09.02.2014 в 10:23 #8

    Очень полезная информация. Применил, правда, пока частично, но думаю разберусь. И хочу сделать небольшое дополнение к посту. Если у кого на главной высвечивается не список последних постов, а конкретная статическая страница (у меня на сайте так, поэтому были определенные проблемы), то нужно использовать вместо функции is_home () функцию is_front_page(), и все будет ОК. Чтоб получить результат, пришлось потерять часа 2 в поисках, поэтому если у кого будет такая же проблема, то вот готовый путь решения.
    А автору спасибо.

  6. 06.04.2014 в 01:53 #10

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

Добавить комментарий