A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

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

– Коммерческие факторы.
– Внешние факторы.

Мы не просто говорим, в чем неприятности. Мы помогаем их решить

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

Оценка результатов тестирования

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

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

ab testi paltsax 0AF62 - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

Статистика по одной из предположений теста

В случае, если действуете по-второму, оценить достоверность тестирования возможно посредством калькуляторов.

Калькуляторы для подсчета достоверности сплит-теста:

  • Driveback на русском;
  • Hungrysites на русском;
  • Mindbox на русском;
  • ABTestGuide на британском, но с визуализацией графиками.

На базе гайда об оптимизации конверсии от зарубежного оптимизатора Брайана руководства и Дина по A/B-тестированию основателя Visual Website Optimizer Параса Чопры.

A/B тестирование сайта: по какой причине опыты – это сильно

ab testirovanie sayta 10125BF - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

ab testirovanie sayta A82398 - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

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

Что это такое – А/Б тестирование сайта?

В случае, если кратко, то это способ оценки эффективности двух вариантов одной и той же страницы. К примеру, имеется два дизайна карточки товара и оба они так круты, что вы кроме того дремать и имеется не имеете возможность. Логичный выход – проверить, какой вариант трудится лучше. Для этого половине визитёров показывается вариант №1, а половине – вариант №2. Побеждает тот, кто лучше справляется с поставленными задачами.

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

Как проводится A/B тестирование сайта

Постановка задачи

Сперва необходимо определиться с целью. Осознайте, чего вы желаете добиться: повышения конверсии, времени нахождения на сайте либо снизить процент отказов. В случае, если с задачами и целями все ОК, поменяйте контент либо дизайн, опираясь на них. К примеру, возможно пойти по пути всех growth-хакеров и поменять дизайн и расположение кнопки «Приобрести». на данный момент она висит слева внизу и вы желаете взглянуть, что будет, в случае, если поменять ее внешний вид и передвинуть кнопку выше и правее.

Техническая реализация

Тут все легко – или создается отдельная страница, на которой изменяется лишь объект тестирования, или программист использует волшебство и реализует все в рамках одного документа.

Подготовка контрольных данных

Страница переделана и все готово к запуску теста. Но вначале необходимо измерить исходные показатели всех остальных и конверсии параметров, каковые мы будем учитывать. Исходному варианту страницы присваиваем имя «A», а новому – «B».

Сейчас необходимо случайным образом поделить трафик пополам. Половине пользователей показывается страница A, а остальным – B. Для этого возможно воспользоваться особыми сервисами (их довольно много) либо сделать все руками программиста.

Наряду с этим принципиально важно, дабы «состав» трафика был однообразным. Опыт не будет объективным, в случае, если всем пользователям, пришедшим по клику на контекст будет доступен лишь первый вариант, а всем визитёрам из социальных сетей – лишь второй.

Анализ

Сейчас необходимо ожидать, пока наберется хватает статистики и сравнить результаты А/Б тестирования. какое количество поэтому нужно будет ждать, зависит от популярности сайта и некоторых вторых параметров. Выборка обязана воображать статистическую значимость. Это значит, что возможность случайности результата должна быть не выше 5%. Пример: Допустим, на обеих страницах однообразное количество визитов – по тысяче. Наряду с этим у страницы A 5 целевых действий, а у страницы B – 6. Итог отличается через чур незначительно, дабы сказать о закономерности, исходя из этого он не годится.

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

Выработка ответа

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

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

Как сделать A/B и сплит-тестирование объективным

Снизить влияние внешних факторов. Мы уже мало затронули эту тему – необходимо проводить тест в одинаковый период времени, а источники трафика должны быть однообразными для обеих страниц. Если не позаботиться о равных условиях, то получите нерепрезентативную выборку. Люди из поиска ведут себя на странице не так, как визитёры из группы в «Фейсбуке» либо «Вконтакте». То же самое с количеством трафика – он должен быть приблизительно однообразным.

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

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

Воздействует ли A/B тестирование сайта на SEO?

Имеется популярный миф, что А/Б тестирование может выйти боком, в силу того, что из-за дублирования страниц возможно попасть под фильтры поисковых машин. Это неправда. Гугл кроме того говорит, как сделать все верно и дает для этого особые инструменты.

Что и как возможно улучшить посредством A/B тестирования

  • Конверсию. Самый популярный вариант. Кроме того незначительное изменение страницы может оказать влияние на показатель конверсии. Наряду с этим целевым действием может принимать во внимание и приобретение, и регистрация, и просмотр какой-либо страницы, и подписка на рассылку, и переход по ссылке.
  • Средний чек. В этом случае довольно часто тестируют новые блоки дополнительных продаж: «похожие товары» и «с этим товаром довольно часто берут».
  • Поведенческие факторы. К ним относят глубину просмотра, среднее время на сайте и отказы.

