Как добавить звездочки рейтинга в сниппет Гугла

Как добавить звездочки рейтинга в сниппет Гугла

В посте об улучшении поведенческих факторов (ссылка внизу поста) я писала о том, что увеличить время, проведенное посетителем на сайте поможет контент, создающий добавочную ценность.

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

Что может заинтересовать посетителя и задержать его на сайте?

1. Контент:
  • Интересные статьи.
  • Удобные сервисы по теме сайта.
  • Тематические изображения и видео в статьях.
2. Доверие к автору и сайту:
  • Информация о сайте и авторе – страница автора.
  • Возможность связаться с автором – форма для контактов, email или телефон.
3. Поощрение активности пользователей:
  • Возможность выразить свое мнение о статье или оценить ее:
    • оставить комментарий и получить ответ на него.
    • поставить лайк или добавить ссылку на статью на свою страницу в социальной сети – кнопки социальных сетей.
    • поставить прямую оценку материалу – рейтинг.
    4. Красивый дизайн и удобный в использовании сайт.

    Сегодня я расскажу о том, как добавить на сайт простой "звездный" рейтинг постов без использования сложных и тяжелых плагинов. Кроме того, наш рейтинг будет содержать микроразметку для рейтинга, а это значит, что его звезды будут отображаться в ПВ (поисковой выдаче) Google и привлекать внимание к сниппету сайта. Вот так:

    А шансов на то, что пользователь кликнет на сниппет со звездами намного больше, так что с их помощью мы сможем увеличить СТР (кликабельность) страниц в выдаче.

    Наличие рейтинга на сайте, также, может помочь ему попасть в РСЯ (рекламная сеть Яндекса) – ее модераторы всегда обращают внимание на дополнительные сервисы ресурса. Как правило, рейтинги создают при помощи плагина WP-PostRatings.

    Не буду спорить, плагин этот очень функциональный и позволяет реализовать самые разные рейтинги, но при этом, он:

    1. Сильно тормозит загрузку сайта.
    2. Конфликтует со многими другими плагинами, например плагином увеличения изображений по клику, который также работает на технологии Ajax.

    Всех этих недостатков лишен скрипт рейтинга, который я предлагаю вам.

    Итак, переходим к созданию звездного рейтинга:

    ↓ Скачать скрипт рейтинга сайтов можно по ссылке ниже

    После распаковки архива, вы получите папку ratings и файлы:

    - functions.php, - footer.php, - single.php и - style.css.

    Папку ratings нужно добавить в папку с вашей темой.

    А код из файлов functions.php, footer.php, single.php и style.css перенести, соответственно, в файлы functions.php, footer.php, single.php и style.css вашей темы.

    В functions.php и footer.php – в начало файла, в style.css – в конец файла.

    В single.php после тега

    Обратите внимание! В footer мы подключаем скрипт rating.js и jquery-библиотеку jquery.min.js.

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/rating/rating.js"></script>

    Одна из версий jquery-библиотеки уже может присутствовать на вашем сайте, поэтому, прежде, чем ее подключить, посмотрите HTML код страницы сайта (вызвать контекстное меню правой клавишей мыши и найти в нем пункт "Исходный код страницы" или "Просмотр кода страницы").

    Если найдете в коде что-то похожее на jquery.min.js, тогда подключите только скрипт rating.js. И, только, если рейтинг не заработает с вашей jquery-библиотекой, можно подключить версию 1.8.2.

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

    Если после этого звездочки не появятся, проверьте правильность пути к папке ratings для скриптов и изображению со звездами в файле style.css.

    Вот, что должно получиться:

    Как я написала выше, скрипт рейтинга имеет микроразметку для рейтинга.

    Для того, чтобы страница с добавленным рейтингом была размечена корректно, в ее код нужно добавить параметры itemscope itemtype="http://schema.org/Article" , указывающий на тип контента (в нашем случае - Статья). Это нужно для того, чтобы указать, к чему именно относится наш рейтинг.

    Если этого не сделать, то при проверке, валидатор выдаст вам ошибку "Не указан объект отзыва" - рейтинг ведь не может существовать сам по себе, он всегда относится к одному из элементов сайта.

    Добавить эти параметры можно к любому тегу, который расположен в файле single.php выше кода

    <?php if ( have_posts() )

    <div itemscope itemtype="http://schema.org/Article">

    Также, нужно добавить к тегу H1 параметр itemprop="headline" , вот так:

    Другие теги микроразметки для статей можно посмотреть на http://schema.org/Article и добавить те, которые вам нужны.

    После этого пост, с добавленным к нему рейтингом, можно проверить в валидаторе микроразметки: Google - https://developers.google.com/structured-data/testing-tool/ и Яндекса - http://webmaster.yandex.ua/microtest.xml .

    Напоследок, предлагаю посмотреть вебинар по выводу сайтов из АГС при помощи контента, создающего добавочную стоимость.

    Продолжение следует :), чтобы не пропустить новую статью, подпишитесь на получение обновлений сайта ».