Целевая страница A/B-тестирование: 10 лучших вещей для сравнения и почему

Опубликовано: 2022-09-03
Время чтения: 11 минут

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

Какова производительность вашей текущей целевой страницы? Куда уходят пользователи? Все это направлено на то, какие лиды прибывают туда? Как только вы узнаете эти ответы, вы получите более быстрые и лучшие результаты тестов.

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

Это 10 основных элементов вашей целевой страницы для A/B-тестирования и почему. Плюс множество примеров:

  1. Всплывающие окна
  2. Текст призыва к действию
  3. кнопка призыва к действию
  4. Заголовок
  5. Основная копия
  6. Изображения и видео
  7. Поля формы регистрации
  8. Макет дизайна целевой страницы
  9. Социальное доказательство
  10. Мелкие детали (цвета, шрифты и т. д.)

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

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

Источник: ХабСпот

Но каждый тест должен быть основан на исследованиях и наблюдениях. Затем вам нужна гипотеза для работы.

Источник: Leadpages

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

Вот некоторые из самых популярных:

  1. АБ Вкусно
  2. Сумасшедшее яйцо
  3. Набор для A/B-тестирования от HubSpot
  4. куча
  5. Гугл Оптимизация
  6. ВВО
  7. Да Пуговичная Фабрика

Итак, проверьте их и посмотрите, работают ли они для вашего бренда.

Всплывающие окна

Есть ли в текущей версии вашей целевой страницы всплывающие окна? Если нет, то почему? Мы все сталкивались с всплывающими окнами, разрушающими UX (пользовательский опыт). Но это не должно быть так. Если все сделано правильно, они могут снизить показатель отказов и переместить потенциальных клиентов вниз по воронке продаж.

Источник: Оптинмонстр

Существует так много способов A/B-тестирования всплывающих окон. Вы можете попробовать разные цвета или оттенки:

Источник: Getsitecontrol

Есть много разных форматов, которые можно попробовать. В зависимости от того, насколько тонким или очевидным вы хотите быть:

Источник: Boagworld

Если вы занимаетесь электронной коммерцией, вы можете попробовать различные предложения для посетителей страницы:

Источник: Getsitecontrol

Несколько вещей, о которых следует помнить:

  • Время решает все
  • Сохраняйте размер и дизайн простыми
  • Четко объясните, что произойдет после того, как пользователи нажмут
  • Используйте понятный текст

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

Текст призыва к действию

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

Заманчиво не усложнять и написать «Нажмите здесь». Но есть так много альтернатив, которые привлекут пользователей и, надеюсь, вдохновят их на желаемые действия.

Итак, что вы должны написать? Во-первых, вам нужно определить намерение конверсии. Вы хотите согласовать свою копию с тем, где пользователи находятся в воронке и откуда они пришли (источник трафика).

Источник: КлиентБуст

Спокойствие делает вещи действительно простыми. Одна строка текста говорит вам о главной цели приложения. Затем 5 различных кнопок CTA позволят вам выбрать наиболее актуальную проблему. После этого вы пройдете быструю персонализированную викторину, чтобы узнать, как лучше всего использовать приложение. Гений.

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

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

кнопка призыва к действию

Кнопка CTA — это последний шаг вашего призыва к действию. Он превращает пассивных посетителей в активных пользователей. Так что он заслуживает отдельного раздела.

Потому что так много частей могут привести к более высокому коэффициенту конверсии:

  • Сделать дизайн кликабельным
  • Быть описательным с вашей копией
  • Правильный размер и расстояние
  • Попытка от первого лица
  • Создание срочности и использование сильных глаголов
  • Добавление подзаголовка

Источник: Канва

Одна небольшая настройка кнопки CTA может кардинально повлиять на результаты A/B-тестирования. Unbounce обнаружил, что изменение текста на их целевой странице с «Начать бесплатную 30-дневную пробную версию» на «Начать мою бесплатную 30-дневную пробную версию» увеличило рейтинг кликов на 90%.

Даже изменение цвета кнопки может иметь большое значение. Пользователи явно предпочли ярко-оранжевую версию этого письма темно-синей версии B:

Источник: Снов

Вы можете попробовать разные версии кнопок с помощью бесплатного инструмента Da Button Factory. Создавайте различные стили, цвета, шрифты и текст. Затем загрузите и протестируйте на своей целевой странице.

Источник: Фабрика пуговиц Да

Вы даже можете попробовать добавить кнопку «подзаголовки», чтобы показать, что вы понимаете потенциальные болевые точки:

Источник: CoSchedule

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

Источник: Маркетинговые примеры

Оптимизация целевой страницы заключается в этих крошечных деталях. Особенно с последним шагом перед вашим преобразованием. Так что не забывайте о них.

Заголовок

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

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

Источник: Leadpages

Вот некоторые вещи, с которыми вы можете поэкспериментировать:

  • Сама копия
  • Длина предложения
  • Где он находится на странице
  • Размер и шрифт
  • Какое главное преимущество вы выделяете

Автор Аманда Стивенс увеличила коэффициент конверсии своих электронных книг на 307% только благодаря A/B-тестированию формулировки своего заголовка. Она перешла с этой оригинальной версии:

