Рейтинг статьи в виде звезд без плагина для улучшения сниппета в Google

Добрый день, друзья!

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

Сегодня публикую второй материал по данной теме, вслед за первым, где мы сделали рейтинг статьи в виде звезд для сайта на WordPress с помощью плагина Wp-PostRatigns.

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

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

Почему я отказался от плагина

Причин удалять плагин и переходить на способ с использованием скрипта у меня не было до тех пор, пока я не обнаружил, что некоторый функционал сайта перестал работать при активном плагине WP-PostRatings.

У меня на блоге без плагина реализованы следующие решения:

  • Скрипт увеличения изображений по клику;
  • Комментарии от Cackle;
  • Раскрывающийся спойлер для скрытия текста.

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

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

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

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

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

к содержанию ↑

Рейтинг со звездами без плагина

Для реализации такого варианта вам необходимы файлы скриптов, изображений и стилей. Архив с папкой, в которой лежат все файлы, можете скачать ниже. Файлы в архиве настроены на большие иконки, такие как у меня. Можно сделать и маленькие, покажу дальше.

Папку, находящуюся в архиве мы загружаем на хостинг в папку с шаблоном, чтобы реализовать такой путь: site.ru/wp-content/themes/название темы/ratings.

Далее нужно подгрузить php файл из загруженной папки. Для этого в файл шаблона functions.php добавляем следующую строчку.

Затем подгружаем скрипт из этой же папки. Копируем следующую строку в файл footer.php перед закрывающим тегом body, чтобы скрипт грузился в самом конце.

Можно разместить его и в секции head сайта, но я такой вариант не люблю, так как он делает шапку сайта объемной и сайт становится грузиться медленнее.

Дальше необходимо подгрузить стили оформления. Для этого выводим путь к файлу стилей в файше шаблона header.php в секции head.

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

Таким образом они также будут работать, но погрузка осуществляться будет не с отдельного файла стилей, а с общих стилей шаблона. Если решите использовать такой вариант, то рядом со стандартным файлом стилей шаблона нужно будет разместить изображение иконок, скопировав его из папки "ratings".

Заметьте, что в 2х последних кодах имеются php функции, которые автоматически определяют путь к папке с вашим шаблоном. Если вдруг у вас не будет данный код работать (можно посмотреть сгенерированный путь в исходном коде страницы), то придется прописать полный путь к файлам уже в готовом виде.

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

После этого рейтинг будет полностью работать и вы увидите большие иконки.

При наведении на иконки они будут становиться зеленым цветом, что обозначает текущую иконку для выбора оценки.

После оценки сразу без перезагрузки страницы выставится рейтинг и иконки станут оранжевыми. Без оценок все иконки имеют светло-серый цвет.

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

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

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

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

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

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

  • Убрал выделения жирным надписей в рейтинге, так как это совершенно не нужно. С точки зрения красоты это прибавляет эффект, но в оптимизации никакого плюса не дает, а наоборот - только хуже;
  • Избавился от правила "display:none" в исходном php коде скрипта, который скрывает микроразметку рейтинга от пользователей. Это неправильно, ведь поисковые системы разметку видят, а от пользователей она скрыта. а, как гласят правила поисковиков "содержимое для поисковых роботов и посетителей не должно отличаться". Поэтому, данное скрытие я убрал.

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

к содержанию ↑

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

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

Если рейтинг отображаться будет, то все сделали правильно.

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

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

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

Все, ждите материал. Будем делать наш ресурс лучше. До связи.

С уважением, Константин Хмелев!

P.S. Это важно. Если у вас на сайте не встроена микроразметка от schema.org и страница не выделена соответствующим тегом (schema.org/Article), как объект отзыва, то при проверке работы данной реализации рейтинга в инструментах структурированных данных Google и валидаторе Яндекса, вам будет выдавать ошибки, что не указан объект отзыва. Это связано с тем, что рейтинг будет стоять сам по себе, не принадлежа ни одному из элементов сайта.

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

