Посетитель, который почти решил обратиться, ищет подтверждение: а другим понравилось? Блок отзывов отвечает на этот вопрос — или, наоборот, вызывает сомнения. Шаблонные «Всё отлично, рекомендую!» от безликих «Анны К.» без даты и источника срабатывают против вас: опытный пользователь давно научился распознавать отзывы, написанные самим владельцем сайта.
Недавно мы обновляли блок отзывов на собственном сайте: перенесли свежие отзывы клиентов с площадки объявлений, вернули несколько старых по просьбе команды и заново сверстали карточки. Делимся подходом — он одинаково применим к сайту студии, сервисного центра или интернет-магазина.
Где брать отзывы
Лучшие отзывы — те, что клиенты уже оставили сами на независимых площадках. Их нельзя заподозрить в том, что вы их выдумали, а посетитель при желании может проверить первоисточник.
- Яндекс Карты и Яндекс Бизнес — для компаний с адресом и офлайн-точкой, самый весомый источник в глазах российского пользователя.
- Авито и другие площадки объявлений — если вы продаёте услуги через объявления, отзывы там привязаны к реальным сделкам.
- 2ГИС, профильные каталоги и маркетплейсы — в зависимости от отрасли.
- Письма и сообщения клиентов — благодарности по почте и в мессенджерах; их можно публиковать только с явного разрешения автора.
- Видеоотзывы — самый убедительный, но и самый трудоёмкий формат; хорошо работают для дорогих услуг.
Если отзывов мало, их не нужно «добирать». Три настоящих отзыва лучше десяти сомнительных. Гораздо полезнее настроить процесс: после сдачи проекта попросить клиента оставить отзыв на площадке, дав ему прямую ссылку.
Перенос без искажений
Отзывы с внешних площадок на сайт обычно переносятся вручную. Мы, например, переносили отзывы с площадки объявлений по скриншотам: автоматический сбор с таких сайтов часто упирается в защиту от ботов, а ручной перенос заодно позволяет внимательно прочитать каждый текст.
Правила, которых мы придерживаемся:
- Текст не редактируем. Ни «улучшаем стиль», ни исправляем мнение. Допустимо поправить явную опечатку, которая мешает пониманию, — и только.
- Сохраняем имя так, как его указал автор. Если на площадке он подписан только именем — только имя.
- Указываем источник и дату. «Отзыв с Авито, ноябрь» — это сигнал, что отзыв живой и проверяемый.
- Не выбрасываем «неудобные» детали. Отзыв «сделали хорошо, но на неделю позже» честнее и убедительнее идеального.
- Если клиент — компания, указываем название только с её согласия. Отзывы от узнаваемых компаний ценны, но публиковать их без разрешения нельзя.
Отзывы, написанные самим владельцем бизнеса или купленные, — не просто плохая практика. Это вводит потребителя в заблуждение и может повлечь претензии по законодательству о рекламе и защите прав потребителей. А площадки, откуда отзывы якобы взяты, со своей стороны борются с накрутками.
Разрешение на публикацию
Отзыв, опубликованный автором на открытой площадке, — публичный текст. Но перенос на ваш сайт — это его использование в рекламных целях, и правильнее спросить автора. Короткое сообщение «Можно разместить ваш отзыв на нашем сайте?» почти всегда получает положительный ответ, а заодно возобновляет контакт с клиентом.
Для отзывов из личной переписки разрешение обязательно. Имя, фото и название компании клиента — персональные данные или, как минимум, информация, которую человек мог не хотеть видеть на чужом сайте.
Как попросить клиента об отзыве
Большинство довольных клиентов не пишут отзывы не потому, что не хотят, а потому, что не подумали об этом. Недовольные пишут сами. Поэтому без процесса сбора отзывов на площадках будут преобладать жалобы, даже если работа в целом хорошая.
Что работает на практике:
- Правильный момент. Просить сразу после того, как клиент получил результат и доволен: проект сдан, сайт запущен, первая заявка пришла.
- Прямая ссылка. Не «найдите нас на Яндекс Картах», а ссылка, по которой сразу открывается форма отзыва. Каждый лишний шаг снижает шанс в разы.
- Подсказка, о чём написать. «Будет здорово, если расскажете, какая была задача и что получилось» — так отзыв получается содержательным, а не «всё супер».
- Никаких скидок за отзыв. Вознаграждение за положительный отзыв нарушает правила большинства площадок и обесценивает сам отзыв.
- Ответ на каждый отзыв. Короткая благодарность под хорошим и спокойный разбор под критическим показывают будущим клиентам, что вы на связи.
Карточки одинаковой высоты
Самая частая проблема вёрстки блока отзывов — разная длина текстов. Один клиент написал одно предложение, другой — три абзаца. В сетке из трёх колонок это даёт «рваный» блок: если карточки растянуть до одной высоты, короткие отзывы оказываются в огромных пустых рамках; если не растягивать — сетка прыгает.
У нас было именно так: карточки растягивались до высоты самого длинного отзыва в ряду, и блок выглядел неряшливо. Решение, на котором остановились:
- сетка из трёх колонок на десктопе, двух на планшете, одной на телефоне;
- текст отзыва обрезается по количеству строк — у нас шесть — с многоточием;
- под обрезанным текстом кнопка «Читать полностью», которая раскрывает отзыв целиком;
- кнопка появляется только у тех отзывов, которые действительно не поместились.
Обрезка по строкам делается средствами CSS:
.review-text {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.review-text.is-open {
-webkit-line-clamp: unset;
}Небольшой скрипт сравнивает реальную высоту текста с видимой и показывает кнопку только там, где есть скрытая часть. Полный текст при этом всегда есть в HTML страницы — его видят и поисковики, и экранные дикторы.
Карусель или сетка
Карусели с отзывами популярны, но у них есть минусы: большинство посетителей видит только первый слайд, автопрокрутка раздражает, а на телефоне листание карусели конфликтует с прокруткой страницы. Если отзывов немного — до десятка, — сетка с обрезкой текста удобнее: посетитель одним взглядом видит, что отзывов несколько и что они разные.
Если отзывов много, на главной стоит показать несколько лучших и разнообразных, а остальные вынести на отдельную страницу со ссылкой «Все отзывы». Для компаний с карточкой на Яндекс Картах можно добавить официальный виджет с рейтингом — он подгружается со стороны Яндекса и вызывает дополнительное доверие.
Что должно быть в карточке отзыва
| Элемент | Обязательно | Комментарий |
|---|---|---|
| Текст отзыва | Да | Без редактуры, с обрезкой по строкам |
| Имя автора | Да | Как на площадке или с разрешения |
| Источник и дата | Желательно | Площадка, месяц и год |
| Компания или проект | По согласию | Можно со ссылкой на кейс в портфолио |
| Оценка звёздами | Если есть на площадке | Не рисовать пять звёзд всем подряд |
| Фото автора | Нет | Только с явного согласия |
Отзывы должны обновляться
Блок, в котором последний отзыв датирован позапрошлым годом, работает хуже, чем отсутствие дат. Отзывы должны редактироваться из админки: добавить, скрыть, изменить порядок — без участия разработчика. Тогда новый отзыв появляется на сайте в тот же день, когда клиент оставил его на площадке.
Итог
Честные отзывы — это реальные тексты без правок, источник и дата, разрешение автора и аккуратная вёрстка, в которой длинный отзыв не ломает сетку. Сетка с обрезкой по строкам и кнопкой «Читать полностью» решает визуальную часть, а простое редактирование из админки — проблему устаревания.
Хотите собрать на сайте блок отзывов, которому верят? Напишите нам — поможем перенести отзывы с площадок и сверстаем блок под ваш дизайн. Примеры наших работ — в портфолио.
