Знакомый владелец интернет-магазина попросил меня помочь ему понять, почему на сайте есть посетители, но почти нет заказов: при 250-300 посетителях в день у него было 1-2 заказа.
Спустя два месяца сайт ежедневно посещают около 500 человек и минимум 10 из них делают заказ.
В этом посте я расскажу, что для этого было сделано и как добиться того же для любого другого проекта.
Исходные данные
- CMS MODx Revolution в связке с Shopkeeper;
- ТОП-10 Яндекс и Google по базовым запросам;
- Просмотров в день 1000-1500;
- Уникальных посетителей в день: 250-300;
- Конверсия составляет около 0,5%;
- Около 70% клиентов отменили заказы;
- Средняя корзина - 1500 руб.
Поиск проблем и решений
Несмотря на то, что некоторые недостатки проявились сразу, первым делом мы решили установить и настроить сборщик статистики.На сайте была аналитика, но, во-первых, она подходила в том виде, в котором она была, разве что для просмотра трафика, а во-вторых, лично я предпочитаю Яндекс.
Метрику от отечественного производителя.
Я поставил цели по посещению страницы корзины и конечной страницы оформления заказа (в идеале такую цель нужно сделать сложной), а также включил веб-просмотрщик.
Если с целями все должно быть более-менее понятно: нам нужно посмотреть, на каком этапе потерялся клиент, то с веб-просмотрщиком все не так очевидно.
По сути, веб-просмотрщик — это своего рода «запись камеры наблюдения» каждого посещения вашего магазина: все, ну почти все, что пользователь увидел, ввел или нажал, вы можете просмотреть в повторе.
А это самая ценная информация для оптимизатора: вы удивитесь, насколько неожиданными могут быть действия пользователя.
Но об этом позже.
Пока трудолюбивый скрипт метрик собирал данные, я делал предположения, которые впоследствии эти самые данные подтвердили.
Знаете, что ваш целевая аудитория
Прежде всего, очень важно как можно точнее определить целевую аудиторию.Здесь также пригодится сервис статистики; по крайней мере, он сообщит вам пол и возраст большей части аудитории.
В случае с этим подопытным целевая аудитория — женщины от 25 до 35 лет. Остальные предположения о целевой аудитории придется строить на основе логических выводов.
Например, в моем случае, поскольку сайт продает изделия ручной работы, я предполагаю, что женщины — домохозяйки, а не акулы бизнеса.
Конечно, сайт может посетить любой желающий, но полагаться следует, как при демократии, на мнение большинства.
Чем яснее цель, тем легче ее достичь
Это утверждение справедливо как для пользователей, так и для веб-дизайнеров: нам нужно четко понимать, чего мы хотим от посетителя, и стараться всеми силами помочь ему это сделать.Для любого интернет-магазина основная цель – совершить покупку посетитель.
Эту цель можно разделить: совершить покупку определенного товара, совершить покупку на максимальную сумму, совершить покупку как можно большее количество раз и так далее, но других целей, кроме совершения покупки на сайте магазина, быть не должно.
.
Несмотря на то, что высота, или, если хотите, длина страницы сайта технически не ограничена, информации за пределами второго или третьего экрана практически не будет уделено внимания.
Поэтому правильное расположение элементов дизайна крайне важно.
Правила хорошего дизайна
- Ничего лишнего .
Помните анекдот про пистолет на стене в первом акте спектакля? Итак, снимайте все, что не стреляет. Информеры для сервисов статистики, баннеры для других ресурсов, иконки для семантически правильной разметки и валидные таблицы стилей — я не мог представить ситуацию, когда это подтолкнет обычного пользователя к совершению покупки.
Помните, чем меньше будет на странице, тем легче будет сосредоточить внимание пользователя на нужном вам элементе.
- Четкие приоритеты .
Не валите все в кучу, подумайте о приоритетности своих целей и расположите элементы в соответствии с ними.
Например, в первую очередь нужно, чтобы человек выбрал товар и совершил покупку максимально самостоятельно, поэтому хотя номер телефона и важен, писать его заглавными буквами в данном случае нет смысла; лучше в двух словах рассказать об условиях доставки и оплаты.
А историю вашей компании лучше вынести на отдельную страницу, ссылку на которую можно разместить где-нибудь в подвале страницы.
- Помните о своей целевой аудитории .
Ориентируйтесь не столько на свои вкусы, сколько на вкусы и предпочтения вашей целевой аудитории.
Например, если ваша аудитория — женщина-домохозяйка, то, скорее всего, ей понравятся пастельные тона, плавные переходы и элементы с закругленными краями.
- Предложите помощь и держитесь вне поля зрения, если она не нужна.
.
Эх, если бы этому правилу следовали настоящие продавцы-консультанты! Предоставляйте пользователям как можно больше возможностей, но не заставляйте их использовать.
Элементы, которые будут использоваться нечасто, сделайте свернутыми по умолчанию или разместите их на периферии, но желательно в привычных для пользователя местах.
Например, рубрикатор каталога и фильтры лучше разместить слева или сверху.
Оставьте фильтр для наиболее часто используемых характеристик, таких как цвет, видимость, а остальные скройте.
Не беспокойтесь о предложениях чата.
Не спрашивайте больше одного раза за посещение и дайте возможность осмотреться вокруг хотя бы половину среднего времени посещения.
- Дайте больше возможностей .
Следуйте предыдущему правилу, но постарайтесь предоставить покупателю максимум возможностей найти то, что он ищет: поиск по сайту, фильтры, сортировка, рекомендации, предложения и акции, онлайн-консультант, обратный звонок, робот-помощник.
- Хороший сайт – это простой сайт .
Используйте кеширование, минимизируйте изображения и скрипты, удаляйте ненужные медиаматериалы.
Чем меньше пользователь ждет загрузки сайта, тем выше вероятность, что он будет ждать.
Если сайт имеет высокий процент отказов, независимо от источников перехода на сайт, это то, на что следует обратить внимание в первую очередь.
- Пусть сайт будет доступен каждому .
Сделайте макет адаптивным или создайте версию для мобильных устройств.
Помимо того, что пользователям телефонов и планшетов будет проще покупать, поисковые системы также будут в восторге от новой версии, а Google даже подпишет, что сайт удобен для мобильных устройств! Кстати, Google недавно запустил сервис «Тест на удобство просмотра на мобильных устройствах» .
- Сделайте свой сайт удобным для поисковых систем .
Используйте микроданные.
Короче говоря, это позволит поисковым системам возвращать информацию о ценах, доставке и наличии прямо на странице поиска.
Как их использовать (микроданные) уже упоминалось на этом ресурсе и на многих других, поэтому в этот раз я не буду на этом заострять внимание.
Кстати, Яндекс позволяет передавать те же данные в формате xml, а точнее yml через Яндекс.
Вебмастер.
Этот же файл в дальнейшем можно будет использовать для Яндекс.
Маркета.
- Расскажите нам как можно больше о продукте .
Добавляйте фотографии с разных ракурсов, дайте возможность рассмотреть поближе, предоставьте техническую информацию, покажите отзывы других пользователей, но не забывайте, что в первую очередь следует показывать только то, что необходимо.
- Упростите просмотр каталога .
Добавьте возможность перехода от предложения к предложению сразу, например, через ссылки на следующий и предыдущий товар.
Создайте функцию быстрого просмотра предложений.
Покажите, что смотрел покупатель, и на основе этого предложите похожие товары.
- Обратная связь должна быть всегда .
Совершив любое действие, пользователь должен сразу увидеть результат. Пусть изображения меняют прозрачность при наведении, ссылки меняют тон, а при загрузке большого количества материала показывают вращающиеся часы и прогресс, если этой большой загрузки нельзя было избежать.
Здесь стоит обратиться теория потока (Михай Чиксентмихайи), чем я и занимаюсь.
Для тех, кто не хочет читать психологические труды, вкратце: если покупатель не видит отдачи от своих действий, его решимость завершить работу (купить в данном случае) пропадет.
- Делайте все, что можете, без участия покупателя .
Рассчитать доставку, скидку, корзину, историю покупок, определить адрес доставки, запросить минимум информации.
Но дайте возможность изменить все это вручную.
(Вторая составляющая правильного отношения – это чувство контроля над происходящим – см.
выше, теория потока).
- Тестируйте и исправляйте ошибки .
Потратьте время на устранение проблем, ошибок, опечаток и всего остального, что может раздражать пользователей и мешать им совершить покупку.
Большая часть времени ушла на сортировку каталога и смену ядра магазина на MiniShop2, из-за ограничений Shopkeeper. Сама CMS MODx, как и ожидалось, прошла испытание на гибкость, за что была награждена новым хостингом от создателей.
Оптимизируйте офлайн-процессы
Я писал вначале, что две трети заказов были просто отменены клиентами.В данном случае было две причины:
- Несоответствие информации о наличии товара на сайте фактической информации.
- Неочевидно, что для отправки заказа за пределы домашнего региона требуется предоплата.
Проанализируйте причины потери заказов и либо устраните их, либо заранее предупредите клиентов.
Результат оптимизации
- CMS MODx Revolution в связке с MiniShop2 с морфологическим поиском, поисковыми фильтрами, хранилищем корзины, личным кабинетом и многими другими функциями, упомянутыми ранее;
- ТОП-3 Яндекса и Google по базовым запросам;
- Просмотров в день 2000 (+20%);
- Уникальных посетителей в день 500 (+100%);
- Конверсия около 2% (х4);
- Около 20% (снижение в три раза) клиентов отменяют заказы;
- Средняя корзина - 3000 руб.
(+100%).
Не останавливайся на достигнутом
После того, как мы запустили обновленную версию сайта, мы сразу увидели результаты! Ну да ладно, меня уговорили, скажу правду, в первый день у нас не работала отправка заказов и поэтому заказов не было вообще, но я быстро исправила ошибку и результат правда не заставил себя долго ждать.приходящий.
Количество заказов росло, владелец был доволен, а в перерывах между просмотром растущих графиков в метриках и насущными делами я смотрел записи веб-просмотрщика.
К своему удивлению я обнаружил, что в мобильной версии пользователи нажимали на кнопку поиска по каталогу в совершенно неочевидном для меня месте (кнопку я сразу поставил туда) и просматривали каталог постранично, не используя поиск( Поменял надпись на кнопке поиска на что-то более понятное).
Собственно, именно этим мне и хотелось бы закончить рассказ.
Новые технологии появляются каждый день, а это означает новые возможности.
Нет предела совершенству, а значит процесс оптимизации не должен останавливаться.
Наблюдайте за пользователями, анализируйте поведение и адаптируйте сайт под их нужды, не забывая о своих целях.
Теги: #конверсия сайта #интернет-магазин #Повышение конверсии #Growth Hacking
-
Санкт-Люсия
19 Oct, 24 -
Что Такое «Модель Предметной Области»?
19 Oct, 24 -
Arangodb В Реальном Проекте
19 Oct, 24 -
Как Я Пришел В Ux
19 Oct, 24 -
Гтуг В Омске. Как Это Было
19 Oct, 24 -
Новый Поиск По Сайту От Google
19 Oct, 24 -
Как Я Пошёл На Летнюю Стажировку И Остался
19 Oct, 24
