Все об интернет-маркетинге
из первых рук
Подписаться на рассылку подписаться
на рассылку
нас уже
112 018

Optimizely — удобный инструмент A/B тестирования сайта

Мы ведем наш дайджест с 2012 года, и обладаем главной базой приемов по продвижению интернет-проектов.

A/B тестирование — нужный и полезный способ увеличения конверсии сайта. Основа методики заключается в сравнении 2-х страниц ресурса по заданным параметрам и выборе наилучшего из них. Для этого необходимо создать две идентичные страницы сайта, которые различаются тестируемыми элементами, запустить эксперимент на одинаковую выборку пользователей в одно и то же время, замерить полученные результаты и выбрать лучший вариант.



Каждый владелец сайта заинтересован в увеличении конверсии собственного ресурса:

1. интернет-магазины хотят больше продавать;

2. онлайн-сервисы и приложения заинтересованы в переводе пользователей с бесплатной версии на платную;

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


Какие элементы стоит тестировать?


Прежде чем приступить к A/B тестированию, вам необходимо определиться с элементами и сформировать гипотезы. При этом имейте в виду, что эксперимент в среднем будет длиться в течение 2-х недель и для него необходима большая выборка пользователей.

1. Кнопки действия

Попробуйте изменить цвет кнопок, надписи, их размер и расположение — все это может привести к изменению поведения пользователей и увеличению конверсии. Например, замена цвета кнопки помогла сервису CareLogger поднять конверсию на 34 %.


Green в / с Красная

2. Навигационное меню

Меняйте расположение меню (горизонтальное/вертикальное), а также порядок разделов.

3. Заголовки и подзаголовки

Изменяйте заголовки и подзаголовки, ищите броские и цепляющие слоганы, которые понравятся вашим пользователям.

4. Размещение элементов

Экспериментируйте с размещением элементов страницы: переносите видеоролики наверх или вниз, меняйте смысловые блоки местами, убирайте лишние элементы (часто пользователь просто теряется в представленных продуктах).

5. Изменение формы регистрации

Убирайте лишние поля в форме регистрации, которые растягивают конверсионные пути. Так, например, компания Seamless убрала лишнее поле в форме заказа. В результате количество кликов увеличилось на 20 %, а количество заказов — на 5 %.

Оригинальная форма:


Измененная форма:



6. Картинки

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

7. Контент

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


Инструменты A/B тестирования


Сегодня существует несколько сервисов, предлагающих проведение A/B тестирования.

1. optimizely.com — зарубежный сервис, заточенный на проведение A/B тестирования. Среди его возможностей: простые эксперименты с изменением изображений, редактированием кнопок, подключением дополнительных скриптов. Сервис дает возможность настроить таргетинг, время и распределение аудитории при проведении тестирования. На дорогих тарифных планах можно внедрять эксперименты и с мультивариантным тестированием.

2. visualwebsiteoptimizer.com — также зарубежный сервис, предлагающий помимо A/B тестирования анализ юзабилити, лендингов, карты кликов. Для мультивариантного тестирования лучше использовать именно его. Ежемесячная стоимость подписки — от 49 $.

3. unbounce.com — сервис специализируется на создании landing pages, но при желании можно запустить и A/B тестирование. Ежемесячная стоимость подписки — от 49 $.

4. abtest.ru — русскоязычный сервис, повторяющий функционал Optimizely. ABtest нестабильно работает в режиме beta-версии и на текущий момент является бесплатным.

Очень простым и полезным инструментом для проведения A/B тестирования является сервис Optimizely. Выбран он из-за низкой стоимости и больших возможностей при проведении экспериментов. Вам не нужно больше создавать отдельные тестовые страницы и задействовать программистов. В простом и удобном визуальном редакторе легко работать самостоятельно. После создания экспериментальной страницы вам лишь необходимо добавить JavaScript в код страницы своего сайта.

Создайте собственный аккаунт и воспользуйтесь 30-дневным бесплатным доступом. Для этого перейдите на вкладку “Pricing”.


Затем нажимаем на кнопку “Month-to-Month”:



Далее переходим к выбору тарифа:



Введите данные своей пластиковой карты для завершения регистрации. Не бойтесь, если вам не понравится сервис: вы легко можете вернуть деньги и закрыть аккаунт. Минимальная стоимость — 19 $ в месяц после окончания бесплатного периода.

Сервис предложит познакомиться с вводной инструкцией, которая поможет в работе. Дальше вы попадаете во внутренний интерфейс и можете запускать свои первые эксперименты. Для этого введите адрес оригинальной страницы вашего сайта и нажмите “Create Experiment”, заполнив необходимые поля.

Например, мы решили изменить название кнопки «Подать заявку» на «Начать продвижение». Optimizely позволяет мгновенно внедрять изменения, необходимо лишь определиться с нужными элементами:



Выбираем кнопку «Подать заявку» и действия, которые мы хотим с ней совершить, а именно «Изменить текст» (“Edit Element” — “Edit Text”).



Заменяем в редакторе надпись на «Начать продвижение» и нажимаем “Done”:



Запускаем тестирование: для этого размещаем код эксперимента в HTML-версии страницы после тега <head>:


Результаты эксперимента вы можете наблюдать, если нажмете “Options” — “View Results”. Выглядеть они будут следующим образом:



Обратите внимание: в сервисе есть возможность настройки таргетинга экспериментальной страницы (кому и на каких устройствах будем показывать).

Также если на вашем сайте установлен код Google Analytics, то скрипт экспериментальной страницы от Optimizely необходимо размещать выше него, а лучше всего — в самом начале страницы. Эксперимент в Optimizely вы всегда сможете интегрировать со счетчиком GA (подробная инструкция: https://help.optimizely.com/hc/en-us/articles/200039995).


Заключение


Как вы видите, провести A/B тестирование достаточно просто, главное — желание и правильный инструмент.