Чек-лист: 33 on-page-способа повысить конверсию интернет-магазина

Мы собрали 33 способа повышения конверсии, которые используют реальные интернет-магазины. Пройдитесь по чек-листу и проверьте, какие пункты вы упускаете.

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

Как она выглядит? Откройте топовый интернет-магазин уровня Озона или Мвидео. Приятная типографика, разборчивые изображения, отсутствие «обоев», яркие акценты на конверсионных элементах — ценах, скидках, кнопках заказа, условиях доставки.

Если на вашем сайте дизайн и верстка времен «дримвивера» и фреймов, замените шаблон. Без этого дальше что-то улучшать нет смысла.

Бесплатные шаблоны:

Магазины шаблонов:

В марте-апреле 2019 года 64,4% пользователей Рунета выходили в сеть с мобильного устройства. В таких условиях не адаптировать сайт магазина под просмотр с экранов с различным разрешением — значит терять клиентов.

Есть несколько вариантов мобильной адаптации:

Формально сайт считается адаптированным для мобильных, если проходит тест на мобилопригодность.

Но тест проверяет лишь технические моменты: наличие тега Viewport, отсутствие горизонтальной прокрутки, Flash-элементов и проч.

Важно при мобильной адаптации придерживаться принципа Mobile-first — делать верстку в первую очередь удобной для просмотра с мобильных, а уж потом — с десктопов. Это позволит занять хорошие позиции в органике и повысить конверсию мобильной аудитории.

Поисковая строка в интернет-магазине — это ключевой элемент навигации. Разместите ее на видном месте — лучше в шапке сайта. Сам же поиск реализуйте таким образом, чтобы при вводе искомого товара появлялись подходящие товары/категории с ценами. Использовать дефолтный поиск от Google/Яндекса или простой поиск по семантике не стоит.

Как быть, если поиск по каталогу не дает результатов: 6 вариантов выхода из тупика.

Так называется навигационная цепочка, которая отражает путь от главной страницы до текущей. Удобна тем, что пользователь сразу видит, в какой части сайта находится, и может вернуться в предыдущие разделы. Кроме того, «хлебные крошки» являются способом внутренней перелинковки, что полезно для поисковой оптимизации.

«Хлебные крошки» бывают двух видов:

Для пользователей удобней первый вариант.

Для быстрого внедрения «хлебных крошек» есть плагины:

Но лучше реализовать их с помощью PHP, чтобы не перегружать сайт лишним кодом. Вот подробный гайд по созданию «хлебных крошек» своими руками.

Привычное расположение меню категорий — по центру или слева. Не стоит прятать меню или экспериментировать с нетипичным расположением. Это запутывает пользователей и усложняет навигацию.

Этот чисто технический момент упрощает навигацию по каталогу. Активный пункт меню выделяется жирным шрифтом или за счет фона. Так пользователь сразу видит, в каком разделе каталога находится.

Фильтры помогают в пару кликов выделить из всего ассортимента товары, которые ищет пользователь.

Фильтры желательно продумать еще на этапе разработки структуры магазина. Стоит учесть популярную семантику при создании фильтра. Например, если пользователи часто ищут желтые, черные и красные ботинки, то именно эти цвета стоит вынести в фильтр.

Интернет-магазинам выгодно создавать отдельные индексируемые страницы под различные результаты фильтрации товаров. Это позволит без особых затрат привлекать трафик из поиска по низкочастотникам. Причем этот трафик будет высокого качества — если человек ищет прямой белый диван, и он попадает на страницу с готовой подборкой. Это приблизит его к конверсии быстрее, чем если бы он попал на главную.

Из названия должно быть сразу понятно, что за товар перед вами.

Характеристики — это перечень потребительских качеств и параметров товара. Для карточек товара они обязательны. Даже если товар простой и понятный, все равно характеристики должны быть (габариты, вес, количество в упаковке, материал и т. п.).

При составлении характеристик не стоит их уникализировать. Это приводит к появлению «килограммов» вместо «кг» или «ампеража» вместо «силы тока». Лучше просто спарсить их с сайта производителя с помощью Screaming Frog Seo Spider или другого парсера (как это делать — читайте в статье).

Вносить изменения стоит лишь в том случае, если на сайте производителя какие-то характеристики указаны некорректно/неполно или на другом языке.

Описание — это текстовый блок (обычно от 700 до 2000 символов), в котором рассказывается об особенностях товара (происхождении, видах, назначении, применении, уходе и т. п.). Этот текст помогает покупателям сориентироваться в ассортименте и мотивирует к покупке.

