Содержание
- 1 Почему простое тестирование не всегда работает
- 2 Что такое сплит-тестирование?
- 3 Как провести сплит-тестирование с помощью PHP
- 3.1 1. Убедитесь, что PHP запущен на вашем сервере и включен с помощью .htaccess.
- 3.2 2. Сохраните исходную веб-страницу (или сайт)
- 3.3 3. Создайте новую версию вашей веб-страницы
- 3.4 4. Создайте две небольшие страницы на основе различий.
- 3.5 5. Добавьте PHP-код на исходную веб-страницу.
- 3.6 6. Настройте способ подсчета результатов.
- 3.7 7. Отслеживайте результаты
- 3.8 8. Не останавливайтесь на достигнутом!
- 4 Не хотите читать наши статьи? Попробуйте вместо этого послушать
- 5 Узнать больше
Вы раскошелились на лучшую компанию по веб-дизайну, которую только могли себе позволить. Вы заплатили большие деньги компании
SEO, чтобы она подняла ваш рейтинг. Но если ваш сайт создан
для того, чтобы вы зарабатывали деньги — за счет продажи продуктов или рекламы —
вам нужно сделать еще одну вещь: оптимизировать его с помощью сплит-тестирования.
Большинство людей настраивают свои сайты произвольным образом, основываясь на том,
что выглядит красиво или «кажется работающим». Но как
хорошо знают веб-профессионалы, даже, казалось бы, незначительные изменения в структуре, макете, цветах или типе вашего сайта
могут принести большую отдачу в виде переходов по ссылкам и
заказов. Сплит-тестирование (иногда называемое A/B-тестированием) — это простой способ
оптимизации вашего сайта путем сравнения результатов, которые вы получаете с
двумя разными версиями одной и той же страницы. Давайте рассмотрим это подробнее!
Фото: Сплит-тестирование веб-страниц — лучший способ определить, какой из различных макетов сайта дает желаемые результаты — в продажах или доходе от рекламы. Все, что вам нужно освоить, — это немного PHP, как этот.
Почему простое тестирование не всегда работает
Самый простой способ проверить эффективность веб-страницы — изменить текущий дизайн,
попробовать новый дизайн и сравнить результаты. Звучит просто — и это
так. Единственная проблема в том, что это слишком просто. Если вы используете дизайн A
в течение целой недели, а затем используете дизайн B в течение всей следующей недели
и сравниваете результаты, вы не обязательно определите, какой дизайн
лучше. Если вы следите за тем, как ваш веб-трафик колеблется
изо дня в день и из недели в неделю, вы прекрасно знаете, что многое
может измениться от одной недели к другой.
Например, вы можете попасть на школьные каникулы или на период действительно хорошей погоды, когда большое количество
людей покидает свои рабочие места и отправляется на пляж. Аналогично, если вы пытаетесь
сравнить эффективность рекламы, вы, вероятно, знаете, что
многие факторы могут меняться неделя за неделей, день за днем и даже час за часом. На второй неделе может быть больше
людей, размещающих рекламу, чем на первой, что обеспечивает
больший рекламный инвентарь, более высокооплачиваемую рекламу и лучшие
результаты — независимо от того, какой дизайн запущен на вашем сайте.
Кто-то может добавить ваш сайт в закладки в социальной сети или упомянуть вас на
форуме, что приведет к внезапному и масштабному потоку
трафика весьма сомнительного качества, что значительно снизит производительность вашего сайта.
В общем, запуск одного дизайна в течение дня, недели или месяца перед тем, как чередовать его с другим
дизайном, даст только грубое представление о том, что работает лучше всего. Вы
можете продолжать переключаться между различными дизайнами и использовать
какой-либо графический или статистический пакет анализа для сравнения
результатов каждый раз, когда вы переключаетесь, но проблема в том, что это будет стоить
вам денег! Один из ваших дизайнов почти наверняка немного
лучше другого. Если вы измените свой исходный макет в худшую сторону
, каждый день, когда вы запускаете менее эффективный альтернативный дизайн, — это день,
который опустошает ваши деньги. Вот почему вам нужно сплит-тестирование.
Что такое сплит-тестирование?
Сплит-тестирование восходит к ранним тестам «ключевого кода» газетной рекламы, разработанным
Клодом Хопкинсом
около 100 лет назад. Он печатал немного разные версии рекламы (возможно, одну с одним заголовком, другую с другим), включая купон с обратным адресом, в котором был указан другой номер почтового ящика. Сравнивая количество людей, ответивших на купон, он мог надежно измерить эффективность каждого варианта рекламы. Тестируя несколько
вариантов в течение дней или недель, он в конечном итоге приходил к оптимизированному объявлению. Сегодняшнее сплит-
тестирование онлайн-рекламы — это просто обновленная, высокотехнологичная версия метода Хопкинса.
Метод прост. Вы создаете две разные версии веб-
страницы и организуете их показ посетителям случайным образом, поочередно
. Вы отслеживаете производительность каждой страницы отдельно и
сравниваете результаты каждой страницы после приличного количества
показов (обычно достаточно нескольких тысяч, но большая разница в
производительности проявится уже после нескольких сотен).
Вы можете проводить сплит-тестирование либо с помощью javascript (тогда два сравниваемых вами варианта
включаются в одну HTML-страницу, а браузер пользователя создает одну
страницу на лету), либо с помощью PHP (когда одна или другая страница создается
на лету вашим веб-сервером). В блоге Google Adsense есть очень
простой пример того, как проводить A/B-тестирование javascript — в данном случае
оно используется для оптимизации цветов рекламы. Я
предпочитаю использовать PHP. Даже если у вас нет опыта его использования, его
проще понять, и он полностью прозрачен для поисковых систем,
которые «видят» либо один полный вариант вашей страницы, либо другой
(а не какой-то сложный, склеенный гибрид, как в случае с javascript). Использование
PHP также означает, что вам не нужно возиться с каким-либо рекламным
кодом (что обычно запрещено), и вы можете тестировать гораздо
большие различия между страницами. По этой причине я не буду
здесь больше обсуждать тестирование javascript.
Как провести сплит-тестирование с помощью PHP
PHP, если вы еще не знаете, это великолепная программа, которая работает на стороне веб-сервера, создавая веб-страницы на лету, прежде чем они будут отправлены в браузер
. Это чрезвычайно мощный инструмент, и вы можете потратить уйму времени, изучая, как
делать с ним всевозможные изящные вещи. Но даже если у вас нет
опыта использования PHP, вы можете узнать достаточно, чтобы запускать простые
тесты веб-страниц примерно за пять минут. Вот как!
1. Убедитесь, что PHP запущен на вашем сервере и включен с помощью .htaccess.
Если вы используете бесплатный, малобюджетный или Windows веб-хостинг, у вас, вероятно, нет PHP.
Сначала обратитесь в свою хостинговую компанию. После того, как вы это подтвердите,
убедитесь, что PHP работает на вашем сайте и что файлы с суффиксом HTM (или HTML) правильно обрабатываются
процессором PHP. Для серверов Apache вам, вероятно, потребуется включить в файл .htaccess что-то вроде следующей
строки:
AddType приложение/x-httpd-php .htm .html
Что именно вам нужно в .htaccess, будет зависеть от того, как настроен ваш сервер. На другом сервере, который
я запускаю, мне приходится использовать немного другой вариант и явно указывать, что я использую определенную версию PHP:
AddType application/x-httpd-php5 .html
AddHandler application/x-httpd-php5 .html
2. Сохраните исходную веб-страницу (или сайт)
Вам придется сравнивать новую версию вашей веб-страницы с оригиналом и, возможно,
немного изменять оригинал, поэтому поступите разумно и
для начала создайте резервную копию оригинала.
3. Создайте новую версию вашей веб-страницы
Теперь измените свою страницу, чтобы создать новую, «улучшенную» версию, которую вы хотите протестировать. Возможно, вы
хотите протестировать другой макет объявления, изменить цвета, использовать
другую таблицу стилей, переписать некоторые формулировки, разместить большую
кнопку «Оформить заказ сейчас» на самом верху или что-то еще. Вы можете
сравнивать версии, которые различаются настолько, насколько вам нравится, но в идеале вы
хотите менять только одну вещь за раз, чтобы быть уверенным,
какое изменение имело значение. Так что, возможно, сначала измените цвета
и протестируйте их. Затем, когда вы найдете лучшую цветовую схему, измените
макет. Затем измените формулировку. Затем добавьте свою «
кнопку заказа сейчас». И так далее. Вносите каждое изменение и оценивайте его отдельно,
прежде чем возиться с чем-то еще. Если вы измените все сразу
, вы не будете знать, где вы находитесь: вы не будете знать, что улучшило или
ухудшило отклик на вашу страницу.
4. Создайте две небольшие страницы на основе различий.
Скорее всего, две версии вашей веб-страницы будут отличаться лишь незначительно. Предположим, вы хотите
сравнить, сколько переходов вы получите с черным текстом на белом
фоне по сравнению с использованием белого текста на черном фоне. Вы можете сделать
это, используя две немного отличающиеся таблицы стилей, поэтому в этом случае
две версии вашей веб-страницы будут отличаться только тем, что им нужно будет
загрузить разные файлы таблиц стилей. Аналогично, если вы оцениваете
эффект от добавления кнопки «Оформить заказ сейчас», одна версия
вашей страницы будет иметь дополнительную строку или две, ссылающиеся на изображение и
страницу заказа, которых нет в другой версии. Так что теперь создайте две
небольшие HTML-страницы, включающие только код, который отличается.
Например, первый файл может быть таким. Назовите его file1.html:
<P>
обычный текст обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст
</P>
и второй файл (включая ссылку «Заказать сейчас») может быть таким. Назовите его
file2.html:
<P>
обычный текст обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст обычный текст обычный
текст обычный текст обычный текст обычный текст
обычный текст обычный текст обычный текст
</P>
<P><A HREF=»ordertest.html»>Заказать сейчас!!</A></P>
5. Добавьте PHP-код на исходную веб-страницу.
Теперь вам нужно отредактировать исходную веб-страницу и удалить раздел, который вы определили,
который будет чередоваться между кодом в file1.html и кодом
в file2.html. Вырежьте этот раздел полностью и замените его этим
небольшим фрагментом PHP-кода:
<?php
srand((double)microtime()*1000000);
если (rand(1,2)==1)
{
include(«file1.html»);
}
иначе
{
include(«file2.html»);
};
?>
Видите, как это просто? Он будет случайным образом включать часть HTML из file1.html или file2.html в вашу веб-страницу
каждый раз, когда веб-серверу будет запрошена отправка страницы браузеру
. Браузер получит страницу, включающую
код file1 или file2, но (в отличие от теста javascript) не будет никаких
признаков того, что страница была создана с помощью PHP на лету.
6. Настройте способ подсчета результатов.
В этом простом примере вы можете отслеживать эффективность, просто наблюдая, сколько
заказов вы получаете через страницу ordertest.html по сравнению с вашей обычной
страницей заказов. Вы можете видеть, сколько раз загружается каждая страница и
сколько заказов вы получаете в результате. Если вы хотите сравнить эффективность
двух разных объявлений, вы можете поместить один кусок
рекламного кода в файл 1, другой кусок в файл 2 и настроить
разные каналы/счетчики для отслеживания CTR с каждого.
7. Отслеживайте результаты
Теперь вам остается только ждать результатов. Есть еще несколько вещей, которых следует
опасаться. Во-первых, если между
двумя страницами, которые вы тестируете, нет никакой реальной разницы, любые счетчики или измерения, которые вы настраиваете,
скорее всего, будут переворачиваться туда-сюда, показывая сначала одну страницу впереди
, а затем вторую страницу, причем положение будет постоянно меняться.
Если это происходит, это обычно означает, что страницы так же хороши, как и друг
друга, даже если одна страница в конечном итоге получает немного лучшие результаты, чем
другая. Если одна страница постоянно опережает другую
на протяжении всего теста, это, очевидно, лучшая страница. Но обязательно
дайте достаточно показов страниц, чтобы получить надежный результат (определенно
несколько сотен, а может быть, и несколько тысяч, если у вас есть время). Не поддавайтесь
искушению делать выводы только из нескольких показов.
Если вы хотите быть действительно уверенными (и научными), проведите
тест хи-квадрат
и проверьте статистическую значимость.
8. Не останавливайтесь на достигнутом!
Как только вы установили одно изменение, которое работает, вернитесь и включите его во
весь ваш сайт и отслеживайте результаты. Затем работайте над определением
другого изменения и посмотрите, можете ли вы немного улучшить ситуацию. Продолжайте
делать это, и со временем вы должны систематически и
значительно улучшить производительность вашего сайта. Время от времени проводите
тест, сравнивая текущую версию сайта с
более ранним воплощением, чтобы убедиться, что все внесенные вами совокупные изменения
работают на вас. Это просто небольшая
двойная проверка для вашего собственного спокойствия!
Не хотите читать наши статьи? Попробуйте вместо этого послушать
Если вы предпочитаете слушать наши статьи, а не читать их, подпишитесь на наш новый подкаст
на Apple Podcasts,
Spotify,
Amazon,
Podchaser
или в вашем любимом приложении для подкастов или слушайте ниже:
Узнать больше
На этом сайте
- Как ускорить сайт
- Всемирная паутина (WWW) — введение
На других сайтах
- Основы Google Web:
Производительность: отличная подборка советов и методов оптимизации от инженеров-программистов Google.
Книги
Общая оптимизация
- Оптимизация веб-сайта Эндрю Кинга. O’Reilly, 2008.
- Even Faster Web Sites: Performance Best Practices for Web Developers, автор Стив Соудерс. O’Reilly, 2009
и более ранний сопутствующий том High Performance Web Sites: Essential Knowledge for Front-End Engineers, автор Стив Соудерс. O’Reilly, 2007.
Введение в PHP
- Изучение PHP, MySQL, JavaScript, CSS и HTML5: пошаговое руководство по созданию динамических веб-сайтов Робина Никсона. O’Reilly, 2018. Хороший обзор для тех, кто хочет перейти от простых статичных веб-сайтов HTML к более динамическому коду и веб-сайтам, создаваемым «на лету» из баз данных.
- PHP, MySQL, JavaScript и HTML5 «Все в одном для чайников» Стива Сьюринга и Джанет Валад. «Чуваки», 2013. Направлено на схожую аудиторию и представлено в дружелюбном стиле «Чуваки».
Статьи
- Полное руководство по проектированию, внедрению и подводным камням A/B-тестирования TK Aslanyan, Towards Data Science, 20 августа 2021 г. В этой статье гораздо более подробно рассматривается статистический анализ результатов тестирования. Что такое «значимость»?
- Минимизируйте влияние A/B-тестирования на поиск Google: собственное руководство Google по A/B-сплит-тестированию, включая рекомендации по использованию rel=canonical для снижения риска индексации временных экспериментальных версий и способы предотвращения случайной маскировки.
- Результаты A/B-тестирования уже готовы. Автор: Майкл В. Коупленд. Wired, 9 мая 2012 г. Пример того, что можно попробовать с помощью A/B-тестирования, и какие результаты можно получить.
- Google Content Experiments: 1 июня 2012 г. В этой записи блога 2012 г. Google представляет бесплатный тестер веб-сайтов в Google Analytics под названием Content Experiments (на основе старого Google Website Optimizer). Узнайте, как им пользоваться, и вы, вероятно, сможете избежать использования PHP или javascript для сплит-тестирования.
Переведено в образовательных целях — источник: www.explainthatstuff.com