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

Проблема

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

Решение

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

Результаты

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

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

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

Сначала разберемся с термином “А/В тестирование”.

А/В-тестирование – метод, который позволяет измерять предпочтения аудитории и влиять на ключевые показатели эффективности сайта.

Практическое значение применения данного метода заключается в поиске и внедрении компонентов страницы, увеличивающих её результативность.

При проведении А/В-тестирования рекламный трафик делится ровно пополам между двумя версиями сайта. То есть 50% идет на версию А и 50% на версию В, причем очень важно, чтобы источники трафика были также одинаковыми (контекстная реклама, соц.сети и т.д.).  

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

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

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


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


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


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


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


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


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

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

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

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

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

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

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

Анализ интернет- ресурсов конкурентов может помочь выдвинуть новые гипотезы. Проанализируйте их “фишки”, возможно это именно то, что увеличит конверсию вашего сайта.

Смо́трите и замечаете: призыв к действию над формами заявок другой, заголовок отличается, карточки с товарами

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

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

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

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

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

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

 

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

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

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


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


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

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

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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


• поменяли favicon;


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

Версия С:

Версия Д:

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

Результат

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