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

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

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

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

Оптимізатор веб-сайтів - Огляд макета

Після того, як ви вперше потрапите на головний екран GWO, ви отримаєте таблицю поточних експериментів. Якщо це ваш перший візит, він, напевно, буде пустим. Поставте правий верхній кут адреси електронної пошти свого облікового запису, щоб підтвердити, що ви правильно ввійшли в систему.

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

У бічній панелі ви також помітите деякі потенційно корисні довідники та поширені запитання для початківців. Вони можуть бути корисними, якщо у вас є час для читання. Але зараз давайте почнемо і переходимо прямо в процес, і ми можемо дізнатися, як ми йдемо. Натисніть на Створити новий експеримент продовжити.

А / В проти багатовимірних тестів

Коли ви вперше переходите до створення експерименту, Google попросить вас вибрати між A / B і багатоваріантним тестуванням. Ці терміни, швидше за все, лякають вас, але я обіцяю, що їх не важко зрозуміти.

За допомогою налаштування A / B можна перевірити 2 різні версії однієї сторінки. Цю опцію краще приписати, коли ви тестуєте абсолютно різні макети для однієї сторінки. Багатоваріантне зображення трохи м'якше, де ви просто хочете оновити кілька ключових областей. Можливо, ви хочете змінити текст заголовка і колір кнопки завантаження, або змінити розташування рекламних банерів.

З точки зору відвідувача він не з'явиться, як сталося щось дивне. Обидва способи Google автоматично обчислюватиме трафік протягом дня, щоб розділити відвідувачів максимально рівномірно між сторінками змінної та оригіналом.

Які ваші цілі?

Ви повинні трохи зупинитися, щоб подумати про свої цілі, перш ніж перейти на наступний крок. Більшість веб-майстрів, які проходять тести A / B, прагнуть збільшити кількість переходів з веб-трафіку. Це може бути отримання реєстрації для розсилки новин, списку розсилки, реєстрації користувачів, користувачів Twitter / 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 здається абсолютно безглуздим. Також вірно, що ви повинні генерувати неабиякий обсяг трафіку, принаймні 60k + унікальний / місяць, щоб побачити помітний вплив при проведенні експериментів.

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

Корисні ресурси

Офіційний блог оптимізатора веб-сайтів Google
Вибір хорошої сторінки конверсії - Служба підтримки Google
Посібник для початківців для оптимізатора веб-сайтів Google
Оптимізатор веб-сайтів Google: використання GWO для підвищення ефективності конверсій PPC
Тестування конверсій за допомогою оптимізатора веб-сайтів Google - тематичного дослідження WordPress
Як збільшити конверсії за допомогою "Оптимізатора веб-сайтів" Google

Висновок

Більш просунуті вебмастери, швидше за все, використовували кілька аналогічних A / B послуг раніше. Але Оптимізатор веб-сайтів Google дійсно використовує експерименти A / B на абсолютно новому рівні. Зв'язок між Analytics і GWO є блискучим. І користувальницький інтерфейс дуже чистий, спрощений, і практично німий!

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