Главное меню

Добавляем рейтинг и оценки материала в сниппет Гугла

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

В сегодняшней статье я покажу как сделать "правильный" рейтинг материала для сайта на uCoz. Данный апдейт будет полезен не только вашим пользователями, но и Гуглу.

По-умолчанию на uCoz уже реализован 5-ти бальный рейтинг для материала: ваши пользователи могут голосовать, и эти данные корректно обрабатываются. Но я предлагаю пойти дальше и сделать так, чтобы Гугл, на основании встроенного uCoz-рейтинга, "оценивал" ваши статьи в выдаче. Тобишь покажу как добавить "звездочки" рейтинга в сниппет Гугла.

Выглядеть это будет вот так:



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

Но все же особо выгоден данный ход будет для интернет-магазинов. Установка микроразметки в виде рейтинга со звездами и количеством оценок/отзывов позволяет предоставить дополнительную информацию прямо на странице поиска в Google. Что даст вашему сайту преимущество по сравнению с конкурентами (более детально об этом поговорим в рамках следующей статьи). Итак, поехали....

Вот так выглядит стандартный блок рейтинг материала на "Странице материала и комментариев к нему":
 
Скрин:


Код
<?if($RATING$)?>Рейтинг: <span id="entRating$ID$">$RATING$</span>/<span id="entRated$ID$">$RATED$</span><?endif?>

Из кода видно, что он построен на базе следующих переменных:

$RATING$ - переменная, которая выводит рейтинг материла;
$RATED$ - переменная, которая выводит количество проголосовавших.

Теперь нам необходимо оформить html-код uCoz’овского рейтинга с помощью микроразметки от Google. Почитать о требованиях микроразметки можно тут и тут.

Новый рейтинг будем строить следующим кодом:

Код
<?if($RATING$)?>Рейтинг: <div id="rating-block" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">  <span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">   <span id="entRating$ID$" itemprop="average">$RATING$</span>/<span id="entRated$ID$" itemprop="best">5</span> из <span id="entRated$ID$" itemprop="votes">$RATED$</span></div>   <?endif?>


Небольшие пояснения:

<div itemscope itemtype="http://data-vocabulary.org/Review-aggregate"> - атрибут тега div говорит поисковому роботу о том что в элементе содержатся данные о сводном отзыве с оценкой.
<span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating"> - элемент, который говорит, что отзыв содержит оценку и состоит из average, best и count.
<span itemprop="average"> - этот атрибут указывает текущую, суммарную оценку материала
<span itemprop="best"> - максимально возможная оценка
<span itemprop="votes"> - количество голосов
 
При этом будет получен следующий сниппет:
 

Подсказка: Проверить корректность работы вашего кода можно при помощи специального инструмента http://www.google.com/webmasters/tools/richsnippets.

На этом казалось бы все, но есть одно но... Гугл дает возможность получить разнотипные рейтинги (5-ти, 10-ти бальный, процентный) с разной структурой выводимых данных. Но для их использования вам необходимо преобразовать ваш стандартный 5-ти бальный рейтинг.

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

Думаю вы сможете разобраться и при желании написать\использовать скрипты для преобразования 5-ти бального рейтинга в 8-ми, 10-ти бальный, или процентный.

Вариант 1. Максимальный рейтинг - 10 звезд


 
Вариант 2. Рейтинг материала в виде процентов


 
Вариант 3. Рейтинг материала с количеством отзывов


P.S.: если вам не нравится вид стандартных звёзд рейтинга достаточно заменить ваш старый код в "Виде материалов" и на "Странице материала и комментариев к нему" на вот этот: 

Код
<?$RSTARS$('16','http://uguide.ru/img/rating.png','1','float')?>


или

Код
<?$RSTARS$('16','http://uguide.ru/img/02.gif','1','float')?>


Готово.

UPD от 23.01.2014

Есть еще один, более простой, способ как сделать отображение звезд рейтинга в сниппете в выдаче Google.

Новый способ.

Итак, все что нужно сделать так это добавить специальный код между < body>...< /body> в "Новости сайта" - "Страница материала и комментариев к нему":

Код
<span itemscope itemtype="http://schema.org/Article">
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="ratingValue" content="$RATING$">
<meta itemprop="ratingCount" content="$RATED$">
</span>
</span>


Скриншот:

Вот и все!

  • Обновлено:
    2013-05-21
  • Автор:
  • Оцените статью:
    8.4/10 из 482