Чтобы описание работало на рост конверсии, при его составлении думайте о покупателях и их потребностях, а не о распределении ключевых фраз по тексту. Чисто «сеошные» описания — это трата денег. Их не читают посетители магазина. И при ранжировании страниц в поиске они не играют такой роли, как пять лет назад (а вот под санкции за переоптимизацию попасть реально).

При широком ассортименте продукции составить описания к каждому товару трудоемко и дорого. В такой ситуации выделите до 20% наиболее востребованных товаров и в первую очередь подготовьте описания для них.

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

Даже если вы продаете товары, которые не «покупают глазами» (например, запчасти, кабели, строительные смеси), фото все равно полезны. Видя изображение товара, покупатель со спокойной душой добавляет его в корзину и не сомневается в правильности выбора.

Для магазинов одежды, обуви, аксессуаров изображения даже более важны, чем характеристики и описания. Мало кто купит платье или кроссовки без картинки, как бы красочно о них не рассказывали.

Для интернет-магазинов тренд — наряду с фото выкладывать короткие ролики с демонстрацией товаров вживую или обзором на 360 градусов.

Перед публикацией оптимизируйте изображения:

Вот полный гайд с примерами по оптимизации изображений для сайтов.

Чтобы посетители не уходили на отзовики и к конкурентам, разместите отзывы у себя. Любые — хорошие, плохие, гневные, благодарные. Главное — правдивые.

Для повышения привлекательности отзывов и доверия к ним:

Также внедрите микроразметку отзывов и рейтинга товара. Это повысит привлекательность сниппета товара в результатах поиска и доверие к сайту, а значит, привлечет больше клиентов.

Условия доставки — один из ключевых факторов принятия решения о покупке. Вынесите их на отдельную страницу и разместите ссылку на нее на видном месте — в шапке сайта (и продублируйте в подвале).

Но этого мало: разместите основные условия доставки в карточке товара. Так они будут всегда на виду, и пользователю не придется лишний раз отвлекаться от покупок и уходить на страницу с условиями доставки.

Хорошо, если стоимость доставки будет автоматически рассчитываться в зависимости от региона пользователя (или будет предусмотрен калькулятор).

Этот функционал интернет-магазинов появился одним из самых первых. Но не везде он реализован удобно.

Есть разные варианты «избранного»:

Идеальный вариант — это микс первого и второго способа. незарегистрированный пользователь может добавить товар во временный список избранного, а зарегистрированный — сохранить список.

Это подходящее решение для магазинов смартфонов, бытовой техники и прочей электроники с широким набором характеристик.

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

На странице сравнения возле каждого товара поместите кнопку «Купить», ссылку на исходную страницу товара и возможность удалить его из списка. Также предусмотрите фильтры: показывать все характеристики, общие и различающиеся.

Пользователь зашел на сайт магазина, выбрал товар, решил поделиться в соцсети или мессенджере, чтобы посоветоваться с друзьями, а кнопки расшаривания нет… Чтобы такого не происходило, добавьте на страницы сайта кнопки соцсетей.

Найти плагины и сервисы для интеграции кнопок соцсетей — не проблема. Например, вот подборка из 7 плагинов для WordPress с поддержкой русскоязычных соцсетей.

В интеграции плагинов нет ничего сложного. Но в этом и проблема. Часто плагины устанавливают «в один клик» и не настраивают отображаемые соцсети. В итоге вместо кнопок Viber и Telegram пользователи видят какой-нибудь полуживой БобрДобр или Blogger.

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

Пример формы подписки на оповещения о снижение цены

Так вы установите контакт с клиентом и привлечете его внимание, как только цена товара пойдет вниз. Даже если он не купит товар, у вас останется e-mail, на который сможете отправлять акционные предложения.

Если пользователь решит добавить товар в корзину, он не должен задумываться о том, как это сделать.

Простой способ проверить заметность кнопки покупки: откройте страницу и отойдите от экрана на 6-7 метров (или уменьшите масштаб на 80-90%). Кнопка покупки должна быть различима даже на таком расстоянии.

Что именно вы будете писать на кнопке — «Купить», «В корзину» или просто разместите на ней иконку корзины — не столь важно. Главное, чтобы пользователи понимали, какие действие последует после клика по кнопке. Избегайте креативных формулировок и двузначной трактовки.

Не заставляйте покупателей регистрироваться/авторизоваться на сайте, чтобы оформить заказ. Человек может не помнить пароль или ему просто может быть лень регистрироваться, чтобы купить какую-то мелочь вроде зарядки для телефона. Предложите альтернативу — покупку в один клик (в этом случае покупателю достаточно ввести имя и номер телефона).

