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

За да генерирате повече реализации на уебсайта си, ще трябва да проверите статистиката за трафика. Google Анализ е фантастична услуга, но може да стигне дотук. Понятията зад A / B тестването са стабилни и са използвани в професионалния интернет маркетинг от години.

По принцип бихте създали 2 страници с малко по-различно съдържание: заглавия, изображения и други неща, които искате да тествате. Google Web Optimizer ще разчита на всичките ви общи посетители и ще разпредели трафика между двете страници равномерно. Предоставят се статистически данни за общия брой реализации на целевата страница, така че можете да сравните кои промени водят до повече регистрации. Услугата всъщност е пряко свързана с Google Анализ, което е огромен бонус.

За да започнете, проверете официалната страница на оптимизатора на уебсайтове и влезте в профила си. Ще разгледаме детайлно интерфейса на GWO и как трябва да създадете нов A / B експеримент.

Оптимизатор на уебсайтове - Общ преглед на оформлението

След като за пръв път се приземите на началния екран на GWO, ще ви бъде представена таблица с текущите експерименти. Ако това е първото ви посещение, вероятно ще бъде празно. Поставете отметка в горния десен ъгъл за имейл адреса на профила си, за да потвърдите, че сте правилно влезли.

Пряко под това е падащо меню с всички профили на уебсайтовете ви в Google Анализ. Ако сте проверили всеки от тях, те ще бъдат приети в софтуера за оптимизиране на уебсайтове. Просто кликнете и изберете профила, за който искате да създадете тестове, а GWO автоматично ще обнови данните за страницата.

В страничната лента ще забележите и някои полезни ръководства и често задавани въпроси за начинаещи. Те могат да бъдат полезни, ако имате време за четене. Но засега нека да започнем и да преминем направо в процеса и можем да се учим, докато тръгваме. Кликнете върху Създайте нов експеримент за да продължите.

А / В срещу многовариантни тестове

Когато за първи път създадете експеримент, Google ще поиска от вас да изберете между A / B и многовариантно тестване. Тези термини вероятно ще ви изплашат, но обещавам, че не са трудни за разбиране.

С A / B настройка можете да тествате 2 различни версии на една и съща страница. Тази опция най-добре се приписва, когато тествате напълно различни оформления за същата страница. Многовариантното е малко по-меко, когато искате да актуализирате няколко ключови области. Може би искате да промените текста на заглавието и цвета на бутона за изтегляне или да пренаредите някои рекламни банери.

От гледна точка на посетителя тя няма да се появи като нещо странно. И при двата метода Google автоматично ще изчисли трафика през деня, за да раздели посетителите възможно най-равномерно между страниците с променливи и оригинала.

Какви са вашите цели?

Трябва да спрете за малко, за да помислите за целите си, преди да преминете към следващата стъпка. Повечето уебмастъри, които преминават през A / B тестове, се стремят да увеличат конверсиите си от уеб трафика. Това би могло да бъде получаване на регистрация за бюлетин, пощенски списък, потребителски регистрации, Twitter / Facebook последователи или всякакви други действия на потребители. Но трябва да имате собствена идея “успех” които се отнасят до вашите собствени уеб цели.

Екипът на Google всъщност публикува голям брой видеоклипове за обучение на YouTube. Те са доста обширни, но също така и дълги. Препоръчвам ви да проверите списъка с уроци само за да видите дали изскача нещо. Важното е да вземете времето си и да планирате логично решенията си.

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

Създаване на новия експеримент

Първо трябва да въведем име за този нов експеримент. След това директно под този формуляр въведете URL адреса, водещ до страницата, на която искате да изпълните тестове. В много случаи това е просто началната ви страница. Но можете да постигнете по-голяма креативност, като например да проверите колко посетители на страницата ви за контакт ще изпратят съобщение.

Третото поле изисква URL адрес на страница за реализация, където се надявате да преместите посетителите си, след като предприемат някои действия на оригиналната страница. Това се отнася до целите, обсъдени по-рано, тъй като ще ви е необходим метод за тестване на успеха или провала на новия дизайн. Връзката за реализация може дори да е страница извън навигацията. Просто се придържайте към нещо лесно за сега. За да получите няколко идеи, проверете този член на Google за подкрепа, фокусиран върху динамичното съдържание в експериментите на WSO.

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

С тази страница всички зададени хит Next, за да получите 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
Тестване на реализациите чрез Google Оптимизатор на уебсайтове - WordPress
Как да увеличите реализациите с оптимизатора на уебсайтове на Google

заключение

По-напредналите уебмастъри най-вероятно са използвали няколко подобни A / B услуги и преди. Но Оптимизаторът на уебсайтове на Google наистина прави A / B експерименти на ново ниво. Връзката между Google Анализ и GWO е блестяща. А потребителският интерфейс е много чист, опростен и практически безшумен!

Надяваме се, че това уводно ръководство е повлияло на мнението ви за многовариантни тестови среди. След няколко седмици тестване ще започнете да забелязвате появяващи се модели, и с помощта на тези тенденции можете да направите тежки заключения за дизайна на сайта. Дръжте очите си върху числата за преобразуване, тъй като те в крайна сметка ще определят успеха или неуспеха на всеки A / B експеримент.