Виджет отзывов Google на сайте: как автоматически показывать звёзды и отзывы

Виджет отзывов Google — это блок на сайте, который автоматически подтягивает из вашего профиля компании в Google среднюю оценку, число отзывов и тексты отзывов. Кнопки «встроить отзывы» у Google нет, поэтому их выводят одним из трёх способов: готовым сервисом-виджетом (вы просто вставляете его код на страницу), плагином для CMS или собственной интеграцией через официальный API Google. Для большинства небольших сайтов хватает готового виджета или аккуратной интеграции через API — главное, чтобы блок не тормозил страницу.

Ниже — сравнение способов, установка по шагам, куда вставлять код в Tilda, WordPress и Wix, какие ограничения ставит сам Google, почему виджет не принесёт звёзд в поиске и что делать, если новые отзывы не появляются.

Зачем выводить отзывы Google на сайт

В Google ваши отзывы видит тот, кто уже ищет вас по названию. На сайте их видит каждый посетитель — ровно в тот момент, когда он сомневается, писать вам или нет.

У человека на странице услуг или у кнопки записи в голове один вопрос: «можно ли доверять этим людям?». Блок с настоящими звёздами и словами клиентов отвечает на него за вас: хвалить себя самому не придётся.

Где такой блок работает лучше всего:

• рядом с формой заявки или кнопкой записи
• на странице цен, где посетитель решает, стоите ли вы своих денег
• на главной странице как первый сигнал доверия

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

Способы вывести отзывы Google на сайт: сравнение

Коротко о каждом варианте:

• Сервис-виджет. Регистрируетесь, указываете ссылку на компанию в Google Картах, настраиваете вид и получаете код для вставки. Быстро, без программиста, отзывы обновляются сами. Минус: чаще всего это ежемесячная подписка, а код сервиса грузится со сторонних серверов и может замедлять страницу. Многие русскоязычные сервисы умеют собирать в один блок отзывы не только из Google, но и из Яндекс Карт и 2ГИС.
• Плагин для WordPress. Ставится как обычный плагин и выводит отзывы в нужном месте сайта. Некоторым плагинам нужен собственный ключ Google API и Place ID компании; бесплатные версии обычно ограничены в настройках и местах показа.
• Places API. Разработчик сам запрашивает у Google оценку, число отзывов и до пяти отзывов и выводит их в дизайне сайта. Полный контроль над видом и скоростью, никакой сторонней подписки. Нужен проект в Google Cloud с подключённой оплатой и API-ключ; у каждого типа запросов есть бесплатный месячный объём, а сверх него платите Google.
• API Профиля компании (Google Business Profile API). Единственный официальный способ получить все отзывы, но только для того, кто управляет профилем, и после одобрения доступа со стороны Google. Подробности ниже.
• Вручную. Копируете несколько отзывов текстом или скриншотом. Бесплатно, но ничего не обновляется само и «живых» звёзд из Google нет.

Как поставить готовый виджет: пошагово

Шаг 1. Найдите компанию в Google Картах и скопируйте ссылку на неё. Некоторым сервисам и плагинам нужен Place ID — уникальный идентификатор места. Его можно найти официальным инструментом Place ID Finder в документации Google Maps Platform.

Шаг 2. Выберите сервис и задайте вопросы до оплаты. Как он получает отзывы и соблюдает ли правила Google? Как часто обновляет данные (у ряда сервисов — раз в сутки)? Какие ограничения у бесплатного тарифа? Что станет с блоком на сайте, если перестать платить?

Шаг 3. Настройте внешний вид. Карусель, список или сетка, язык, цвета и шрифт под ваш сайт. Если есть фильтр по минимальной оценке, не ставьте его на «только 5 звёзд». Если сервис предлагает кнопку «Оставить отзыв», включите её: она ведёт клиента прямо к форме отзыва в Google.

Шаг 4. Скопируйте код и вставьте его на страницу. Как это сделать в популярных конструкторах, разберём в следующем разделе.

Шаг 5. Опубликуйте и проверьте, как блок выглядит на телефоне, открывается ли ссылка на профиль в Google и не просела ли скорость страницы в PageSpeed Insights.

Куда вставить код виджета: Tilda, WordPress, Wix

• Tilda. В библиотеке блоков откройте категорию «Другое» и добавьте блок T123 «HTML-код». Вставьте код виджета без изменений, сохраните блок и опубликуйте страницу. В другие блоки сторонний код лучше не вставлять.
• WordPress. Добавьте блок «Произвольный HTML» (быстрее всего — набрать /html в пустом абзаце), откройте редактор кода блока и вставьте код. Если у вашей учётной записи нет права unfiltered_html (на обычном сайте оно есть только у администратора и редактора, а у автора и участника его нет), WordPress при сохранении вырежет теги script и iframe, и виджет просто не появится. Многие сервисы выпускают и собственный плагин для WordPress — с ним проще.
• Wix. В редакторе нажмите «Добавить элементы» → «Вставить код» → «Популярные вставки» → «Вставка HTML», вставьте код и примените изменения. Учтите: такой элемент в Wix работает как iframe, поэтому вставленный код не будет адаптивным, даже если сам виджет адаптивный. Wix советует заменить в коде ширину и высоту в пикселях на 100%, а мобильную версию стоит проверить отдельно.
• Сайт на собственном коде. Разработчик вставляет код в нужное место шаблона и подключает скрипт так, чтобы он не мешал загрузке основного контента.