Чаще всего кнопку покупки в один клик делают менее заметной, чем кнопку добавления в корзину. И это правильно: покупка в один клик означает, что человек оформляет заказ и уходит, а добавление в корзину может несколько раз повторяться, что увеличивает средний чек.

Никому не захочется заказать товар и спустя полдня узнать, что его нет в наличии. Добавьте информацию о наличии в карточку товара, и такого не произойдет.

Хорошо, если указано количество оставшейся продукции, ожидаемая дата поставки (если товара нет) и точки выдачи, где есть товар (если их у вас несколько).

Конечно, это будет работать только в том случае, если в магазине есть ежедневная выгрузка информации о наличии товаров на складе.

Обязательные элементы корзины:

Онлайн-консультант — это виджет, который позволяет посетителям сайта общаться с представителем интернет-магазина в чате (отвечать на вопросы, подбирать товары, решать проблемы и оформлять заказы).

Бесплатно подключить онлайн-консультант вы можете в модуле повышения конверсии (интегрирован с сервисом GetSale).

В чем его преимущества:

Вот подробный гайд по установке и настройке онлайн-консультанта GetSale.

При подключении онлайн-консультанта продумайте — кто будет отвечать на вопросы и в какое время.

Это must have виджеты для интернет-магазинов. С их помощью пользователи экономят деньги, а владельцы магазинов собирают контакты и эффективно распределяют нагрузку на колл-центр.

Есть активные callback-виджеты (обычно в виде звонящей трубки) — они подходят для лендингов, но в интернет-магазинах их лучше не использовать, так как они перекрывают контент и мешают просмотру товаров.

Если у вас есть свои точки выдачи, шоу-румы, торговые площадки, то обязательно добавьте карты проезда. Лучше использовать интерактивную карту от Яндекса или Google, чем статические изображения со схемой проезда.

Размещается карта на странице с контактами. Помимо карты на этой странице должны быть другие элементы. Какие именно? Читайте в статье «Страница «Контакты»: что на ней должно быть».

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

Обязательно следите за актуальностью сертификатов и при необходимости их обновляйте.

Выносится в отдельный раздел. Она важна по двум причинам:

Укажите в разделе с реквизитами:

С их помощью ваше рекламное сообщение гарантированно дойдет до посетителя сайта. Для стимулирования продаж настройте всплывающее окно с акционным предложением или скидкой в обмен на e-mail. На удержание пользователей хорошо работают всплывающие окна с промокодами, которые появляются при попытке закрыть вкладку браузера.

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

Для повышения конверсии акционные товары, распродажи, конкурсы презентуются в формате лендингов. Они более привлекательны, чем обычные новости и посты.

Для создания лендингов используйте конструктор Setup, Tilda, Ucraft или любой другой.

Этот психологический прием наглядно демонстрирует сумму выгоды, которую получит покупатель товара. Для достижения эффекта перечеркивается старая цена, указывается новая и рядом выносится сумма экономии. Внедрить этот функционал с помощью программиста просто и недорого, но эффект будет заметным.

Можете предложить покупателям самую доступную цену на рынке? Разместите ссылку или кнопку с заголовком вроде «Нашли дешевле? Сообщите нам». Так вы удержите лояльных покупателей, которые хотят купить товар именно у вас (но могут уйти к конкурентам из-за лучшей цены).

Для упрощения выбора товаров разработайте алгоритм подбора и реализуйте его в виде онлайн-подборщика. Интерактивный подборщик напоминает игру и делает процесс выбора увлекательным. На выходе человек получает подходящие товары, которые остается добавить в корзину.

Когда человек покупает ноутбук, то ему наверняка понадобится чистящее средство для экрана или мышка. Порекомендуйте комплиментарные позиции в карточке товара и корзине — это увеличит продажи.

Это продвинутый вариант кросс-селлинга. Пользователю предлагаются не просто отдельные комплиментарные товары, а готовые комплекты, причем со скидкой.

Цель этой технологии — предложить покупателям выбор товаров с аналогичными характеристиками, но разной ценой. Так у покупателя будет больше возможностей для выбора товара под конкретный бюджет.

Качество каталога товаров и посадочных страниц — это одна сторона медали. Еще нужно, чтобы на сайт приходили платежеспособные посетители, готовые потратить деньги. И здесь помогает грамотно настроенная контекстная реклама. В наших гайдах по поисковой и медийной рекламе все доходчиво описано.

Если вы сомневаетесь, что сможете настроить контекстную рекламу самостоятельно, подключите персонального менеджера. За 4000 руб. в месяц он будет помогать в подборе ключевых слов, составлении объявлений, настройке таргетинга и управлении ставками. Такая совместная работа дает хорошие результаты (например, рост CTR с 0,21% до 16,02%).