Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO

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

18 апреля 2014
Комментарии: 50

Рейтинг звезд в статях сайта

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

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

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

ТОП выдача Google

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

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

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

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

Модуль 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 рекомендует всем проверять правильность действий по разметке каких-либо данных на этой странице проверки структурированных данных.

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

Проверка структурированных данных

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

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

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

(214 голос., в среднем: 4,20 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (50)
  1. Алексей

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

    Вывод: лучше бы не делал.

    Рука потянулась и нажал все наоборот. Извини, хозяин, и на старуху бывает проруха.

    Но повинную голову и меч не сечет.

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

    Блог благодаря качеству статей находится высоко во всевозможных рейтингам в очень конкурентной среде.

    И эта статья тому подтверждение — оценка 5

    А в поисковой среде у гугла данная статья от меня получила не то, что заслуживает. Пробовал сам поменять — нельзя. К сожалению. Извини. Бывает

    Ответить
  2. Николай

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

    Ответить
    • Максим Войтик

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

      Ответить
    • Егор

      Плагин плагину рознь, а новички без них не разберутся.

      А эффект от вида рейтинга только положительный.

      Ответить
  3. Артём Черкасов

    А кодом не знаете как звёзды реализовать?)

    Ответить
    • Максим Войтик

      Если бы знал, то конечно же обошелся без плагина, но пока так. :)

      Ответить
  4. aquacry

    копируем файлы в папку с плагином wp-content/plugins/wp-postratings и переводить ничего не нужно:

    plugins.trac.wordpress.org/browser/wp-postratings/i18n/wp-postratings-ru_RU.mo

    plugins.trac.wordpress.org/browser/wp-postratings/i18n/wp-postratings-ru_RU.po

    Ответить
    • Максим Войтик

      Спасибо за отличное дополнение...

      Ответить
  5. Анна

    Хотелось бы установить рейтинг звёзд без использования плагина конечно. Буду ждать статьи на эту тему.

    Ответить
  6. Александр

    Подскажите а куда именно нужно вставлять в single.php этот код ?

    Ответить
    • Максим Войтик

      Часть кода в заголовке, а код отвечающий за вывод звезд в том месте, где нужно их отображать.

      Ответить
  7. Cryptopilot

    На картинке rejting-zvezd-v-statyax-sajta.jpg исправьте опечатку «статЬях». Спасибо.

    Ответить
    • Максим Войтик

      Спасибо большое исправил, вроде всегда обращаю внимание на такие вещи. :)

      Ответить
  8. Жук Юрий

    Прикольная штука. Но Думаю пока не устанавливать. ;-)

    Ответить
  9. Алексей

    Ну как, есть у кого идеи как провернуть всё это без плагина?

    Ответить
  10. Дмитрий

    Сейчас в плагине WP-PostRatings (ссылка выше в Вашем блоге) уже реализовано автоматическое подключение к микроразметке гугла.

    Называется Enable Google Rich Snippets? Выбираете «Да» и все. Проверил, в инструменте проверки микроразметки звездочки показывает. Спасибо за статью! [good]

    Ответить
    • Максим Войтик

      Спасибо Дмитрий за полезное дополнение, уверен тем кто только подключает звезды пойдут по этому пути. :)

      Ответить
    • Игорь

      Да, но там по умолчании под разметку schema.org/Article, а как настроить под schema.org/Recipe?

      Ответить
  11. Andrei

    Сделал всё по инструкции, но почему-то рейтинг как-то неверно отображается, в чём может быть дело?

    Ответить
    • Aleksandr

      А зачем нужен этот рейтинг по большому счету!?

      Ответить
      • Константин Балаково

        Александр, он нужен, чтобы в поисковой выдаче гугла привлечь внимание пользователя ищущего куда бы ему перейти по ссылке!

        Со звездами- больше шансов психологически влияет!

        Ответить
  12. Евгений

    Хороший плагин. Особенно понравились звезды в сниппете, сразу привлекают внимание. Спасибо автору!

    Ответить
  13. Максим

    Максим, хотел оценить вашу статью, а в результате получил сообщение:

    Failed To Verify Referrer

    Ответить
    • Максим Войтик

      Да такое бывает, так как подобная проблема в виде сообщения Failed To Verify Referrer возникает при использовании кэширующих плагинов Гипер Кэш, Супер Кэш и подобных, которые сжимают скрипты и css. Разработчик рейтинга звезд написал, что в таком случае надо отключать настройки сжимания скриптов. Так что я пока просто кэш сбрасываю периодически и все. Проверьте сейчас, должно все работать.

      Ответить
      • Максим

        Да, работает. А только с этим плагином проблема возникает? Super Cache вроде такой проблемы не вызывает, по крайней мере тестирование плагина wp-postratings и его оптимизация прошли успешно

        Ответить
      • Максим Войтик

        Разработчик написал, что такая проблема может быть со всеми плагинами, которые сжимают скрипты, возможно Super Cache под это определение не попадает. Но раньше такого не было в рейтинге звезд, это все началось после его обновления. Может у вас другая версия и поэтому все работает лучше.

        Ответить
      • Максим

        Может быть, нужно понаблюдать. Я, правда, скрипт резал под себя. Многие вещи убрал, кое-что дописал. Но проверить нужно обязательно!

        Ответить
  14. Егор

    А для новичков, нет ли ссылки на скачивание плагина без глюко...? Был бы очень благодарен, сам исправить не смогу. Или хотя бы номер рабочей версии.

    Ответить
  15. Римма

    Здравствуйте! Я в одном блоге установила этот плагин, но при наведении на звездочки под ними появляется текст и одновременно всплывает подсказка. Подскажите, пожалуйста, как сделать так, чтобы появлялись только всплывающие подсказки?

    Ответить
    • Максим Войтик

      Я могу только сказать, как мне удалось избавиться от всплывающей подсказки. Для этого в файле плагина wp-postratings.php пришлось удалить кусок кода, который после цитаты // Get the image's alt text до следующей цитаты // Check for half star.

      Ответить
  16. Руслан

    Привет! Максим. Тоже захотелось реализовать у себя эти звездочки. Уверен, что это хорошо повлияет на поток читателей с гугла.

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

    А через сколько Апов примерно появляется этот рейтинг в выдаче?

    Ответить
    • Максим Войтик

      У меня до сих пор не появились(((

      Ответить
      • Руслан

        Максим! Я недавно установил себе плагин для этих звезд. Так они практически сразу появились в поиске гугла.

        Плагин kk star ratings — может и тебе попробовать

        Ответить
      • Максим Войтик

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

        Ответить
      • Руслан

        Попробуйте запрос «как заработать в интернете на комментариях».

        Звезды только в тех статьях, в которых есть голоса

        Ответить
      • Максим Войтик

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

        Ответить
      • Руслан

        Нашел себя аж на 10-ой странице prntscr.com/9giuv6

        Ответить
      • Максим Войтик

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

        Ответить
  17. Андрей Назыров

    Максим, привет. Плагин классный, я его давно опробовал, но потом убрал.

    Интересует вопрос, а он ошибок в валидаторе микроразметки не выдает?

    Ответить
    • Максим Войтик

      Не знаю, не проверял. А почему убрали?

      Ответить
      • Андрей Назыров

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

        Ответить
      • Максим Войтик

        У меня звезды до сих пор не появились в выдаче Гугла, может из-за фильтра.

        Ответить
      • Андрей Назыров

        Странно. С фильтром это вряд-ли связано, это ведь микроразметка, а фильтр не влияет на расширенные сниппеты.

        Ответить
      • Максим Войтик

        Запросы в ТОП не попадают, а звезды как я заметил к этому привязываются.

        Ответить
  18. Адениум

    Наука даром не дается — наука трудом берется. Благодарю за умные советы

    Ответить
  19. Роман

    Спасибо за подробную инструкцию. Буду пробовать на своем сайте. [star]

    Ответить
  20. Егор

    Спасибо. Сейчас буду устанавливать) [:))]

    Ответить
  21. Вячеслав

    Попробовал ваши методы Максим, все установилось. Максим у меня к вам вопрос, правда не по теме статьи, а почему некоторые мои комментарии вами не одобрены, последние 6 штук. Я что-то неправильно написал?

    Ответить
    • Максим Войтик

      Все одобрено, просто модерирую с задержкой.

      Ответить
  22. Вячеслав

    Спасибо за ответ, просто я уж подумал что написал что-то не то))

    Ответить
Оставить свой комментарий
* Нажимая на кнопку "Отправить" вы соглашаетесь с политикой конфиденциальности.
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]
Заработай в социальных сетях

© 2011-2024 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!

Adblock
detector