Оптимизация заголовков (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 теги  должны подходить по смыслу и содержать ключевые слова участка текста расположенного под ними.

Эти простые правила позволят поисковым машинам лучше понять содержимое страницы, а иногда, выше ранжировать ее по сравнению с конкурентами. И не обязательно использовать все 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 элементами.

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