Вчера скачала учебник по SEO-оптимизации и долго его изучала.
А потом посмотрела на шаблон своего блога – и ужас-ужас! – названия виджетов выделены заголовками h3, а в тексте предыдущих постов я использовала h4. Самое обидное, что бот гугла это уже заметил, и теперь, по его мнению, ключевые слова моего блога это “комментарии” с 94 вхождениями и “записи” с 62 :(. Непорядок, надо исправлять. Поэтому этом посте я расскажу, как оптимизировать заголовки виджетов.
Заголовками должен выделяться наиболее значимый текст, к которому не относится название виджетов. К тому же, оно повторяется на всех страницах блога, тем самым влияя на результаты индексирования страниц. Из-за этого я решила заменить h3 на p в названиях виджетов.
При помощи дополнения Firebug для Firefox я определила, какой стиль отвечает за вывод заголовков виджетов. У меня это widget-title
.
Далее, идем в файл style.css. Ищем в нем что-то похожее на h3.widget-title
, и заменяем на div.widget-title
. Так мы создадим стиль оформления для новых заголовков виджетов, который будет в точности повторять предыдущий.
Теперь осталось заменить тег h3
на p
в файле 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>', )); |
и вместо h3
пишем div
, и добавляем <p>
.
В итоге, у меня получилось следующее:
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' => '<div class="widget-title"><p>', 'after_title' => '</p></div>', )); |
Проделываем те же самые операции с другими сайдбарами, если они есть.
Теперь ненужные заголовки не будут отвлекать поискового робота от содержимого вашего сайта.
Обновление от 07.03.2014:
Если на вашем сайте используется HTML5, то заголовки удалять не нужно, если сайдбар находится внутри тега
section
. Это необходимо для семантики веб-страницы.Подробнее об этом можно почитать здесь (по-английски):
Чтобы проверить, правильно ли вы используете теги section
и h1-h6
, можно использовать этот онлайн-инструмент.