Как проводить A/B-тестирование изображений функций в WordPress

Опубликовано: 2016-11-14

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

Прежде чем мы перейдем к различным типам A/B-тестов и тому, как их начать, вот несколько ключевых терминов, которые нужно знать:

  • Переменная : это элемент вашего сайта, который вы хотите протестировать.
  • Variation : различные варианты версии при запуске теста; в данном случае варианты «А» или «В».
  • Конверсия : когда пользователь выполняет желаемое действие.
  • Тест : период времени, в течение которого собираются данные.
  • Победитель : вариант, который показал лучшие результаты во время теста.

Типы A/B-тестов

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

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

a-b-test-feature-images-inspiring

Запуск сплит-теста изображения функции

Если вам интересно, какое изображение лучше всего подходит для поста, сплит-тест — идеальный способ найти решение. Создав вариант изображения функции «A» и «B» и сравнив их друг с другом, вы можете использовать эти данные, чтобы увидеть, какой из них работает лучше. Затем вы можете внедрить новое изображение, чтобы повысить коэффициент конверсии. Делая это, вы не просто угадываете, что сработает лучше всего; вы знаете, что на самом деле работает и какое изображение приводит к наибольшему количеству конверсий.

Рекомендации по изображению для эксперимента

Изображения имеют огромное влияние на веб-сайт. Без них иногда опыт просто не так уж и приятен. Пользователи также хотят видеть уникальные изображения, а не старые стоковые фотографии. Используя качественные изображения на вашем сайте, они могут помочь донести ваше сообщение и улучшить ваш бренд. Например, допустим, вы посещаете веб-сайт кофейни. Было бы немного странно видеть изображения гамбургеров. Они могут подавать еду, но основная причина, по которой люди ходят в кофейню, — это выпить кофе. Когда пользователи видят качественное изображение в качестве рекомендуемого изображения, они сразу понимают, что могут получить чашку хорошего кофе. Суть в том, что используйте изображения, которые отражают ваш бренд и актуальны, чтобы пользователи не путались в вашем бизнесе.

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

Выбор изображений для эксперимента

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

a-b-тест-функция-изображения-сравнение страниц

Типы конверсий на сайте.

«Конверсия» — популярное слово в мире цифрового маркетинга. Что именно? Это зависит от типа сайта, с которым вы работаете, и типа конверсии, которую вы ищете. Регистрация в списке рассылки, нажатие кнопки призыва к действию и покупка продукта — все это отличные примеры конверсий. Желаемая конверсия для этого эксперимента — заставить читателя подписаться на дегустацию кофе со страницы события.

Определение действий и целей

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

a-b-test-feature-images-form-page

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

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

Плагины для сплит-тестирования для WordPress

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

Для A/B-тестирования изображений функций в WordPress попробуйте использовать эти плагины:

  • Оптимизатор изображения A/B
  • Простой тестер страниц

Оптимизатор изображения A/B

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

a-b-test-feature-images-optimizer

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

a-b-test-feature-images-optimizer-a
Вот вариант «А».
a-b-test-feature-images-optimizer-b
Вот вариант "В".

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

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

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

a-b-test-feature-images-results
a-b-test-feature-images-производительность

Простой тестер страниц

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

a-b-test-feature-images-simple-page-tester

Сначала установите плагин, затем выберите «Настроить новый сплит-тест».

a-b-test-feature-images-simple-page-test-setup

Здесь будут созданы варианты страниц. Вы можете «Дублировать главную страницу», «Выбрать существующую страницу» или «Создать новую страницу».

a-b-test-feature-images-two-pages

Этот пример был создан путем дублирования мастер-страницы. После этого вы увидите две страницы в списке. В настоящее время, прежде чем вносить какие-либо изменения в версию «B», единственным отличием является ссылка. По умолчанию в конце стоит «2», поэтому это выглядит примерно так: http://thiswebsite.com/yirgacheffe-coffee-tasting-2.

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

a-b-test-feature-images-analytics

Для простого теста изображения функции это все, что вам нужно сделать. Остальное сводится к ожиданию, чтобы увидеть, как все работает. Этот инструмент имеет встроенную базовую аналитику, но не такую ​​подробную, как Google Analytics.

Измерьте эти результаты с помощью целей Google Analytics.

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

a-b-test-feature-images-signup

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

a-b-test-feature-images-goal-воронка
a-b-test-feature-images-воронка-пример

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