Увеличьте конверсию сайта с помощью А/В тестирования

Проблема

Снизилось количество заявок с сайта или их качество.

Решение

Проведение А/В тестирования сайта.

Результаты

Повышение конверсии сайта.

Собираетесь создавать сайт или он у вас уже есть, но даёт мало заявок? Тогда вам просто необходим такой инструмент аналитики, как А/В тестирование. О том, что это за зверь и с чем его едят, читайте в нашем кейсе. Разберём на примере одного из наших клиентов.

Немного теории

Сначала разберемся с термином “А/В тестирование”. А/В-тестирование – метод, который позволяет измерять предпочтения аудитории и влиять на ключевые показатели эффективности сайта.Практическое значение применения данного метода заключается в поиске и внедрении компонентов страницы, увеличивающих её результативность.При проведении А/В-тестирования рекламный трафик делится ровно пополам между двумя версиями сайта. То есть 50% идет на версию А и 50% на версию В, причем очень важно, чтобы источники трафика были также одинаковыми (контекстная реклама, соц.сети и т.д.).  При стабильном трафике результаты тестирования можно оценивать уже через 2 недели. Если вы видите, что после внесенных изменений В-версия сработала лучше и конверсия по показателям на ней выше, значит, вы движетесь в верном направлении. Но это не значит, что можно остановиться на достигнутом! Ведь конверсию можно повышать и дальше.  Выдвигайте следующие гипотезы, вносите правки и тестируйте. Важно учесть, что версия В при успешном результате становится версией А - основной версией сайта. В идеальной картине мира А/В тестирование - непрерывный процесс. Только так вы добьетесь самой высокой конверсии и низкой стоимости лида.

Какие элементы на сайте можно подвергнуть тестированию:

• Текст и внешний вид конверсионных кнопок, а также их расположение.


• Заголовок и описание продукта.


• Размеры, внешний вид и расположение конверсионных форм.


• Макет и дизайн страницы.


• Карточки товаров


• Изображения товаров и другие иллюстрации.


• Количество текста на странице.

Инструкция по проведению сплит-тестирования

Первый шаг – анализ метрики вашего сайта

“Яндекс.Метрика” – уникальный инструмент со множеством возможностей. С её помощью можно увидеть, как ведёт себя посетитель на сайте, какие блоки более востребованы, а какие нет. Возможно, вы считаете, что форма в центре страницы – ваш основной источник лидогенерации, а метрика может показать, что популярностью пользуется форма в правом верхнем углу, так как на ней более релевантный призыв к действию, и люди кликают на нее чаще.

“Яндекс.Метрика” учитывает:

• Количество посетителей, глубина просмотра, время на сайте, процент отказов.
  
• Наиболее популярные источники трафика (откуда пришли на сайт).
  
• Самые просматриваемые страницы/разделы сайта.
  
• Вебвизор (видеоролики поведения определенного посетителя на сайте).
  
• Карты.
  

Загляните к конкурентам

Анализ интернет- ресурсов конкурентов может помочь выдвинуть новые гипотезы. Проанализируйте их “фишки”, возможно это именно то, что увеличит конверсию вашего сайта. Смо́трите и замечаете: призыв к действию над формами заявок другой, заголовок отличается, карточки с товарамидалеко не как у вас, шрифт тоже, цвет... да что угодно! Мы не можем знать наверняка, что именно так манит людей оставить заявку. Но мы собираем самые вероятные по нашему мнению гипотезы.Итак, проанализируйте сайты конкурентов с точки зрения конверсионности, отметьте удачные фишки, которые можно применить на вашем сайте (это, кстати, называется бенчмаркинг), проведите работу над ошибками на своём web-ресурсе с помощью “Яндекс.Метрики”. Теперь соберите все данные и напишите ТЗ программисту, который, в свою очередь, создает аналогичную версию сайта, но с указанными изменениями. Запустите рекламный трафик и ждите результатов!

Сработало? Ура! Вы движетесь в верном направлении! Но не останавливайтесь на достигнутом, постоянно анализируйте и вносите коррективы, только тогда вы добьетесь максимально низкой цены заявки.
Ситуация не изменилась или ухудшилась? Что ж, ваши гипотезы ушли в другую сторону. Пробуйте дальше, проведите опрос потребителей, получше изучите свою ЦА и запустите ещё одну, уже С версию сайта.

А теперь на примере

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

Как выглядела изначальная А-версия сайта:

 

Конверсия сайта из посетителей в заявку была 1,72%.

После просмотра “Вебвизора” (запись поведения клиентов на сайте) и Карты кликов было обнаружено, что довольно часто клиенты оставляют заявку после того, как просмотрят сайт до блока Кейсы и изучат его.
Было принято решение о создании второго сайта (версия «Б»), где блок Кейсы будет гораздо выше, чем раньше.
На сайте версии “Б” были внесены следующие отличия от первого:

• блоки Кейсы и Клиенты были размещены гораздо выше;


• изменен цвет кнопок с черного на оранжевый;


• изменена надпись на кнопке слайдера с “Заказать печать ...” на “Заказать расчет печати”.

Такой получилась В-версия сайта:

Для А/Б-тестирования было настроено равномерное распределение входящего потока посетителей между двумя сайтами.
Конверсия сайта из посетителей в заявку поднялась до 2,68%
После удачного эксперимента, было принято решение об изменении дизайна всего сайта.
При создании новых сайтов была использована информация, полученная после А/Б-тестирования сайта,  а также информация после анализа рекламных кампаний в Яндекс.Директ и Гугл.Реклама и информации из Wordstat Яндекса по сезонности запросов. Были внесены следующие отличия:

• изменили логотип;


• изменили дескриптор;


• добавили e-mail;


• изменили телефон на уникальный;


• изменили описание всех кнопок на сайте;


• изменили цвет всех кнопок на сайте;


• изменили оффер на “Сократите расходы на печати больших тиражей до 40% на высококачественном немецком оборудовании Работаем в режиме 24/7”;


• изменили фоновую картинку;


• добавили открытую форму для заявок на первый экран;


• добавили онлайн-чат CallBackHunter;


• в блок Клиенты добавили новых (было 8, стало 12);


• изменили PopUp (описание, картинка, кнопка);


• изменили заголовки блоков;


• сделали адаптацию для всех устройств;


• поменяли favicon;


• добавили footer с ссылками на блоки сайта.

Версия С:

Версия Д:

Правильность расстановки блоков, применения открытой формы на первом экране и использование цвета и надписи на кнопках подтверждает карта кликов и вебвизор (запись поведения клиентов на сайте):
Блок “Выполненные заказы”
Блок “Виды полиграфической продукции”

Результат

В результате конверсия сайта из посетителей в заявки выросла до 6,41%.
Хотите провести А/В тестирование вашего сайта? Пишите, мы знаем, как вам помочь!