40 лет Победы51937Украина, Днепропетровская обл., г. Днепродзержинск,+38 093 338 11 41
Комментариев: 122
  • Спасибо за скрипт ! Как его перевести на английский язык ?

    • Если вы имеете ввиду надписи про количество голосов и всплывающее описание при наведении на звезды, то откройте файлы rating.js и rating.php. Далее замените в них все русские фразы (голос, голоса, голосов, в среднем и т.д.) на соответствующие английские. Данные фразы можете найти с помощью поиска. Также рекомендую зрительно осмотреть весь код на наличие русских фраз, чтобы ничего не упустить. Код довольно небольшой и сложностей это не доставит.

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

      • Константин, вы автор скрипта рейтинга?

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

        • Нет, я не автор.

  • Подскажите .сделал все как написано у вас, но валидатор ругается на "не указан обьект в отзывах".Можно ли это исправить или это не является кртитичным?

    • Есть такая проблема. У меня также выдает ошибку валидатор разметки от Google, но даже с данной ошибкой рейтинг будет отображаться в сниппете. Кстати, даже в плагинах имеются ошибки. Недавно тестировал один из самых популярных (wp-postratings) и там также обнаруживает ошибки.

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

    • Ответил на следующий ваш комментарий.

  • А ваш сайт без ошибки показывает в проверке, а установка из скачанного архива с ошибками.

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

  • Все равно показывает ошибку "Не указан объект отзыва", наверно у меня что-то с шаблоном не то. Но архивы скачал, попробую другой шаблон установить и на нем протестировать. Спасибо вам большое! Процветания вашему сайту!

    • Как я понял, то вы проверяете через структурированные данные в Google?

      У меня раньше также показывало эту ошибку, но потом она чудным образом исчезла. Об этом узнал после вашего сообщения. Возможно проблема в том, что рейтинг должен быть встроен внутри общей области статьи, которая также в свою очередь должна быть размечена. У меня она размечена и имеет свойство itemscope="" itemtype="http://schema.org/Article". Это разметка от schema. Внутри этого тега и находится рейтинг.

      У вас имеется такая разметка шаблона?

      Еще, как вариант, попробуйте поставить оценку, обновить кэш и еще раз проверить.

      Кстати, а что показывает валидатор микроразметки от Яндекса? Ругается ли он?

  • Здравствуйте. Shema была у меня в разметке, только вот недавно из базы данных случайно удалил плагином Clean Options, яндекс валидатор показывает следующую ошибку: невозможно определить принадлежность данных полей. Возможны две причины: эти поля некорректно размещены, либо указан лишний атрибут itemprop. Думаю, что все из-за вышеуказанного плагина. Планирую поставить All In One Schema.org Rich Snippets, в сочетании с вашим скриптом, может ошибки с моего проекта удалятся или буду ждать, может все изменится в показателе как у вас.

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

      Все дело в том, что в скрипте рейтинг заключается в другой тег разметки, а не в article. Если взять плагин рейтинга (например, wp-postratings), то там с этим проблем нет, так как плагин заключает рейтинг в тег schema.org/Article и внутри него также плагин добавляет ссылку на требуемый материал, которая указывает объект отзыва.

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

  • Поставил плагин разметки, как посмотрел на то, что нужно потом к каждой статье прописывать характеристики, лень не пустила вперед))) Помог код в single.php - Сейчас все отлично. Спасибо вам за рейтинг! Большие звезды мне больше понравились)

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

  • Код в комментариях у вас не опубликовался. Наверно не пропустила система.

    • Комментарии не пропустили код. Если там что-то важное, то можете скинуть через страницу "написать мне". В ином случае, хорошо, что все теперь нормально работает у вас)

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

    • Код увидел на почте. Да, стоит его добавить в определенную часть страницы и вы укажите, что эта часть, которая обернутся тегом, является необходимым объектом. В нашем случае объектом отзыва.

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

  • По данному коду, я так и поступил. А отдельный шаблон - идея! Стоит выбрать время для работы с этим. Спасибо за рейтинг и рациональный совет! Удачи вам!

    • Спасибо)

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

  • Благодарю! Но уже создал альтернативный шаблон, залил в папку темы и скопировал туда содержимое page.php, убрав коды рейтинга в новом шаблоне. Работает безупречно и на странице Контакты и Карта сайта, рейтинг исчез. Все отлично! Спасибо!

    • НЕ за что. Если что, обращайтесь. Чем смогу, помогу)

  • Зачем копировать функцию в function.php? вы говорите, что нужно зайти в этот файл и скопировать функцию, ну и что дальше? у меня ничего не получилось, зря убитое время

    • Ну и что дальше?

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

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

    • Может быть и можно, но я не программист. Если нужен строгий вариант, когда привязано и по ИП, тогда используйте плагин Wp-postratings

  • Константин добрый день, можно ли реализовать это на движке OpenCart ?

    • Здравствуйте. Рейтинг реализовать можно на любом движке. Единственный вопрос "как?". С OpenCart я не знаком, поэтому ничего в этом направлении не подскажу. Как вариант, можно обратиться на фриланс и за каких-то 200-300 рублей вам все сделают.

  • Здравствуйте! Установил все правильно, звезды видны, при наведении можно выбрать количество звезд, но при клике ни чего не происходит, т.е. оценка не ставиться. В чем может быть проблема?

    • Здравствуйте. Проблема может быть в том, что сделали не все правильно или попросту сделали не все. Проверьте, подключили или вы все скрипты и правильно ли они подключены. Может быть они загружены не в ту папку и т.д. Внимательность и только внимательность.

      • Оперативно, спасибо! Все проверил, через исходный код все файлы открываются (пути правильны). Все вроде работает, уже выбирая оценку и нажимая на ЛКМ ни чего не происходит. Думал может со своего IP невозможно поставить оценку, но через аномайзеры тоже самое(
        Еще маленько поковыряюсь, но если тщетно, то поставлю плагин

        • Если действительно все правильно сделано, то вероятна конфликтация скрипта с какими-то другими скриптами (плагинами) и возможно, что плагин рейтинга также не решит проблему. А вообще я сам вам рекомендую установить плагин Wp-postratings, т.к. он и работает лучше и более грамотно функционирует. Я его бы и оставил себе, но он конфликтует со сторонними скриптами, установленными на мой сайт.

          P.S. У меня раз также оценка не ставилась. Проверив всю ситуацию внимательно, я обнаружил, что не подключил скрипт рейтинга.

          • Спасибо Константин! В общем не смог справиться рейтингом без плагина и поставил плагин Wp-postratings, отлично работает! ;)

  • звездочки криво отображаются в мобильной версии сайта

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

      • не подскажешь, как убрать его из мобильной версии?

        • Одним словом не опишешь. Необходимо, чтобы шаблон поддерживал адаптивную верстку. Для этого нужно подключить тег в исходный код сайта, который будет распознавать разрешение клиента, с которого зашли. Затем прописать правила в стили для определенных разрешений и внутри этих правил к блоку, которым оборачивается весь рейтинг, прописать: например .rating{display:none}

  • Спасибо за полезный пост. У меня вопрос - где хранятся данные о собранных оценках? - в базе данных таблица создается или как? И что будет, если сменить тему сайта - обнулятся оценки или нет?

    PS: Нет у вас галочки подписаться на комментарии - не узнать когда ответ будет :)

    • Честно, не интересовался данным вопросом. В плане рейтинга, советую обратить внимание на плагин WP-postratings. Он лучше работает, чем данный скрипт. Смена темы повлиять не должна на оценки. Бывали случаи, когда я менял тему для тестов и ничего не обнулялось. Скорее всего, что оценки действительно хранятся где-то в базе данных, так как сайт переносил на другой хостинг и все осталось.

      PS: Спасибо, что сказали. Плагин обновился и почему-то произошла ошибка в его автоматической активации после обновления. Поэтому и галочка исчезла. Сейчас все вернул на свои места. :)

  • Добрый день, Константин! Установила рейтинг, все отображается и работает, но возле рейтинга выдает ошибку: Notice: Undefined index: vote-post-350 in .../ratings/rating.php on line 31. После того, как выставляю оценку и обновляю страницу, ошибка пропадает.

    • Здравствуйте. Вы уверены, что все правильно сделали? Если так и движок WordPress, то ошибок быть не должно. Может быть стоит какой-то плагин или скрипт, создающий конфликт.

  • Добрый день,
    Скажите пожалуйста, есть ли способ сбросить рейтинг (в варианте без плагина), если кто-то из недоброжелателей проставил плохие оценки, например выставил единицы для ухудшения рейтинга (чтоб насолить)?

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

  • Fatal error: Call to undefined function rating() не встречалась ни у кого такого?

    • У меня, к вашему сожалению, такого не случалось, да и ошибки впрочем у меня довольно редкое явление)

  • А на статичном сайте как сделать звездочки?

    • Можете попробовать использовать способ, описанный в статье. Только вам вместо php кодов для подгрузи файла рейтинга, стилей и скрипта, нужно будет указать реальный путь к файлам на хостинге.

      • А как тогда система будет считать кол-во проголосовавших?

  • Скажите а в какой таблице в бд лежат результаты???

    • К сожалению, без понятия( Не интересовался никогда этим вопросом.

  • Добрый вечер, Константин.
    Со скриптом возникла проблема. Я отмечаю, засчитывается один голос, после обновления страницы счётчик обнуляется, и повторно голосовать нельзя.
    Код я не смотрел ещё, но скрипт явно не работает как надо.

    • Здравствуйте. Скрипт работает как нужно, если он правильно устанавливается на wordpress и нет никаких конфликтующих скриптов, хотя с последним я ни разу не сталкивался. Рекомендую обратить внимание на плагин wp-postratings, если имеются какие-то проблемы с данным скриптом.

  • И снова я. :)
    У меня в functions.php код require_once('ratings/rating.php'); не заработал. Появилась 500 ошибка в админке. Сайт работал.
    Сработал вариант
    require_once( get_template_directory() . '/ratings/rating.php');
    Рейтинг работает, но отображается коряво. Прошу посмотреть. Может что посоветуете. Звездочек слишком много и между ними большое расстояние.
    Плюс соц иконки после него тоже некорректно отображаются. Если рейтинг убрать, социконки встают нормально.

    • Гугля выдает
      Не удалось нормализовать значение оценки.
      Ваша оценка вне пределов диапазона по умолчанию. Необходимо указать самое высокое и самое низкое значения.
      С первым понятно. А вторая ошибка о чем?

      • Это 2 ошибки или все одна ошибка? Обычно хватает поставить оценку и все ОК будет. Вы просто не поставили оценку и проверили страницу.

    • У вас сейчас стоит рейтинг с плагином Wp-postratings, который я и рекомендую вам оставить.

      • Поскольку отдельный код не заработал, вернул плагин. Единственная проблема с ним была, он в микроразметке дублировал article. В проверке гугли появлялось article2 с кучей ошибок. В коде плагина убрал $itemtype = apply_filters('wp_postratings_schema_itemtype', 'itemscope itemtype="http://schema.org/Article"'); и проблема исчезла.

        • В этом не было никакого смысла. Плагин скоро обновится и все ошибки будут устранены. Ну, а код должен был нормально заработать, значит что-то сделали не так.

  • Здравствуйте. Когда установил этот скрипт нарадоваться не мог, т.к. стандартный плагин давал кучу ошибок в микроразметке. И вначале все было отлично, а вот сейчас после очередной индексации гугал выдал такое "Не удалось нормализовать значение оценки. Ваша оценка вне пределов диапазона по умолчанию. Необходимо указать самое высокое и самое низкое значения."
    Но эта шибка относится только к тем страницам где никто не голосовал. так же есть вопрос - открыл код в скачанном файле rating.php, мне показалось или там не закрыт тег php, или может так надо?

    • Здравствуйте. Во-первых, никогда не устану повторять, что плагин Wp-postratings обновляется и ошибки в разметке исправляются разработчиком. Да, это делается не сразу, но делается, а за то время, пока плагин дорабатывается, ничего с сайтом не станет из-за ошибок в разметке. Да и вообще разметка абсолютно никаким образом не влияет на продвижение сайта на данный момент. Позиции не ухудшатся.

      Да, ошибка будет на любом решении рейтинга (если не ошибаюсь), если нет оценки. Поэтому, ее обязательно нужно проставить и после переиндексации ошибка исчезнет. Да, тег не закрыт, но рейтинг прекрасно работает. Осмелюсь предположить, что так и должно быть. Если вам это мозолит глаз, то закройте тег и протестируйте работу рейтинга. Если все будет ОК, тогда можно оставить, если нет, тогда придется убрать закрытие.

    • Какие ошибки он создает? Дополнительные article и по картинкам? Так правится удалением трех строчек из кода плагина. Подробности найдете по ссылке на мой блог (если Костя не против конечно).

      • Нет, не против) То, что даст пользу людям, всегда пожалуйста)

  • Привет Кость, вот все бы хорошо, но у меня почему-то выдается вот такая картинка при установке http://prntscr.com/9vkdou на скриншоте показано при наведении, короче выдаются все изображенияиз спрайта, что надо сделать?

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

  • Кость сейчас все отображается

    • Куда был размещен php код вывода рейтинга. Он предназначен только для вставки в шаблон...так было сделано?

      • Да конечно в файл single.php моей активной темы

        • В файл стилей добавь:

          .vote-block .rating li {margin: 0 !important;}
          .vote-block ol.show-current li {margin: 0px !important;}

  • Все заработало, спасибо, Кость я сам разбираюсь в CSS, но не все конечно, а что означает !important, давно хотел узнать, но руки де доходили, а тут как раз случай подвернулся?

    • !important повышает приоритет стиля. Например, если в плагине для тега списка прописан стиль (допустим, отступы), то, он заменит общие отступы для списка в стилях шаблона. Если захотим применить ко всем спискам отступы с общих стилей шаблона, тогда нужно дописать !important. Касаемо рейтинга в твоем случае, то были применены отступы не от стилей скрипта, а от стилей шаблона, в которых были большие отступы. Пришлось повысить приоритет стилей скрипта. В идеале конечно нужно было это прописать в файле стилей скрипта, отредактировать уже существующие там свойства, но я дал быстрый вариант. Если хочешь, то просто так и сделай, а с файла стилей шаблона удали то, что я дал. Кстати, рейтинг сейчас у тебя работает также криво и вроде бы оценка не ставится. Обнови кэш, чтобы все видели изменения.

  • Кэш обновил, оценку поставил все работает. Сейчас попробую отредактирую файл стилей. Проверил в валидаторе микроразметки, так же все нормально без ошибок, спасибо за статью и за помощь, сейчас буду колдовать со стилями.

    • Зашел с 2х браузеров, оценка не ставится. Попроси кого-то на стороне проверить.

  • Везде очитсил кеш, зашел с мобильника, и в правду все криво. Зашел у себя со всех браузеров, все нормально, что такое интересно.

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

  • А что у тебя отображается?

  • Почему у меня тогда работает? Завтра на работе попробую, если что тебя попрошу, надеюсь не откажешь, не безвозмездно конечно!

    • Помогу конечно!

  • Кость привет, я тебе на почту написал сообщение через форму.

    • Ответил!

  • Кость привет, а за что отвечает вот это стиль -webkit-min-device-pixel-ratio у данных звездочек? И ка продвигается исправление кода?

    • Привет. Честно, сам толком не знаю про данное CSS свойство. Вот тут посмотри. Пока ничего не исправлял, не добрался еще до этого дела.

  • У меня какая то непонятная ситуация получается. Рейтинг работает, в микроразметкае гугла тоже отображается и никаких ошибок не выдает. Но вот когда сменил тему появился интересный глюк. Все так же внешне хорошо работает, но вот из поисковой выдачи звездочки начали исчезать после очередной индексации страниц. Может подскажите в чем может быть проблема?

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

  • Очень Вам благодарен за этот пост, большое спасибо! Рейтинг прекрасно работает!

  • Константин здравствуйте.. Спасибо за инфу, хорошо все описано, полезно, без лишних слов и понятно.. У меня такой вопрос, у меня уже стоит рейтинг и кнопки "поделиться", и мне понравился ваш вариант на блоге когда все это размещается "в одну строчку" Как это можно реализовать или где почитать? заранее спасибо за ответ...Ещё вопрос, у меня есть микроразметка

    • Здравствуйте. Это реализуется с помощью просто CSS.

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

    • Да, конечно, микроразметку дорабатываю. Напишите мне на почту и все обсудим. Бонусом сделаю оформление рейтинга и кнопок в одну строку, как вам нравится)

  • Чуть выше спрашивал про исчезающие звездочки. У меня они оказываеться исчезали на свежих материалах и когда ставил сам себе 5 балов. Похоже у гугла на этот случай алгоритм какой то есть, что только что опубликованный материл или не может быть с рейтингом или с высшей оценкой. У меня другая проблема появилась, искал у себя на сайте причину ошибки 500 и включи отладчик. Сразу скажу рейтинг тут не причем, но вот там где нет еще рейтинга выдает прямо над пустыми звездочками такое Notice: Undefined index: vote-post-9745 in /var/www и дальше адрес файла rating.php.

    • Не скажу такого про рейтинг без плагина, а вот с плагином wp-postaratings также наблюдается у меня подобная ситуация на одном сайте, когда рейтинг сразу не отображается. Возможно это связано именно с вашей догадкой, пока это могу назвать именно так. Про ошибку ничего не могу сказать. Причина этому все та же - в конкретном случае ситуация требует конкретно разбирательства. По коду или названию ошибки я редко могу что-либо сказать. Но, вы и сами можете понять, что ошибка кроется в файле rating.php, а значит, рейтинг тут еще как причем. По крайней мере его наличие создает такую ситуацию. В файл rating.php либо внесены какие-либо изменения, либо он конфликтует с вашим шаблоном, либо еще что-то. Нужно тестировать и разбираться.

  • Отличный способ, самое главное минимум кода и все в тему вставляется . Но вот в выдаче гугла звездочки не повляются, на 4 разных блога повесил. Наверно 2 месяца это мало, еще подожду :)

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

  • Кстати, я со смартфона просматриваю этот блог и вижу что кнопка "наверх" завалилась на бок. То есть стрелка показывает не вверх, а вправо. Как то это странно мне кажется :)

    • Да, проблему данную видел. Позже нужно обязательно исправить.

  • как запихать этот код в блоггер, я на тьюбе кстати спрашивал

    • Я с такими платформами не работаю.

  • Давай разметку если сказал "А" тогда и "Б"

  • Константин, здравствуйте! А почему у Вас звездочки в рейтинге отличаются от архива?

    • Здравствуйте. Дизайн звездочек у меня поменялся вместе с дизайном блога.

  • Скажите, а в Яндексе это будет работать? Нужны звёзды в сниппете Яндекса.

    • Нет, Яндекс не отображает рейтинг в выдаче.

      • Как же не отображает? http://prntscr.com/blsibv

        • Да, действительно. Некоторые сайты (страницы) живут с рейтинге в Яндексе. Проанализировал только что пару таких сайтов и разметка рейтинга у них не отличается от моей, поэтому, теоретически, звезды должны отображаться, но у меня и у массы других сайтов он не появился. Также посмотрел некоторые сайты, у которых рейтинг ранее был, сейчас он уже не отображается. Можно сделать вывод, что поисковик все же сам оставляет за собой право, выводить расширенные сниппеты в выдаче для конкретного сайта или нет. Но, разметка сделана правильно и можно рассчитывать на появление рейтинга, как в Гугле, так и в Яндексе.

          • Спасибо, будем надеяться на милость Яндекса :) А не заметили какую нить параллель у сайтов с расширенными сниппетами (конкретно с рейтингом)? Может, крупнейшие сайты определённых тематик?

          • Не заметил. Честно, не обращал на то внимание.

  • Здравствуйте.

    Подскажите пожалуйста, можно ли как то исправить ошибку в проверке структурированных данных? Скриншот: https://i.gyazo.com/1ffd7c53bda0c463edf20fdcb0539dc4.png

    Сам рейтинг работает, оценки ставятся.

  • Нашел ответ у вас в статье: "Чтобы такого не было, стоит добавить к вашему шаблону необходимые теги разметки, которые укажут, что данная область является объектом отзыва (проще говоря - сам контент, страница)."

    Но какие теги необходимо добавить чтоб такой ошибки не было?

    • Нужно выделить тело статьи сущностью itemscope itemtype="http://schema.org/Article"

      Внутри нее должен быть рейтинг

      • Подскажите, а без указания itemscope temtype="http://schema.org/Article" работать не будет? Просто после изменения ошибок стало еще больше. Скриншот https://i.gyazo.com/ab28c029b90e5cfa243de96bd2f75c1d.png

        • Ошибся с ссылкой вот скриншот: https://i.gyazo.com/feeff0844da7c3413b6117f0015d536d.png

          • Это ошибки разметки. Если вы обернули сущность статьи, то нужно и разметить все необходимые теги. Работать с ошибками будет. И посоветую лишь установить вам плагин wp-postratings. С ним все работает.

        • ошибок стало больше, т.к. нужна разметка. Разметьте шаблон, в соответствии с требованиями гугла.

          • Так ведь до указания itemscope temtype="http://schema.org/Article" ошибок не было

          • Сущность предполагает указание всех данных, которые указаны в ошибках. Их необходимо указать, либо не указывать и оставить рейтинг с ошибкой.

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

            Плагин не могу установить, конфликтует

          • Разметьте шаблон, как описано в этой статье

  • Заметил интересную особенность у себя когда включил отладчик. Внешне все работает, микроразметка отображается, гугаль её отлично индексирует. Но вот если посетитель не голосовал на этой странице, то рядом с рейтингом в режиме отладки можно увидеть такое Notice: Undefined index: vote-post-12592 in /var/www/........./ratings/rating.php on line 31
    Как только проголосуешь то ошибка исчезает.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *