Как сделать звёздный рейтинг в сниппете?

1 ответ

Мне нужно просто json-ld я уже замучился, ничего не работает в сниппет не выводит, пишу AggregateRating не работает, пишу Product - AggregateRating - работает, А мне не нужет продукт мне нужно просто вывести в сниппет у меня сайт не интернет магазин

Дополнительно:

Яндекс, страница товара или услуги:

&lt;div itemscope itemtype="http://schema.org/Product"&gt;   &lt;span itemprop="name"&gt;Название продукта&lt;/span&gt;   &lt;span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;     Рейтинг:     &lt;span itemprop="ratingValue"&gt;4.5&lt;/span&gt; из      &lt;span itemprop="bestRating"&gt;5&lt;/span&gt;     на основе      &lt;span itemprop="ratingCount"&gt;10&lt;/span&gt; оценок   &lt;/span&gt; &lt;/div&gt;

<div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Название продукта</span> <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Рейтинг: <span itemprop="ratingValue">4.5</span> из <span itemprop="bestRating">5</span> на основе <span itemprop="ratingCount">10</span> оценок </span> </div>

Яндекс, информационная страница:

&lt;article itemscope itemtype="http://schema.org/Article"&gt;   &lt;header&gt;     &lt;h1 itemprop="headline"&gt;Заголовок статьи&lt;/h1&gt;     &lt;div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;       Рейтинг:       &lt;span itemprop="ratingValue"&gt;4.5&lt;/span&gt; из        &lt;span itemprop="bestRating"&gt;5&lt;/span&gt;       на основе        &lt;span itemprop="ratingCount"&gt;10&lt;/span&gt; оценок     &lt;/div&gt;   &lt;/header&gt;   &lt;div itemprop="articleBody"&gt;     &lt;!-- Текст статьи --&gt;   &lt;/div&gt; &lt;/article&gt;

<article itemscope itemtype="http://schema.org/Article"> <header> <h1 itemprop="headline">Заголовок статьи</h1> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Рейтинг: <span itemprop="ratingValue">4.5</span> из <span itemprop="bestRating">5</span> на основе <span itemprop="ratingCount">10</span> оценок </div> </header> <div itemprop="articleBody">  </div> </article>

Гугл, страница товара или услуги:

&lt;html&gt;   &lt;head&gt;     &lt;title&gt;Название страницы&lt;/title&gt;     &lt;script type="application/ld+json"&gt;     {       "@context": "http://schema.org/",       "@type": "Product",       "name": "Название продукта",       "image": "https://example.com/product-image.jpg",       "description": "Описание продукта",       "aggregateRating": {         "@type": "AggregateRating",         "ratingValue": "4.5",         "bestRating": "5",         "ratingCount": "10"       },       "offers": {         "@type": "Offer",         "priceCurrency": "USD",         "price": "19.99",         "availability": "http://schema.org/InStock"       }     }     &lt;/script&gt;   &lt;/head&gt;   &lt;body&gt;     &lt;!-- Содержимое страницы --&gt;   &lt;/body&gt; &lt;/html&gt;

<html> <head> <title>Название страницы</title> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Название продукта", "image": "https://example.com/product-image.jpg", "description": "Описание продукта", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "bestRating": "5", "ratingCount": "10" }, "offers": { "@type": "Offer", "priceCurrency": "USD", "price": "19.99", "availability": "http://schema.org/InStock" } } </script> </head> <body>  </body> </html>

Гугл, информационная страница:

&lt;html&gt;   &lt;head&gt;     &lt;title&gt;Название страницы&lt;/title&gt;     &lt;script type="application/ld+json"&gt;     {       "@context": "http://schema.org",       "@type": "CreativeWork",       "name": "Название статьи",       "aggregateRating": {         "@type": "AggregateRating",         "ratingValue": "4.5",         "bestRating": "5",         "ratingCount": "10"       }     }     &lt;/script&gt;   &lt;/head&gt;   &lt;body&gt;     &lt;!-- Содержимое страницы --&gt;   &lt;/body&gt; &lt;/html&gt;

<html> <head> <title>Название страницы</title> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "CreativeWork", "name": "Название статьи", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "bestRating": "5", "ratingCount": "10" } } </script> </head> <body>  </body> </html>

Здравствуйте, а display none можно указать ему? Будет робить?
Nayro TV, не пробовал, но лучше этого не делать, т.к. конкуренты по поисковой выдачи могут стукануть в поддержку на "необоснованный рейтинг, которые ничем не подкреплен". А вот если этот рейтинг как то будет оформлен на странице, типа "наши отзывы" итп, то это и отзывов добавит на страницу (улучшит конверсию), и от предъяв убережет.
Михаил Р., Ну т е лучше на сайте сделать блок Рейтинг?
И да кста а можно как то убрать вот этот Product?
Мне не продукт нужен
Или никак?
Nayro TV,

Ну т е лучше на сайте сделать блок Рейтинг?

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

И да кста а можно как то убрать вот этот Product?
Мне не продукт нужен
Или никак?

Обновил ответ.
Михаил Р., Спасибо, а не могли бы подсказать почему ошибка выскакивает?

Nayro TV,
https://schema.org/itemReviewed
https://schema.org/docs/full.html

Тип "Thing" в микроразметке Schema.org является базовым типом, который описывает любой объект, реальный или абстрактный. Это означает, что любой объект, который вы хотите использовать в микроразметке, должен быть подтипом типа "Thing".

Объект "itemReviewed" относится к объекту, который рецензируется. Это может быть какой-то конкретный товар, услуга, место, так и абстрактный объект.

Например, если у нас магазин книг, и текущая страница продает книгу, то объект будет следующий:

"itemReviewed": {   "@type": "Book",   "name": "Война и мир",   "author": {     "@type": "Person",     "name": "Лев Толстой"   } }

"itemReviewed": { "@type": "Book", "name": "Война и мир", "author": { "@type": "Person", "name": "Лев Толстой" } }

Для статьи:

"itemReviewed": {   "@type": "Article",   "name": "Как стать успешным бизнесменом",   "author": {     "@type": "Person",     "name": "Иван Иванов"   } }

"itemReviewed": { "@type": "Article", "name": "Как стать успешным бизнесменом", "author": { "@type": "Person", "name": "Иван Иванов" } }

Полный отзыв, для ресторана:

{   "@context": "http://schema.org",   "@type": "Review",   "author": {     "@type": "Person",     "name": "Иван Иванов"   },   "itemReviewed": {     "@type": "Restaurant",     "name": "Ресторан 'Вкусная жизнь'",     "address": {       "@type": "PostalAddress",       "streetAddress": "ул. Пушкина, д.10",       "addressLocality": "Москва",       "postalCode": "101000",       "addressCountry": "RU"     }   },   "reviewBody": "Отличный ресторан с прекрасной кухней и обслуживанием.",   "reviewRating": {     "@type": "Rating",     "ratingValue": "5"   } }

{ "@context": "http://schema.org", "@type": "Review", "author": { "@type": "Person", "name": "Иван Иванов" }, "itemReviewed": { "@type": "Restaurant", "name": "Ресторан 'Вкусная жизнь'", "address": { "@type": "PostalAddress", "streetAddress": "ул. Пушкина, д.10", "addressLocality": "Москва", "postalCode": "101000", "addressCountry": "RU" } }, "reviewBody": "Отличный ресторан с прекрасной кухней и обслуживанием.", "reviewRating": { "@type": "Rating", "ratingValue": "5" } }

Михаил Р., вот со ссылок на schema.org стоило начинать :)

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Максим Павлов Ответ

Для создания звёздного рейтинга в вашем сниппете вы можете использовать HTML и CSS. Ниже приведен пример кода на PHP, который позволяет выводить звездный рейтинг на веб-странице:

&lt;?php
$rating = 4; // Установите значение рейтинга от 1 до 5
$max_rating = 5; // Максимальное значение рейтинга
 
// Вывод звездного рейтинга
echo &#039;<div class="rating">';
for ($i = 1; $i &lt;= $max_rating; $i++) {
    if ($i &lt;= $rating) {
        echo &#039;<span class="star filled"></span>';
    } else {
        echo '<span class="star"></span>';
    }
}
echo '</div>';
?&gt;

<?php $rating = 4; // Установите значение рейтинга от 1 до 5 $max_rating = 5; // Максимальное значение рейтинга // Вывод звездного рейтинга echo '<div class="rating">'; for ($i = 1; $i <= $max_rating; $i++) { if ($i <= $rating) { echo '<span class="star filled"></span>'; } else { echo '<span class="star"></span>'; } } echo '</div>'; ?>

Теперь давайте создадим стили CSS для звезд:

 
.rating {
    display: inline-block;
    font-size: 0;
}
.star {
    width: 20px;
    height: 20px;
    background-image: url('star.png'); /* Укажите путь к изображению звезды */
    background-size: cover;
    display: inline-block;
}
.star.filled {
    background-image: url('filled-star.png'); /* Укажите путь к изображению заполненной звезды */
}

.rating { display: inline-block; font-size: 0; } .star { width: 20px; height: 20px; background-image: url('star.png'); /* Укажите путь к изображению звезды */ background-size: cover; display: inline-block; } .star.filled { background-image: url('filled-star.png'); /* Укажите путь к изображению заполненной звезды */ }

В данном примере мы создали контейнер для звездного рейтинга и используем два изображения - одно для обычной звезды и одно для заполненной звезды. Установите значения переменных $rating и $max_rating в соответствии с вашими требованиями. Таким образом, вы сможете отобразить звездный рейтинг на вашем сайте.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

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

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Telegram Как добиться, чтобы Telegram прислал мне именно смс код, а не через звонок его диктовал? 1 ответ

Как сделать звёздный рейтинг в сниппете?

Дополнительно:

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

Вам также может быть интересно

Ежедневно, круглосуточно