avatar

Комментариев:31

Аватар Lovekinozal
31 vk Дмитрий • 04:10, 2016-02-19
укажите то что ниже и не будет ошибок из-за отсутствующей оценки
<meta itemprop="bestRating" content="5" >
<meta itemprop="worstRating" content="0" >
пример можете посмотреть на http://www.prokinozal.ru/
Аватар bestsoft
30 uid bestsoft • 12:26, 2016-01-25
Здравствуйте, не подскажите как на сайт вывести блок сообщество как у вас сделано ? сообщество
нет аватара
29 uid рома романов • 14:42, 2016-01-11
Здравствуйте, а можно поменять: у меня на сайте стоит возле статей просто + и - , а я хочу сделать звезды как описывается тут? Что мне нужно поменять?
Аватар MaxxBr
28 uid Максим • 09:19, 2015-11-12
Подскажите пожалуйста как размечать статьи. Куда вставлять код?
нет аватара
27 uid Виталик Антонов • 11:44, 2015-07-30
Ув. Uguide. Подскажите пожалуйста , для Блога куда нужно вписывать эти коды?? Очень прошу помогите.
нет аватара
26 ya Naz Bayr • 23:42, 2015-07-29
У меня такая же ошибка, выдает ошибку "Свойство Rating/votes недопустимо для объекта типа Rating." как избавиться от этой мерзости? ))
Ставил к примеру на эту страницу. Помогите пожалуйста, заранее спасибо
http://azeritour.az/restoran_panorama
Аватар barocha69
25 uid baron barocha • 19:14, 2015-07-20
Прийдется убирать эти звезды, более 1000 ошибок
нет аватара
23 uid Виталик Антонов • 11:25, 2015-07-19
Ув. uGuide помогите мне пожалуйста с этим кодом :(( я новичёк в этом деле.. Хочу установить рейтинг звёзд.. Но дело в том что я отключил модуль Новости сайта. Можно как нибудь этот рейтинг прописать в Редакторе страниц или Гостевой книге? Заранее благодарен.
Аватар uGuide
Хороший пост0Плохой пост
24 uid Дмитрий Луценко • 13:29, 2015-07-19
добрый_лучник, для этих модулей не получится сделать, так как они не поддерживают функцию "рейтиг материалов"
Аватар barocha69
19 uid baron barocha • 23:43, 2015-07-06
Подскажите, установил код и по "старому" варианту и по "новому" но при проверке через гугл (https://developers.google.com/structured-data/testing-tool/), выдает ошибку "Свойство Rating/votes недопустимо для объекта типа Rating." как избавиться от этой мерзости? )) Заранее спасибо.
Аватар uGuide
Хороший пост0Плохой пост
20 uid Дмитрий Луценко • 10:28, 2015-07-07
Покажите свой сайт
Аватар barocha69
21 uid baron barocha • 21:27, 2015-07-07
Странно, сейчас проверил - ошибка ушла ((
нет аватара
22 uid Виталий • 22:24, 2015-07-10
Добрый день. Подскажите как избавиться от данных ошибок?
нет аватара
17 uid Юрій Мордованець • 13:24, 2015-02-25
Пишет: "Не удалось нормализовать значение оценки".
Аватар uGuide
Хороший пост0Плохой пост
18 uid Дмитрий Луценко • 13:30, 2015-02-25
Работает. Все правильно: https://www.google.ru/search?....te:http
Аватар master_z1zzz
16 vk Vova Franko • 21:30, 2015-02-18
Сейчас буду пробовать.
А подскажите пожалуйста, что это у вас за плагин, что бы оставлять комменты от соцсетей?
Аватар gimn3proletarsk
15 uid Ольга Савченко • 22:39, 2015-01-28
Спасибо за раъяснения о добалении рейтинга и оценки материала в сниппет Гугла
Аватар K1l0
14 uid K1l0 • 17:31, 2014-10-08
Почему бы не "запилить" целый цикл статей о структурированнии данных? Например можно "оборачитвать" вставленное видео в
Код
<div itemprop="video" itemtype="http://schema.org/VideoObject" itemscope></div>
Аватар FoXm@n
10 uid Андрей • 23:33, 2014-10-02
Весьма и весьма благодарен. Имеется следующий вопрос:
Этот новый вариант также можно вставить и в "Страница материала и комментариев к нему" например в каталог файлов? Будет работать?
Аватар uGuide
Хороший пост1Плохой пост
11 uid Дмитрий Луценко • 13:48, 2014-10-07
Полноценно будет работать во всех модулях, в которых поддерживается возможность оценивания материалов. В каталоге файлов тоже будет.

Более того, эту разметку можно вставить на отдельную страницу в модуле "Редактор страниц", просто заменив переменные $RATING$ и $RATED$ на любые цифры:


Проверка
нет аватара
9 Анонимно • 00:06, 2014-08-10
Привет! У меня почему-то, тут http://www.google.com/webmasters/tools/richsnippets все ок, а вот в поиске, когда я нахожу свой материал, то там ничего не изменилось, все по-старому... Я специально новый материал добавлял, и сразу оценивал....
Аватар uGuide
Хороший пост0Плохой пост
12 uid Дмитрий Луценко • 13:53, 2014-10-07
Нужно ждать, пока Гугл заново переиндексирует ваш сайт, на это может уйти от нескольких дней до нескольких недель. И, нет гарантии, что звезды появятся в выдаче, все зависит от Гугла. Но, попробовать стоит
Аватар
8 vk Amun Ra • 12:23, 2014-08-08
Благодарю за самые полезные и информативные статьи о системе!
Аватар Muşatinu
7 uid Artiom Rotaru • 09:15, 2014-07-25
Тестировал через http://www.google.com/webmasters/tools/richsnippets
Вопрос: как сделать чтоб появилась и автор и рейтинг
Аватар uGuide
Хороший пост0Плохой пост
13 uid Дмитрий Луценко • 13:59, 2014-10-07
К сожалению, авторство (фото в поисковой выдаче) больше не поддерживается Google.
нет аватара
6 Vladimir Grigoryevich • 19:17, 2013-09-16
Интересный материал, в закладки.
Аватар Dmitry
5 Дмитрий • 19:16, 2013-09-16
Вилли, Что бы в поисковой выдаче Google в сниппете отображался 10-ти бальный рейтинг (как на скрине "Вариант 1") нужно свой вывод рейтинга материала и количества голосов изменить так:

<?if($RATING$)?>Рейтинг: <div id="rating-block" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
<span id="entRating$ID$" itemprop="average"><?$RATING$*2?></span>/<span id="entRated$ID$" itemprop="best">10</span> из <span id="entRated$ID$" itemprop="votes">$RATED$</span></div>
<?endif?>

то есть, переменную $RATING$ поменять на <?$RATING$*2?> (умножает оценку на 2) а максимально возможную оценку вместо 5 поставить 10.

А что бы в сниппете отображался процентный рейтинг (как на скрине "Вариант 2"), то стандартный код рейтинга изменяем так:

<?if($RATING$)?>Рейтинг: <div id="rating-block" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
<span id="entRating$ID$" itemprop="average"><?$RATING$*20?></span>/<span id="entRated$ID$" itemprop="best">100</span> из <span id="entRated$ID$" itemprop="votes">$RATED$</span></div>
<?endif?>

т.е., переменную $RATING$ поменять на <?$RATING$*20?> (умножает оценку на 20) а максимально возможную оценку вместо 5 поставить 100.

P.S.: в обеих случаях количество звездочек у вас на сайте при голосовании останется прежним (5 звезд). За вид и размер звезд отвечает вот эта конструкция: <?$RSTARS$('16','http://uguide.ru/img/rating.png','1','float')?> . Как изменить кол-во звезд можно погуглить.
нет аватара
4 Вилли Кердиков • 19:14, 2013-09-16
как осуществить процентный и 1 из 10 голов в виде оценок?писать скрипты не умею
нет аватара
3 Андрей • 20:23, 2013-09-10
Спасибо за статью. Воспольховалмя вашими советами на своем блоге http://andrey.barykin.com/
Через панель вебмастера гугл разметка определилась!
нет аватара
2 Алексей • 08:06, 2013-06-08
Привет! У меня почему-то, тут http://www.google.com/webmasters/tools/richsnippets все ок, а вот в поиске, когда я нахожу свой материал, то там ничего не изменилось, все по-старому... Я специально новый материал добавлял, и сразу оценивал....
нет аватара
1 VbSHadow • 01:32, 2013-06-06
Автор!Спасибо огромное....Очень благодарен!Искал эту фишку более года!!!СПАСИБО!
Добавить комментарий