Первая складка вашей паутины

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

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

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

Гипотеза: сосредоточьтесь на сообщении

В Nelio у нас есть два премиальных плагина для WordPress: Nelio Content и Nelio A/B Testing. Сегодня мы сосредоточимся на втором, который также используется для запуска тестов в этом разделе нашего веб-сайта. Давайте проанализируем первую складку целевой страницы Nelio A/B Testing.

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

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

На скриншоте выше показано, что вы видите в первом сгибе этой страницы. Его основное название — название продукта: Nelio A/B Testing. Затем у нас есть подзаголовок, который пытается создать у пользователей ощущение срочности, чтобы они начали тестировать свои сайты.

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

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

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

Первое, что мы собираемся сделать, это перейти к Nelio A/B Testing в WordPress и создать новый A/B тест страниц. Я призываю вас сделать то же самое со своей целевой страницей и поделиться с нами своими результатами в комментариях. Вы можете выполнить этот тест бесплатно, просто установив Nelio A/B Testing из каталога плагинов WordPress.

Теперь нам нужно назвать тест и вариант, который мы собираемся создать. Цель теста — посетить страницу с ценами. Таким образом, мы добавляем действие-конверсию, которое отслеживает посещения страницы с ценами как конверсии. Настройка всего этого теста займет у вас меньше минуты. Теперь отредактируем вариант с изменениями.

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

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

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

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

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

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

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

Анализ результатов: наши изменения сработали лучше?

Начнем с результатов теста страницы на английском языке. Вы можете увидеть все детали на следующем скриншоте:

Этот тест длился 26 дней, всего было проанализировано почти 1000 посетителей. Как видите, на данный момент тест смог определить, что версия B является победителем.

Как мы уже знали, исходная версия имеет коэффициент конверсии, который в данном случае составляет 54%. Это соответствует данным инструмента веб-аналитики, о котором я упоминал ранее. С другой стороны, этот вариант достиг коэффициента конверсии более 60%, что означает улучшение на 12,3%.

Данные статистически значимы со значением достоверности более 95%. Таким образом, мы можем подтвердить, что вариант с новой копией, использующей весь первый сгиб страницы, лучше, чем то, что у нас было до сих пор. Наша гипотеза была верна. Тогда мы должны быть счастливы.

Как подать заявку на выигрышный вариант

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

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

Как насчет теста для страницы на испанском языке?

Ну, у вас есть результаты ниже:

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

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

Итак, наша работа здесь состоит в том, чтобы продолжать объяснять преимущества A/B-тестирования нашей испанской аудитории. Делая это, мы надеемся получить больше трафика и интереса к теме.

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

Избранное изображение Мэтью Т. Рейдера на Unsplash.