Мы собрали 33 способа повышения конверсии, которые используют реальные интернет-магазины. Пройдитесь по чек-листу и проверьте, какие пункты вы упускаете.
Возможно, некоторые предложения будет сложно реализовать из-за особенностей организации вашего интернет-магазина. Но вы наверняка найдете пункты, которые легко внедрить — и увидеть рост заинтересованности ваших посетителей. Не каждое улучшение моментально влияет на рост продаж — все нужно тестировать. Заимствовать работающие механики у лучших, проверять на своих покупателях и улучшать конверсию всеми способами.
Пользование сайтом магазина (юзабилити)
1. Современная верстка и дизайн
Как она выглядит? Откройте топовый интернет-магазин уровня Озона или Мвидео. Приятная типографика, разборчивые изображения, отсутствие «обоев», яркие акценты на конверсионных элементах — ценах, скидках, кнопках заказа, условиях доставки.
Интернет-магазин с современным дизайном
Интернет-магазин с устаревшим дизайном
Если на вашем сайте дизайн и верстка времен «дримвивера» и фреймов, замените шаблон. Без этого дальше что-то улучшать нет смысла.
Бесплатные шаблоны:
- ;
- ;
- ;
- .
Магазины шаблонов:
- ;
- ;
- .
2. Мобильная адаптация
В марте-апреле 2019 года Рунета выходили в сеть с мобильного устройства. В таких условиях не адаптировать сайт магазина под просмотр с экранов с различным разрешением — значит терять клиентов.
Есть несколько вариантов мобильной адаптации:
- Адаптивная («резиновая») верстка. Макет и контент подстраиваются под размеры экрана. Для мобильных и десктопов отдается один и тот же контент. Это самый популярный вариант (и предпочтительный в плане поисковой оптимизации).
- Динамический показ. Сайт подгружает разные HTML и СSS в зависимости от устройства, с которого заходит пользователь. URL страниц для разных устройств остается неизменным.
- Мобильная версия. Создается два сайта. Один — для десктопа. Второй — для мобильных. Версия для мобильных размещается на поддомене вида m.site.ru. Этот подход уходит в прошлое, поскольку требуются затраты на разработку и поддержку мобильной версии.
- . Для Google настраиваются AMP-страницы, для Яндекса — Турбо-страницы. Но это решение больше подходит для информационных сайтов. В AMP поддерживается отображение товаров, но только в качестве витрины с возможностью перехода на основной сайт. Турбо-страницы в этом плане более функциональны — здесь можно купить товар.
Формально сайт считается адаптированным для мобильных, если проходит .
Но тест проверяет лишь технические моменты: наличие тега Viewport, отсутствие горизонтальной прокрутки, Flash-элементов и проч.
Важно при мобильной адаптации придерживаться принципа — делать верстку в первую очередь удобной для просмотра с мобильных, а уж потом — с десктопов. Это позволит занять хорошие позиции в органике и повысить конверсию мобильной аудитории.
3. Умный поиск по сайту
Поисковая строка в интернет-магазине — это ключевой элемент навигации. Разместите ее на видном месте — лучше в шапке сайта. Сам же поиск реализуйте таким образом, чтобы при вводе искомого товара появлялись подходящие товары/категории с ценами. Использовать дефолтный поиск от Google/Яндекса или простой поиск по семантике не стоит.
Как быть, если поиск по каталогу не дает результатов: .
4. «Хлебные крошки»
Так называется навигационная цепочка, которая отражает путь от главной страницы до текущей. Удобна тем, что пользователь сразу видит, в какой части сайта находится, и может вернуться в предыдущие разделы. Кроме того, «хлебные крошки» являются способом , что полезно для поисковой оптимизации.
Читать также: .
«Хлебные крошки» бывают двух видов:
- Полные. Указаны все страницы от главной до текущей.
- Урезанные. Есть ссылка только на предыдущий шаг.
Для пользователей удобней первый вариант.
Для быстрого внедрения «хлебных крошек» есть плагины:
- WordPress — , .
- Joomla! — .
- Drupal — .
Но лучше реализовать их с помощью PHP, чтобы не перегружать сайт лишним кодом. Вот по созданию «хлебных крошек» своими руками.
5. Категории товаров на видном месте
Привычное расположение меню категорий — по центру или слева. Не стоит прятать меню или экспериментировать с нетипичным расположением. Это запутывает пользователей и усложняет навигацию.
Нет времени или опыта самостоятельно улучшать сайт магазина? Подключите системы PromoPult. Специалисты выполнят все работы по сайту, предусмотренные , в том числе улучшат юзабилити и коммерческие факторы. Все это приведет не только к повышению видимости в органике, но и к росту конверсии.
6. Выделен активный пункт меню
Этот чисто технический момент упрощает навигацию по каталогу. Активный пункт меню выделяется жирным шрифтом или за счет фона. Так пользователь сразу видит, в каком разделе каталога находится.
Активный пункт меню выделен за счет фона
7. Продуманная система фильтров
Фильтры помогают в пару кликов выделить из всего ассортимента товары, которые ищет пользователь.
Примеры фильтров на сайтах интернет-магазинов
Фильтры желательно продумать еще на этапе разработки структуры магазина. Стоит учесть популярную семантику при создании фильтра. Например, если пользователи часто ищут желтые, черные и красные ботинки, то именно эти цвета стоит вынести в фильтр.
Интернет-магазинам выгодно создавать отдельные индексируемые страницы под различные результаты фильтрации товаров. Это позволит без особых затрат привлекать трафик из поиска по низкочастотникам. Причем этот трафик будет высокого качества — если человек ищет прямой белый диван, и он попадает на страницу с готовой подборкой. Это приблизит его к конверсии быстрее, чем если бы он попал на главную.
Карточка товара и корзина
8. Названия товаров
Из названия должно быть сразу понятно, что за товар перед вами.
- Заголовок карточки товара h1 должен содержать название товара.
- Формируйте заголовки по единому шаблону. Укажите тип товара, бренд, модель и отличительные характеристики (мощность, габариты, вес, объем, цвет — в зависимости от специфики товара).
- Избегайте «сеошных» вставок в названия товаров — например, «купить ноутбук такой-то» (в title такие вставки допустимы).
- Используйте только общепринятые сокращения (б/у, кг, л, Вт).
Неудачное название товара
Подробное название товара
Рекомендуем почитать:
9. Характеристики и описания товаров
Характеристики — это перечень потребительских качеств и параметров товара. Для карточек товара они обязательны. Даже если товар простой и понятный, все равно характеристики должны быть (габариты, вес, количество в упаковке, материал и т. п.).
При составлении характеристик не стоит их уникализировать. Это приводит к появлению «килограммов» вместо «кг» или «ампеража» вместо «силы тока». Лучше просто спарсить их с сайта производителя с помощью Screaming Frog Seo Spider или другого парсера (как это делать — ).
Вносить изменения стоит лишь в том случае, если на сайте производителя какие-то характеристики указаны некорректно/неполно или на другом языке.
Характеристики и описание товара — не одно и то же
Описание — это текстовый блок (обычно от 700 до 2000 символов), в котором рассказывается об особенностях товара (происхождении, видах, назначении, применении, уходе и т. п.). Этот текст помогает покупателям сориентироваться в ассортименте и мотивирует к покупке.
Чтобы описание работало на рост конверсии, при его составлении думайте о покупателях и их потребностях, а не о распределении ключевых фраз по тексту. Чисто «сеошные» описания — это трата денег. Их не читают посетители магазина. И при ранжировании страниц в поиске они не играют такой роли, как пять лет назад (а вот под санкции за переоптимизацию попасть реально).
Описания товаров можно составлять самому или . Альтернатива — в системе PromoPult. В этом случае постановку ТЗ, копирайтинг, редактирование и верстку (при необходимости) выполнят специалисты PromoPult.
При широком ассортименте продукции составить описания к каждому товару трудоемко и дорого. В такой ситуации выделите до 20% наиболее востребованных товаров и в первую очередь подготовьте описания для них.
10. Фото- и видеоконтент
Каждый товар интернет-магазина нужно сопровождать изображением. И лучше — не одним, а с разных ракурсов, в разном масштабе, с возможностью увеличения.
«Фото скоро будет» = «Клиент скоро будет»
Даже если вы продаете товары, которые не «покупают глазами» (например, запчасти, кабели, строительные смеси), фото все равно полезны. Видя изображение товара, покупатель со спокойной душой добавляет его в корзину и не сомневается в правильности выбора.
Покупатели могут не знать, что такое провод APW 141. Им нужен «черный, медный, многожильный» — как на фото
Для магазинов одежды, обуви, аксессуаров изображения даже более важны, чем характеристики и описания. Мало кто купит платье или кроссовки без картинки, как бы красочно о них не рассказывали.
Для интернет-магазинов тренд — наряду с фото выкладывать короткие ролики с демонстрацией товаров вживую или обзором на 360 градусов.
Пример видео с демонстрацией товара
Перед публикацией оптимизируйте изображения:
- пропишите атрибуты alt с названиями товаров;
- сожмите картинки для уменьшения их веса и ускорения загрузки (с помощью сервиса , или другого);
- настройте на сайте lazy load — загрузку контента по мере скроллинга страницы;
- используйте изображения в формате JPEG/JPG (Google рекомендует WebP или JPEG2000, но они поддерживаются пока еще не всеми браузерами).
Вот с примерами по оптимизации изображений для сайтов.
11. Отзывы
Чтобы посетители не уходили на отзовики и к конкурентам, разместите отзывы у себя. Любые — хорошие, плохие, гневные, благодарные. Главное — правдивые.
Сколько людей — столько мнений. И каждое имеет право на жизнь
Для повышения привлекательности отзывов и доверия к ним:
- предусмотрите возможность добавлять фото/видео;
- отмечайте отзывы реальных покупателей;
- внедрите древовидную систему комментариев — это позволит посетителям, сотрудникам магазина и представителям производителя реагировать на отзывы, в том числе ;
- добавьте возможность проголосовать за отзыв («Полезен ли отзыв?») и пожаловаться на автора.
Также внедрите отзывов и рейтинга товара. Это повысит привлекательность сниппета товара в результатах поиска и доверие к сайту, а значит, привлечет больше клиентов.
Сниппет с микроразметкой рейтинга выглядит убедительнее
Нет времени или опыта самостоятельно улучшать сайт магазина? Подключите системы PromoPult. Специалисты выполнят все работы по сайту, предусмотренные , в том числе улучшат юзабилити и коммерческие факторы. Все это приведет не только к повышению видимости в органике, но и к росту конверсии.
12. Информация о доставке на видном месте
— один из ключевых факторов принятия решения о покупке. Вынесите их на отдельную страницу и разместите ссылку на нее на видном месте — в шапке сайта (и продублируйте в подвале).
Ссылки на условия доставки на видном месте
Но этого мало: разместите основные условия доставки в карточке товара. Так они будут всегда на виду, и пользователю не придется лишний раз отвлекаться от покупок и уходить на страницу с условиями доставки.
Хорошо, если стоимость доставки будет автоматически рассчитываться в зависимости от региона пользователя (или будет предусмотрен калькулятор).
Условия доставки в карточке товара — все просто и понятно
13. Добавление товара в избранное
Этот функционал интернет-магазинов появился одним из самых первых. Но не везде он реализован удобно.
Добавление товара в избранное
Есть разные варианты «избранного»:
- Добавление товара в список избранного на сайте без авторизации. Такой список — что-то вроде предварительной корзины. Пользователи могут добавить туда несколько позиций, удалить их или отправить в корзину.
- Добавление товара в список избранного с авторизацией. Это вариант не так удобен покупателю как предыдущий. Придется зарегистрироваться на сайте, чтобы воспользоваться инструментом. С другой стороны, будет возможность вернуться к списку избранного через некоторое время. А вы сможете напомнить о выбранных товарах в рассылке.
- Добавление страницы товара в закладки браузера. Это «древний» вариант, не такой удобный, как предыдущие, но иногда используется.
Идеальный вариант — это микс первого и второго способа. незарегистрированный пользователь может добавить товар во временный список избранного, а зарегистрированный — сохранить список.
14. Инструмент сравнения товаров
Это подходящее решение для магазинов смартфонов, бытовой техники и прочей электроники с широким набором характеристик.
Примеры ссылок на инструменты сравнения товаров
Чтобы этот инструмент полноценно работал, важно унифицировать характеристики однотипной продукции и заполнить их по максимуму, чтобы не было пустых полей.
Пример сравнения товаров
На странице сравнения возле каждого товара поместите кнопку «Купить», ссылку на исходную страницу товара и возможность удалить его из списка. Также предусмотрите фильтры: показывать все характеристики, общие и различающиеся.
15. Социальные кнопки
Пользователь зашел на сайт магазина, выбрал товар, решил поделиться в соцсети или мессенджере, чтобы посоветоваться с друзьями, а кнопки расшаривания нет… Чтобы такого не происходило, добавьте на страницы сайта кнопки соцсетей.
Пример кнопок соцсетей на товарной странице
Найти плагины и сервисы для интеграции кнопок соцсетей — не проблема. Например, вот с поддержкой русскоязычных соцсетей.
В интеграции плагинов нет ничего сложного. Но в этом и проблема. Часто плагины устанавливают «в один клик» и не настраивают отображаемые соцсети. В итоге вместо кнопок Viber и Telegram пользователи видят какой-нибудь полуживой БобрДобр или Blogger.
16. Уведомление о снижении цены
Цена — ключевой фактор в принятии решения о покупке. Но не всегда покупателя устраивает актуальная стоимость (не хватает денег или есть понимание, что в будущем цена снизится — например, как это происходит в случае со смартфонами). Предложите подписку на уведомления о снижении цены на товар.
Пример формы подписки на оповещения о снижение цены
Так вы установите контакт с клиентом и привлечете его внимание, как только цена товара пойдет вниз. Даже если он не купит товар, у вас останется e-mail, на который сможете отправлять акционные предложения.
17. Заметная кнопка покупки
Если пользователь решит добавить товар в корзину, он не должен задумываться о том, как это сделать.
Простой способ проверить заметность кнопки покупки: откройте страницу и отойдите от экрана на 6-7 метров (или уменьшите масштаб на 80-90%). Кнопка покупки должна быть различима даже на таком расстоянии.
Заметность кнопок покупки при масштабе 10%
Что именно вы будете писать на кнопке — «Купить», «В корзину» или просто разместите на ней иконку корзины — не столь важно. Главное, чтобы пользователи понимали, какие действие последует после клика по кнопке. Избегайте креативных формулировок и двузначной трактовки.
Слева не понятно, в чем разница между кнопками, справа — все сразу ясно
18. Покупка в один клик
Не заставляйте покупателей регистрироваться/авторизоваться на сайте, чтобы оформить заказ. Человек может не помнить пароль или ему просто может быть лень регистрироваться, чтобы купить какую-то мелочь вроде зарядки для телефона. Предложите альтернативу — покупку в один клик (в этом случае покупателю достаточно ввести имя и номер телефона).
Примеры кнопок покупки в один клик
Чаще всего кнопку покупки в один клик делают менее заметной, чем кнопку добавления в корзину. И это правильно: покупка в один клик означает, что человек оформляет заказ и уходит, а добавление в корзину может несколько раз повторяться, что увеличивает средний чек.
19. Информация о наличии товара
Никому не захочется заказать товар и спустя полдня узнать, что его нет в наличии. Добавьте информацию о наличии в карточку товара, и такого не произойдет.
Хорошо, если указано количество оставшейся продукции, ожидаемая дата поставки (если товара нет) и точки выдачи, где есть товар (если их у вас несколько).
Конечно, это будет работать только в том случае, если в магазине есть ежедневная выгрузка информации о наличии товаров на складе.
Примеры подачи информации о наличии товара
Удачный вариант представления в каталоге отсутствующего товара
20. Исчерпывающая информация о товаре в корзине
Обязательные элементы корзины:
- полное название товара (со ссылкой на карточку товара);
- ключевые характеристики (размер, вес, мощность, цвет и т. п.);
- код товара (артикул);
- количество (с возможностью изменить его);
- изображение;
- окончательная цена — со всеми налогами, сборами, скидками и ценой доставки;
- кнопка удаления товарной позиции;
- кнопка перехода к оформлению заказа.
Так выглядит правильно оформленная корзина
Пример неудачной корзины: нет названия товара, фото, излишний акцент на кнопке удаления товара — так и хочется нажать
Как понять, что корзина на сайте способствует конверсии? Проведите анализ ее юзабилити. Вот о том, как это сделать.
Взаимодействие с магазином
21. Онлайн-консультант
Онлайн-консультант — это виджет, который позволяет посетителям сайта общаться с представителем интернет-магазина в чате (отвечать на вопросы, подбирать товары, решать проблемы и оформлять заказы).
Бесплатно подключить онлайн-консультант вы можете в (интегрирован с сервисом GetSale).
Внешний вид виджета онлайн-консультанта GetSale
В чем его преимущества:
- доступно пять способов связи с консультантом: онлайн-чат, Viber, Telegram, ВК, Facebook Messenger;
- все диалоги собираются в едином кабинете оператора;
- виджет кастомизируется: есть разные иконки и цвета, задается текст приветствия, указываются места отображения виджета на странице;
- оператор получает уведомления о сообщениях на почту или в Telegram;
- собирается статистика по посетителям: местоположение, браузер, ОС, IP.
- адаптация виджета под мобильные устройства;
- настраивается расписание показа виджета в разрезе недели и времени суток.
Вот по установке и настройке онлайн-консультанта GetSale.
При подключении онлайн-консультанта продумайте — кто будет отвечать на вопросы и в какое время.
22. Обратный звонок
Это must have виджеты для интернет-магазинов. С их помощью пользователи экономят деньги, а владельцы магазинов собирают контакты и эффективно распределяют нагрузку на колл-центр.
Пример формы обратного звонка
Есть активные callback-виджеты (обычно в виде звонящей трубки) — они подходят для лендингов, но в интернет-магазинах их лучше не использовать, так как они перекрывают контент и мешают просмотру товаров.
23. Карта проезда
Если у вас есть свои точки выдачи, шоу-румы, торговые площадки, то обязательно добавьте карты проезда. Лучше использовать интерактивную карту от Яндекса или Google, чем статические изображения со схемой проезда.
Пример карты с торговыми точками
Размещается карта на странице с контактами. Помимо карты на этой странице должны быть другие элементы. Какие именно? Читайте в статье .
24. Сертификаты
Для подтверждения качества и подлинности продукции опубликуйте в отдельном разделе магазина сертификаты соответствия. На них покупатели обращают внимание, например, в магазинах детских игрушек или на сайтах промышленного оборудования.
Пример раздела интернет-магазина с сертификатами
Обязательно следите за актуальностью сертификатов и при необходимости их обновляйте.
25. Юридическая информация о компании
Выносится в отдельный раздел. Она важна по двум причинам:
- поисковые системы отдают предпочтение официально работающим интернет-магазинам и повышают их рейтинг в результатах выдачи;
- вы привлекаете клиентов-юрлиц, которым важен официальный статус контрагента.
Укажите в разделе с реквизитами:
- полное наименование компании;
- юридический адрес;
- фактический адрес;
- ОГРН;
- ИНН;
- платежные реквизиты и другие данные при необходимости.
Эталонный пример того, как надо заполнять реквизиты
Стимулирование продаж
26. Всплывающие виджеты и нотификации
С их помощью ваше рекламное сообщение гарантированно дойдет до посетителя сайта. Для стимулирования продаж настройте всплывающее окно с акционным предложением или скидкой в обмен на e-mail. На удержание пользователей хорошо работают всплывающие окна с промокодами, которые появляются при попытке закрыть вкладку браузера.
Пример pop-up окна с промокодом
важно не просто добавить на сайт, а грамотно настроить. Например, при посещении главной страницы пользователя можно проинформировать о распродаже, а после добавления товара в корзину — промокод на скидку при покупке от N рублей.
Как легко и просто установить всплывающие окна на сайт? Как настроить сценарии их срабатывания? Читайте в статье .
27. Промо-лендинги
Для повышения конверсии акционные товары, распродажи, конкурсы презентуются в формате лендингов. Они более привлекательны, чем обычные новости и посты.
Фрагмент лендинга, посвященного Черной пятнице
Фрагмент лендинга, посвященного розыгрышу призов
Для создания лендингов используйте конструктор , , или любой другой.
28. Демонстрация суммы экономии
Этот психологический прием наглядно демонстрирует сумму выгоды, которую получит покупатель товара. Для достижения эффекта перечеркивается старая цена, указывается новая и рядом выносится сумма экономии. Внедрить этот функционал с помощью программиста просто и недорого, но эффект будет заметным.
Пример демонстрации суммы экономии
29. «Нашли дешевле?»
Можете предложить покупателям самую доступную цену на рынке? Разместите ссылку или кнопку с заголовком вроде «Нашли дешевле? Сообщите нам». Так вы удержите лояльных покупателей, которые хотят купить товар именно у вас (но могут уйти к конкурентам из-за лучшей цены).
Пример реализации отправки сообщения о более низкой цене
30. Онлайн-подборщики
Для упрощения выбора товаров разработайте алгоритм подбора и реализуйте его в виде онлайн-подборщика. Интерактивный подборщик напоминает игру и делает процесс выбора увлекательным. На выходе человек получает подходящие товары, которые остается добавить в корзину.
Онлайн-подборщик велосипедов
Онлайн-раскладчик плитки
Онлайн-примерщик очков
Онлайн-подборщик духов
31. Блок кросс-селлинга
Когда человек покупает ноутбук, то ему наверняка понадобится чистящее средство для экрана или мышка. Порекомендуйте комплиментарные позиции в карточке товара и корзине — это увеличит продажи.
Пример блока кросс-селлинга в корзине
32. Продажа товаров комплектами
Это продвинутый вариант кросс-селлинга. Пользователю предлагаются не просто отдельные комплиментарные товары, а готовые комплекты, причем со скидкой.
Блок продажи товаров комплектом
33. Блок похожих товаров
Цель этой технологии — предложить покупателям выбор товаров с аналогичными характеристиками, но разной ценой. Так у покупателя будет больше возможностей для выбора товара под конкретный бюджет.
Похожие товары с разной ценой
Конверсия — это не только о сайте
Качество каталога товаров и посадочных страниц — это одна сторона медали. Еще нужно, чтобы на сайт приходили платежеспособные посетители, готовые потратить деньги. И здесь помогает грамотно настроенная контекстная реклама. В наших гайдах по и рекламе все доходчиво описано.
Если вы сомневаетесь, что сможете настроить контекстную рекламу самостоятельно, подключите . За 4000 руб. в месяц он будет помогать в подборе ключевых слов, составлении объявлений, настройке таргетинга и управлении ставками. Такая совместная работа дает хорошие результаты (например, ).