В большинстве случаев пробуют поменять:

  • Дизайн кнопок «Приобрести», «Покинуть заявку».
  • Контент страницы: заголовки, описание продукта, изображения, призывы к действию и все другое.
  • внешний вид и Расположение блока с стоимостями.
  • Структуру страницы.
  • Размещение, дизайн и структуру формы заявки.

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

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

Их легко куча, исходя из этого мы выбрали самые лучшие. Все они английские и исходя из этого дорогие, но у каждого имеется бесплатный пробный период. В РФ что-то подобное делает лишь lpgenerator.ru, но тестировать в том месте возможно лишь лендинги, созданные в конструкторе сервиса. Собственную страничку загрузить не окажется.

Optimizely.com

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

Changeagain.me

Достаточно эргономичный сервис, основное преимущество – несложная и полная интеграция с Гугл Analytics: цели возможно создавать прямо в сервисе, а они позже машинально подгружаются в совокупность. Остальные функции более-менее стандарны: несложный визуальный редактор, таргетинг по странам и устройствам. конкретный комплект зависит от тарифного замысла..

ABtasty.com

Данный сервис отличается громадным пробным периодом – он продолжаться аж 30 дней, вместо стандартных 14-15-ти. Плюс, инструмент интегрируется в вордпрессе, Гугл Analytics и пара вторых сервисов, которыми пользуются забугорные веб и маркетологи-мастера. Из дополнительных плюсов: эргономичный интерфейс и детальный таргетинг.

Как совершить A/B тестирование через Гугл Analytics

Для этого необходимо зайти в собственный аккаунт, открыть меню отчета, досскроллить до вкладки «Поведение» и в ней надавить «Опыты». В том месте все предельно легко.

ab testirovanie sayta 1AF6FA - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

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

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

Затем Analytics выдаст код, что необходимо разместить на странице A и запустить опыт. Отчеты по эффективности возможно будет заметить в том же меню «Опыты».

Как настроить «Яндекс Метрику» для A/B тестирования

Работа делится на две части. Сперва необходимо или создать две страницы, или настроить одну на показ пользователю двух различных типов элементов. Как это сделать – тема для отдельной громадной статьи, исходя из этого ее, пока что, обойдем

Затем необходимо передать в метрику данные о том, какой вариант сайта заметил пользователь. Маленькую инструкуцию дает сам «Яндекс» . Для нам необходимо создать параметр А/Б тестирования и присвоить ему необходимое значение. При с кнопкой мы определяем параметр как:

Затем параметр передается в «Метрику» и его возможно применять для создания отчета по «параметрам визитов».

Итоги

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

ab testirovanie sayta F7E75B - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

