Руководство по A / B-тестированию с Оптимизатором веб-сайта Google

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

По сути, вы бы создали 2 страницы с немного другим содержанием: заголовки, изображения и другие материалы, которые вы хотите проверить. Google Web Optimizer будет подсчитывать все ваши общие посетители и равномерно распределять трафик между обеими страницами. Предоставляется статистика общего количества переходов на целевую страницу, поэтому вы можете сравнить, какие изменения приводят к большему количеству регистраций. Сервис фактически связан непосредственно с Google Analytics, что является огромным бонусом..

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

Оптимизатор веб-сайта - обзор макета

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

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

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

A / B против многовариантных тестов

Когда вы впервые приступите к созданию эксперимента, Google попросит вас выбрать между A / B и многовариантным тестированием. Эти термины могут вас отпугнуть, но я обещаю, что их нетрудно понять..

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

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

Каковы твои цели?

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

Команда Google фактически опубликовала на YouTube большое количество обучающих видео. Они довольно обширные, но и длинные. Я рекомендую вам ознакомиться со списком уроков, чтобы посмотреть, выпадет ли что-нибудь. Важно то, что вы не спешите и логически планируете решения.

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

Создание нового эксперимента

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

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

JavaScript и разделы страницы

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

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

А теперь снова в GWO нажмите “Проверить страницы” кнопка. Если все выглядит хорошо, Google переместит вас к следующему шагу. В противном случае вы получите конкретные сообщения об ошибках и подсказки о том, как завершить процесс проверки. Обратите внимание: если у вас возникли проблемы в сети, попробуйте создать два локальных файла HTML. GWO позволит вам загрузить автономная версия страниц просто как тестовый прогон.

Разработка содержимого переменной

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

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

• Новый логотип цвета, размер, положение на странице (привлекает внимание пользователей)
• Удаление или замена баннерной рекламы для большего количества кликов
• Кнопки, используемые для конвертации пользователей - регистрация, загрузка, покупка, регистрация и т. Д..
• Копия веб-страницы (текст на странице) может повлиять на образ мыслей посетителя
• Частота, стиль и цвета изображений и графики страницы
• Яркие эффекты JavaScript / jQuery для ярких анимаций или динамического контента
• Новые значки, градиенты, панели вкладок или вообще обновленные элементы пользовательского интерфейса

Исследования показали, что радикальные изменения намного превосходят значение мелких изменений. Так что, если вы собираетесь обновить части макета, сделайте это масштабно! Разделы страницы Оптимизатора веб-сайта настроены таким образом, что вы никогда не удаляете контент, и все ваши экспериментальные изменения являются временными, если вы выберете. Но если различия между страницами 1 и 2 едва заметны, ваши тесты, скорее всего, дадут результаты ниже среднего..

Замена разделов в HTML

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

Также важно отметить, как на самом деле работает каждый раздел. Вы можете вносить изменения на этой одной странице во множество различных разделов, но для каждого дублированного варианта (например, 4 разных логотипа) оптимизатору веб-сайта придется разбить это и равномерно распределить просмотры страниц среди ваших посетителей. Таким образом, для более чистых результатов лучше ограничить 1-2 редактирования на раздел - и помните, что вы можете добавить практически неограниченное количество разделов на одну (1) одну страницу вариантов..

Чтобы начать редактирование, нажмите Добавить новый вариант ссылка найдена слева от поля кода. Это создает дублированный контент HTML, который вы затем можете редактировать по своему вкусу. Суть в том, что ни один из ваших исходных HTML-кодов не редактируется - все заменяется динамически через оптимизатор веб-сайта..

Окончательный обзор и запуск

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

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

Этот процесс настройки A / B теста вместо многомерного отличается незначительно. Вместо того, чтобы редактировать части на странице, вы просто предоставляете альтернативный URL, на который Google будет делить трафик. Затем GWO проверит, сколько конверсий может генерировать каждая страница (вам все еще нужно добавить JavaScript). В основном я предпочитаю работать с многовариантным тестированием, но попробуйте обе установки, чтобы увидеть, что лучше всего подходит для ваших целей конверсии..

Жонглирование нескольких экспериментов

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

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

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

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

Полезные ресурсы

• Официальный блог Оптимизатора веб-сайта Google
• Выбор хорошей страницы конверсии - поддержка Google
• Руководство для начинающих по оптимизатору веб-сайтов Google
• Оптимизатор веб-сайта Google: использование GWO для повышения конверсии PPC
• Тестирование конверсий с использованием Оптимизатора веб-сайтов - пример WordPress
• Как повысить конверсию с помощью Оптимизатора веб-сайта Google

Заключение

Более продвинутые веб-мастера, скорее всего, раньше использовали несколько похожих A / B-сервисов. Но Google Website Optimizer действительно выводит эксперименты А / Б на совершенно новый уровень. Связь между Analytics и GWO великолепна. И пользовательский интерфейс очень чистый, упрощенный и практически тупой!

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