Как сделать рейтинг голосования в виде звезд на сайте и сниппете Google

Привет! Подготовил для вас очередной пост, в котором расскажу, каким образом мне удалось реализовать в конце всех статей рейтинг звезд, теперь каждый посетитель может оценить у меня на блоге любую запись по шкале от 1 до 5 баллов (звезд).

Если помните, то в прошлом посте «Как сделать расширенный сниппет для Google» я уже упоминал, что если правильно разметить страницу с помощью одного из форматов данных, то зарубежный поисковик такие звезды может показывать пользователям в своей выдаче сайтов.

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

Но прежде, чем разбираться с расширением в сниппета, надо такие звездочки для голосования прикрутить на свой блог.

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

WP-PostRatings — плагин оценки статей wordpress

Несколько вебмастеров, которым я всегда доверяю, убедили меня в работоспособности плагина WP-PostRatings, и как оказалось не зря. То, что вы видите в конце каждого поста реализовано как раз таки с помощь его.

Я уже не раз писал, что к любому роду плагинов отношусь негативно, так как все они в той или иной мере влияют на скорость загрузки сайта, но в моем случае другой альтернативы не нашлось. Если кто-то сделал подобный рейтинг без плагина, прошу поделиться своими знаниями в комментариях.

Ну что приступим к созданию голосования в виде звездочек:

Первое. Скачиваем плагин WP-PostRatings вот по этой ссылке. Далее устанавливаем его одним из стандартных способов (через FTP клиент или административную панель вордперсс).

Второе. После активации плагина вы должны заметить, что в консоли площадки появилась новая вкладка с настройками «Ratings».

Давайте пробежимся по каждой из функций данного плагина:

Manage Ratings

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

Ratings Options

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

Также можно задать шкалу голосования начиная от 1.Я решил сделать 5-ти бальную систему, поэтому установил значение равное 5.

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

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

Rating Templates

Эти настройки отвечают за всю текстовую часть рейтинга. В виду того, что модуль голосования на иностранном языке придется изменить шаблон под себя, предварительно поработав с онлайн переводчиком.

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

Может я непонятно объясняю, но в процессе во всем разберетесь. Посмотрите один из примеров моего перевода и сравните со своим.

Uninstall WP-PostRatings

Здесь пояснения не требуется, что такое удаление все прекрасно знают.

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

<?php if (function_exists(the_ratings)) {the_ratings();} ?>

В моем случае данный код был внедрен в файл single.php, если не знаете какой файл движка вордперсс за что отвечает, советую прочитать статью «Структура шаблона wordpress» и у вас не останется больше вопросов на этот счет.

Добавляем звезды в расширенный сниппет Google

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

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

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

Теперь его надо окружить вот таким текстом:

<span property="v:itemreviewed"><span style="color: #ff6600;">Здесь код заголовка</span></span>

Далее перед этой строчкой нужно добавить еще один код, который укажет Google, что на странице используется расширенный сниппет:

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review-aggregate">

В итоге у меня получился следующий код:

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review-aggregate">
 
<h1><span property="v:itemreviewed"><?php the_title(); ?></span></h1>
 
</div>

Далее надо разметить с сам код, отвечающий за вывод рейтинга звезд:

<span rel="v:rating"> <span typeof="v:Rating">
 
<?php if (function_exists(the_ratings)) {the_ratings();} ?>
 
</span></span>

Поисковая система Google рекомендует всем проверять правильность действий по разметке каких-либо данных на этой странице проверки структурированных данных.

Если все сделано правильно, то картина должна быть примерно такого вида:

По идее через несколько апов Гугл должен подхватить вашу разметку, и начат отображать в выдаче заветные звездочки.

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

Вроде все рассказал, что хоте, если кто-то еще делал рейтинг голосования в виде звезд, прошу рассказать об этом в комментариях. На этом у меня все, до скорых встреч!