Эксперты студии SEMANTICA совершат комплексный анализ сайта по следующему замыслу:

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

  • Сделайте пара тестов.

    В статье:

    ab testi paltsax 130A - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    1. Как выяснить размер выборки
    2. Что тестировать первым делом
    3. Как сформулировать догадку

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

    Не отказывайтесь от результатов, если они вам не нравятся.

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

    Что такое A/B тестирование

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

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

    ab testi paltsax 46B49E - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Иллюстрация Параса Чопры smashingmagazine.com

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

    • структуру лендинга;
    • расположение и количество контента;
    • подзаголовки и заголовки;
    • описания и тексты;
    • изображения;
    • тексты и дизайн у СТА-кнопок;
    • формы регистрации на сайте;
    • всплывающие окна;
    • окна и баннеры с акциями, особыми предложениями.

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

    Подготовка к A/B тесту

    Как выяснить размер выборки

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

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

    Калькулятор размера выборки Optimizely разрешает вычислить средний размер выборки для каждого варианта теста:

    ab testi paltsax F81AD - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Работа калькулятора Optimizely

    На русском также имеется такие калькуляторы. Driveback оказывает помощь вычислить нужный размер выборки:

    ab testi paltsax 3F7DA0B - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Вкладка с подсчетом выборки Driveback

    Еще он окажет помощь выяснить статистическую значимость по окончании проведения теста.

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

    Что тестировать первым делом

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

    Метод 1: протестировать страницы с высоким трафиком

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

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

    Вы имеете возможность начать A/B тестирование на страницах с низкими показателями конверсии. Хуже им не будет, но вы сможете улучшить их конверсионность многократно.

    Метод 3: оценить качественные и количественные эти

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

    Как сформулировать догадку

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

    К примеру, эксперт по SEO Брайан Дин решил протестировать прокрутку в его блоге Backlinko. Форма подписки появляется на первом экране:

    ab testi paltsax 5A047F - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Форма подписки в блоге

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

    По окончании формулирования догадки возможно подготавливать варианты для испытаний.

    Запуск A/B теста

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

    Тестируйте понемногу

    Новички довольно часто сходу придумывают довольно много вариантов для испытаний с различными размерами кнопок, другим оформлением и цветами. Умелые веб-мастеры рекомендуют разбивать тесты на пара этапов и затевать с проверки громадных трансформаций. Протестируйте весьма различные предположения страницы с различными кнопками и понемногу дорабатывайте и контролируйте ту, которая показывает отличных показателей. Расставляйте приоритеты догадкам и начинайте с самых серьёзных.

    К примеру, SEO-эксперт Брайан Дин проводит тест на основной странице его блога. Он имел возможность бы сходу контролировать пара вариантов с различными кнопками, размерами логотипа, шрифтами заголовка и другими небольшими трансформациями. Вместо этого он создал две совсем различные страницы. Ветхая была связана со статьями из блога:

    ab testi paltsax F7CC7 - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Страница с недавними статьями блога

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

    ab testi paltsax 3ED93 - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Минималистичный дизайн с кнопкой

    Оптимизатор сравнивал две совсем различные страницы, отличие показателей выяснилось громадной:

    ab testi paltsax 8C6A - A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

    Статистика по окончании теста

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

    Применяйте программы

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

    • Unbounce — английский конструктор для целевых отслеживания и страниц показателей;
    • Flexbe — русскоязычный конструктор сайтов и лендингов с возможностью А/Б тестирования;
    • VWO — платформа для изучения визитёров, оптимизации и тестирования конверсии, на британском;
    • RealRoi — русскоязычный сервис, созданный для тестирования посадочных страниц, сайтов, вебмагазинов;
    • Optimizely — английская платформа для маркетинговых опытов;
    • AB Tasty — визуальный редактор для стремительного создания опытов, на британском.
    • Опыты в Гугл Analytics для A/B и A/B/N тестирования;
    • Google Optimize 360 — сервис от Гугл для А/В и мультиканальных сбора и тестов информации о поведении пользователей.

    Как запустить тест

    Тест в большинстве случаев запускают одним из двух способов:

    1. Редирект на другую страницу.
      В тесте участвуют две версии — постоянно запускайте их одновременно и замеряйте показатели. В случае, если тестировать семь дней один вариант, а вторую семь дней второй, результаты смогут быть искажены из-за трансформаций спроса, действия рекламы, других показателей и вирусного поста.
      – Оптимизация.
      В случае, если необходимо проверить один элемент на странице, ненужно создавать новую такую же, но с другой кнопкой. Замените контролируемый элемент перед загрузкой страницы: создайте варианты данной кнопки в HTML в программе для тестирования, и на протяжении теста программа сама случайным образом продемонстрирует пользователю один из вариантов.

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

    Инструмент A/B тестирования отмечает конверсии, каковые случились на странице. По окончании конверсий и достаточного количества посетителей вы имеете возможность проверить результаты.

    Правила проведения A/B теста

    Если не выполнять правила проведения тестов, результаты будут искажены, а тесты — тщетны. Ответственные правила тестирования:

      Не торопитесь с выводами.
      Если вы тестируете внешний вид кнопки, которая повторяется на сайте в нескольких местах, измените ее и на вторых страницах. Визитёр обязан видеть однообразные варианты одной и той же кнопки, второе оформление может запутать пользователя.

      Включайте в тест лишь новых визитёров.
      Если вы тестируете различную структуру, размещение блоков либо дизайн всей страницы, необходимо создать новый вариант страницы на сайте. К примеру, у вас была домашняя страница https://www.site.com/index.html, вы создали вариант для теста по ссылке https://www.site.com/index1.html. Программа для тестирования перенаправит часть случайных пользователей на одну, а часть на другую страницу, дабы измерять результаты.

      1. Тестируйте понемногу
      2. Применяйте программы
      3. Как запустить тест
  • Похожие статьи

    Как увеличить прибыль и узнать все о Целевой Аудитории своего сайта

    По какой причине так принципиально важно знать аудиторию в лицо?…

    Что такое реклама: ее виды, цели и задачи

    Размещение рекламы на популярных ресурсах может повысить конверсию. Совокупность DynaAds…

    Контакты

    Хотите встретиться и обсудить проект?

    г. Москва, ул. Полбина, д 3, стр 1, офис 212

    Офис в Москве

    +7 (977) 787-13-43
    a@agrachoff.ru

    Заполните форму и мы свяжемся с вами