Виджеты Яндекс на сайт: отзывы, рейтинг, карты
Виджеты Яндекс позволяют добавить на сайт актуальные отзывы и рейтинг компании прямо из Яндекс.Карт или Яндекс.Бизнеса. Это повышает доверие к бренду, улучшает конверсию и помогает поисковикам лучше понимать релевантность страницы.
Вставить виджет «Бейдж с рейтингом организации»
Его можно взять в яндекс бизнесе. Раздел “О компании → Промоматериалы → Бейдж с рейтингом организации на сайт”
Пример кода виджета с рейтингом организации для вставки
При необходимости можно в готовый код подставить id организации с карт (цифры между /rating-badge/ и ?type=rating" ).
<iframe src="https://yandex.ru/sprav/widget/rating-badge/1176587986?type=rating" width="150" height="50" frameborder="0"></iframe>
#тёмная тема
<iframe src="https://yandex.ru/sprav/widget/rating-badge/1176587986?type=rating&theme=dark" width="150" height="50" frameborder="0"></iframe>Вставить виджет «Бейдж Хорошее место»
Его можно взять в яндекс бизнесе. Раздел “О компании → Промоматериалы → Бейдж с рейтингом организации на сайт”
Пример кода виджета «Хорошее место» для вставки
При необходимости можно в готовый код подставить id организации с карт (цифры между /rating-badge/ и ?type= ).
#1 вариант
<iframe src="https://yandex.ru/sprav/widget/rating-badge/1176587986?type=award" width="150" height="50" frameborder="0"></iframe>
#2 вариант
<iframe src="https://yandex.ru/sprav/widget/rating-badge/1176587986?type=alt" width="150" height="50" frameborder="0"></iframe>
#ТЕМНАЯ ТЕМА
#1 вариант
<iframe src="https://yandex.ru/sprav/widget/rating-badge/1176587986?type=award&theme=dark" width="150" height="50" frameborder="0"></iframe>
#2 вариант
<iframe src="https://yandex.ru/sprav/widget/rating-badge/1176587986?type=alt&theme=dark" width="150" height="50" frameborder="0"></iframe>Где взять Id организации в Яндексе?
- Открываем яндекс и вводим запрос “Название компании”, в нашем случае “Первая Веб - Дизайн Студия”.
- Из полученной ссылки извлекаем id, например “https://yandex.ru/profile/1176587986” получаем id “1176587986”.
- Вставляем id в нужный виджет
Вставить виджет с Яндекс отзывами
Его можно взять в яндекс картах. Переходим в карты, ищем нужную организацию, нажимаем 3 точки (…) → Поделиться → Виджет с отзывами
Пример кода виджета отзывов для вставки
При необходимости можно в готовый код подставить id организации с карт (цифры между /maps-reviews-widget/ и ?comments" в атрибуте src=" " и добавить название и id после /org/ в ссылке)
Например, если URL организации на картах https://yandex.ru/maps/org/pervaya_veb_dizayn_studiya/1176587986/, то будет такой
<div style="width:560px;height:800px;overflow:hidden;position:relative;">
<iframe style="width:100%;height:100%;border:1px solid #e6e6e6;border-radius:8px;box-sizing:border-box" src="https://yandex.ru/maps-reviews-widget/1176587986?comments"></iframe>
<a href="https://yandex.ru/maps/org/pervaya_veb_dizayn_studiya/1176587986/" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#b3b3b3;font-size:10px;font-family:YS Text,sans-serif;padding:0 20px;position:absolute;bottom:8px;width:100%;text-align:center;left:0;overflow:hidden;text-overflow:ellipsis;display:block;max-height:14px;white-space:nowrap;padding:0 16px;box-sizing:border-box">Первая веб-дизайн студия на карте Санкт‑Петербурга — Яндекс Карты</a>
</div>Вставить виджет карт
Его можно взять в яндекс бизнесе. Раздел "О компании → Карта на сайт"
Пример кода iframe для вставки
При необходимости можно в готовый код подставить id организации с карт (цифры между &oid= и закрывающей " ).
<iframe src="https://yandex.ru/map-widget/v1/?z=12&ol=biz&oid=1176587986" width="560" height="400" frameborder="0"></iframe>Заключение
Добавление виджетов Яндекс — это простой способ улучшить репутацию компании и сделать страницу контактов более привлекательной для клиентов. Рейтинг и отзывы из Яндекса помогают пользователям принимать решения быстрее, а сайту — повысить доверие и кликабельность в поиске.