Источник: Иссуу

К этому гораздо более ясному обновлению:

Вот еще один пример A/B-тестирования от KlientBoost. В настоящее время они тестируют заголовок страницы своего маркетингового плана. Вот первая версия страницы:

И другой они испытывают:

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

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

Основная копия

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

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

Cards Against Humanity — это игра для вечеринок ужасных людей. И они используют свой дерзкий и саркастический тон, чтобы подытожить все в двух коротких абзацах.

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

Источник: Маркетинговые примеры

BarkBox — отличный пример четкого, хорошо отформатированного текста. Они заставляют потенциальных клиентов узнать, что именно они получают, самым быстрым способом.

И минималистичный вид, кажется, становится растущей тенденцией. Такую же тактику применил бренд тоников Unspiked. Замена стены текста несколькими основными моментами в их разговорном тоне.

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

Изображения и видео

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

Это может быть в разных форматах:

  • Скриншоты из вашего приложения
  • Пользовательский контент и социальное доказательство
  • Фотографии вашего продукта
  • Мультфильмы или графика
  • Фильмы или шоурилы

Источник: Маркетинговые примеры

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

Качественное фото продукта, который люди могли бы купить:

Источник: Бычок

Эскиз, который передает виды вещей, охватываемых услугой:

Источник: Лимонад

Скриншот приложения в действии:

Источник: Тодоист

Шоурил, воспроизводимый на заднем плане, по которому можно щелкнуть, чтобы просмотреть более четко:

Источник: MadeBrave

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

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

Поля формы регистрации

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

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

Источник: Маркетинговые примеры

Подумайте, насколько простой вы можете сделать свою регистрационную форму. Может быть, вы могли бы попросить просто электронное письмо, такое как Notion.

Источник: Понятие

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

  • Запрашивайте данные кредитной карты для бесплатных пробных версий или нет
  • Дайте немедленный отзыв о заполненных полях (например, галочки или крестики)
  • Варианты регистрации через социальные сети, Google или Apple
  • Текст призыва к действию и цвет кнопки
  • Структура формы, размещение и индикаторы прогресса
  • Добавьте инструкции или варианты сообщений об ошибках

Думайте обо всем на своей целевой странице как о призыве к ценности, а не о призыве к действию. Этот совет увеличил количество регистраций на этом форуме ставок на 31,54%.

Источник: Unbounce

Потому что было гораздо более очевидно, что люди получат от регистрации. Тест длился 9 дней с размером выборки 13 560 посетителей и 291 конверсией. И это все важные показатели, которые вам нужно отслеживать с помощью любого A/B-тестирования, которое вы тоже проводите.

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

Макет дизайна целевой страницы

До сих пор я рассмотрел множество отдельных элементов страницы. Но как насчет дизайна вашей целевой страницы в целом?

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

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

Источник: ГИФИ

Многое будет зависеть от того, являются ли ваши посетители теплыми или холодными лидами. Размещение CTA и форм «выше сгиба» является стандартным. Но это может показаться навязчивым, если люди ничего не знают о вашем продукте.

Эта компания переместила свой призыв к действию в нижнюю часть своей длинной целевой страницы B2C. И фактически увеличил конверсию на 304%.

Источник: Нил Патель

Не просто следуйте норме. Или то, что делают все остальные. Потому что это может не подойти для вашего сайта.

Конструкторы целевых страниц, такие как Unbounce или Leadpages, имеют множество шаблонов и опций. Итак, используйте их для вдохновения или идите своим путем.

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

Социальное доказательство

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

Социальное доказательство может принимать различные формы:

  • Отзывы
  • Отзывы
  • Тематические исследования
  • Пользовательский контент (UGC)
  • Поддержка влиятельных лиц и послов бренда
  • Статистика пользователя

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

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

В других случаях социальное доказательство может загромождать страницу. И отвлеките внимание от CTA. Таким образом, это может означать, что сначала нужно посмотреть на макет, прежде чем добавлять его.

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

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

Источник: Коробка с орехами

Так как же получить собственное социальное доказательство? Попробуйте эти варианты:

  • Попросите клиентов в социальных сетях оставить отзыв
  • Используйте социальное прослушивание, чтобы узнать, что люди говорят о вашем бренде
  • Добавьте отзывы на свой сайт
  • Попросите UGC или начните кампанию с хэштегом
  • Выделите некоторые показатели из Google Analytics

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

Мелкие детали (цвета, шрифты и т. д.)

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

Нужен пример? Увеличение размера фона этой кнопки CTA фактически снизило конверсию на 10%. Сумасшедший, верно?

​

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

Вы можете играть с:

  • Цветовая схема
  • Типографика и размер шрифта
  • Таймеры обратного отсчета
  • Фоновые изображения и узоры
  • Цвет ссылки

Очевидно, вы не хотите тратить время на тестирование сотен вариантов шрифта. Итак, будьте реалистами и выберите несколько, которые соответствуют вашему бренду.

В случае с этим сайтом увеличение размера шрифта одной ссылки привело к увеличению кликабельности на +33%.

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

Вывод

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

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

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

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