Сколько отзывов можно показать: ограничения Google

Об этом сервисы обычно не пишут на первой странице, а стоило бы.

Places API — официальный путь, доступный любому сайту. Он отдаёт среднюю оценку, общее число отзывов и не больше пяти отзывов, которые Google отбирает по релевантности. Поэтому самый свежий отзыв в блок может и не попасть. Запрос с отзывами тарифицируется по старшей категории Place Details (Enterprise + Atmosphere).

Сохранять у себя отзывы и другие данные из Places API правила Google не разрешают; бессрочно можно хранить только Place ID. Так что накопить собственный архив, собирая отзывы по пять штук, не получится.

API Профиля компании возвращает все отзывы подтверждённого места — страницами до 50 штук, вместе со средней оценкой и общим количеством. Но доступ к нему Google выдаёт по заявке, и требования такие: вы управляете профилем компании (своим или клиентским), который подтверждён и активен больше 60 дней, и в этом профиле указан сайт компании.

Правила показа. Если вы выводите отзывы через Places API, Google требует: у каждого отзыва указан автор — имя, аватар и ссылка на его профиль, а если места мало, хотя бы аватар. У блока стоит атрибуция — по возможности логотип Google Maps, а если места мало, надпись «Google Maps». Сам блок визуально отделён от остального контента рамкой, фоном, тенью или отступами.

Если сервис обещает «все отзывы, сколько бы их ни было», спросите прямо, откуда он их берёт. Официальный путь к полному списку один — API Профиля компании с доступом владельца. Если внятного ответа нет, скорее всего, это либо копии, которые со временем перестанут обновляться, либо сбор данных в обход условий Google.

Звёзды в поиске Google: что виджет даст, а что нет

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

По правилам Google страницы, на которых компания сама контролирует отзывы о себе, не получают звёзд в результатах поиска — это касается разметки для компаний и организаций (LocalBusiness и Organization). Кроме того, Google прямо запрещает собирать в разметку оценки и отзывы с других сайтов, а отзывы из Google Карт для вашего сайта — как раз «с другого сайта». Так что пункт «Schema-разметка для SEO» в описании виджета звёзд в поиске вам не принесёт, а тот, кто обещает их простой вставкой кода, либо не разбирается в вопросе, либо вводит вас в заблуждение.

Звёзды рядом с вашей компанией в Google Картах и в локальной выдаче берутся из профиля компании. Виджет работает на другое — на доверие и заявки уже на сайте. В каких случаях звёзды в обычной выдаче всё-таки возможны, мы разобрали в статье как получить звёзды отзывов в результатах Google.

Скорость: как не испортить сайт виджетом

Чаще всего виджет вредит именно скоростью. Готовые блоки тянут скрипты, шрифты и аватарки со сторонних серверов, и страница начинает подтормаживать, особенно на телефоне. А это ровно то, что Google измеряет показателями Core Web Vitals: плохо поставленный виджет может испортить тот самый сайт, которому он должен был помогать.

Что проверить:

• Место под блок зарезервировано заранее. Виджет не знает своей высоты до загрузки и, появившись, сдвигает текст и кнопки. Задайте контейнеру минимальную высоту (min-height) — и ничего не будет прыгать.
• Блок грузится после основного контента. Если виджет стоит ниже первого экрана, пусть загружается, когда посетитель до него докрутит. Для iframe это делается атрибутом loading="lazy".
• Лёгкая заглушка вместо тяжёлого кода. Можно сразу показать простую карточку с оценкой, а полный виджет подгружать по клику. Этот приём называется «фасад», и его рекомендует документация Lighthouse для тяжёлых сторонних блоков.
• Минимум внешних запросов и чужих шрифтов. Блок должен выглядеть частью сайта, а не приклеенной вставкой.
• Замер до и после. Проверьте страницу в PageSpeed Insights до установки виджета и после.

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

Почему виджет не показывает новые отзывы или не работает

• Сервис обновляет данные по расписанию. У ряда сервисов это раз в сутки, так что новый отзыв может появиться только через сутки.
• Сайт отдаёт старую версию из кэша. Если в кабинете сервиса отзыв уже есть, а на сайте нет, очистите кэш сайта и CDN.
• Сработало ограничение Places API. Из пяти отзывов, которые отбирает Google, свежего может просто не оказаться. Это не ошибка, а логика API.
• WordPress вырезал код. Вставьте его из-под учётной записи с правом unfiltered_html (администратор или редактор) или поставьте плагин сервиса.
• В Tilda код стоит не в том блоке. Нужен именно T123 «HTML-код».
• В Wix блок обрезан или не помещается на телефоне. Элемент работает как iframe: задайте в коде ширину 100% и подгоните размеры блока в мобильной версии.

Как это делаем мы в MPO и как начать

В MPO Web Studio мы встраиваем отзывы Google прямо в сайт как часть разработки: реальная оценка и отзывы подтягиваются автоматически и стоят там, где помогают получить заявку, — рядом с кнопками связи и записи. Дизайн в стиле остального сайта, с вниманием к скорости и к правилам Google.

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

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