Анализ страниц 404-й ошибки топовых магазинов Рунета

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

Я же решил посмотреть как это дело реализовано в Рунете, а именно – на сайтах из списка ТОП 10 крупнейших онлайн-магазинов Росии по рейтингу, составленному Forbes.

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

  • На странице есть код Google Analytics, значит их можно отслеживать и анализировать;
  • Скрипта Google Analytics нет вообще;
  • Есть Google Analytics с дополнительными настройками ( _setcustomvar, _trackpageview, _trackevent);
  • Отслеживание 404 выполняется с применением других механизмов;
  • Можно добавить логические заменители слов, когда человек вводит запрос с ошибкой.

Какие преимущества может дать такой анализ:

  • Уменьшение % выхода из страницы поиска или 404;
  • Увеличение количества просмотров страниц;
  • Увеличение количества времени пребывания на сайте;
  • Увеличение микро и макроконверсий.

Если отслеживать переходы на 404-ю страницу с помощью Google Analytics, можно находить таким образом битые ссылки, настраивать нужные редиректы, экспериментировать с оформлением этого элемента содержимого, и мониторить результаты.

Ulmart.ru
fb0a43e52ffb2780d3fa1b4bd9163f38
При попытке набора несуществующей страницы на Ulmart.ru, вы увидите сообщение о том, что такая страница не найдена, а вы скорее всего неправильно набрали адрес или же она просто удалена из сайта. Ниже можно увидеть рекомендацию перейти на главную страницу сайта, и соответствующую ссылку.

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

Citilink.ru
a1263731725d4380ae570e4fa325b29d
На сайте «Ситилинка» вас ждет совершенный минимализм: в верхнем углу логотип сайта, а по середине странички надпись большими буквами, что такой страницы нет, но можно заглянуть в каталог и найти там для себя что-нибудь интересное.

Google Analytics присутствует, но 404 не отслеживается.

Wildberries.ru
e209fb41e0cec224f985b0a5b2e1e229
Красиво и продуманно реализована страница 404-й ошибки на сайте Wildberries.ru – кроме логотипа сайта вы увидите описание нескольких вариантов причин, по которым могла произойти ошибка, а также приятный бонус – промокод на 5% скидку в специальном разделе! Пожалуй, на Wildberries.ru — одна из самых интересных реализаций подобной служебной страницы.

Google Analytics не подключен и страница не отслеживается.

Ozon.ru
ed4401e5bb60b2b651b68768b49e6ec2
На сайте «Озона» все довольно просто и далеко не креативно – сообщение о несуществующей странице и рекомендация перейти на главную, в меню или воспользоваться поиском.

404-я страница отслеживается с помощью скрипта:

<script type="text/javascript">
     //<![CDATA[
    defaultSearchText=''; needClearSearch=false; _gaq.push(['_setCustomVar', 5, 'User_priznak',      'Ne_Opoznan', 1]);_gaq.push(['_setCustomVar', 5, 'User_type', 'Fiz', 1]);_gaq.push(['_setCustomVar',   5, 'Status', 'No', 1]);_gaq.push(['_setCustomVar', 4, '', '/Oshibka 404/Oshibka 404', 3]);_gaq.push(['_trackPageview', '/virtual/wetsdry/error404.html']);//]]>
</script>

Biglion.ru
713fceb707d633ece8b0f6575c667c2a
Здесь уже поработали дизайнеры, прибавив к тексту об ошибке интересную картинку и предложение перейти к акционным предложениям.

Используется Google Tag Manager, поэтому здесь точно сказать ничего нельзя.

Holodilnik.ru
321816f69e8efd4f89316b6828a1846c
В отличие от предыдущего, этот интернет-магазин таким креативом не порадует. Как видно на скриншоте выше, оформлено все довольно стандартно.

Скрипт Google Analytics присутствует, но страница не отслеживается.

Technopoint.ru
На этом сайте страницу 404 пользователь и вовсе не увидит, поскольку при наборе несуществующего адреса просто сработает редирект на главную. Или, в случае с товаром, на страницу категории.

Enter.ru
e406600c2163f572caa1dfe5f58e5571
Оригинально проработана 404-я страница и на «Энтере» — приятная картинка в одном из основных цветов сайта, строчка поиска и предложение позвонить, а внизу большая кнопка для перехода на главную.

Скрипт Google Analytics подключен:

_gaq.push(['_trackPageview', '/page404' + location.pathname]);
    _gaq.push(['_trackEvent', 'Errors', '404', nowURL]);

220-volt.ru
0260ac2c596b45cfc63b1a128b4d80a2
В магазине «220 Вольт» все более прагматично – сухое сообщение о возможной причине отсутствия страницы, и предложение перейти на главную, каталог товаров или карту сайта. Аккуратно вписывается в общий дизайн сайта, а через несколько секунд срабатывает редирект на главную.

Используется Google Tag Manager, поэтому ситуация по аналогии с “Биглионом”.

Utkonos.ru
4738f16c851e8b4110996f039a506c49
Ну а здесь по принципу: все гениальное просто – две строчки и четыре слова :)
Скрипт Google Analytics присутствует, но страница не отслеживается.

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

В качестве эталонного интернет-магазина можно взять всем известный Zappos.com

Для теста, вводим, например, такой адрес: www.zappos.com/dfgdfgdfg

И получаем результат:
117236620080b34dd50caf94a345e3ee
Реализация отслеживания здесь осуществляется с помощью такого скрипта:

<script type="text/javascript">
var showTerm = true;
$LAB
.script('/search/js/main.p.20140218110728.js')
.wait()
.script('/search/js/noResults.p.20140219144546.js')
.wait();
window.terms = "dfgdfgdfg";
var _gaq = _gaq || [];
_gaq.push(
['pageTrackerPriTr._setAccount', 'UA-8814898-1'],
['pageTrackerPriTr._setDomainName', '.zappos.com'],
['pageTrackerPriTr._setAllowHash', false]
);
var _gaq = _gaq || [];
_gaq.push(
/*pad*/['pageTrackerPriTr._setCustomVar', 1, 'PageType', 'Search-No-Results', 3],
/*pad*/['pageTrackerPriTr._trackEvent', 'Search-Results-Page', 0, 'dfgdfgdfg'],
/*pad*/['pageTrackerPriTr._trackPageview', '/no-results?terms=dfgdfgdfg&cat=noresults']
);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script>

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

Интересно реализована выдача результатов, при наборе ошибочных запросов в поиске. Например. набрав в строке поиска по магазину запрос “nikr”, скрипт анализирует товары/категории на сайте и показывает в результате те из них, которые максимально схожи с введенным пользователем запросом. В результате, по запросу “nikr” вы увидите “Nike”:
0129cdf81d2322d51401d08b4919a143
www.zappos.com/nikr

Что интересно, судя по этому фрагменту скрипта:

_gaq.push(
/*pad*/['pageTrackerPriTr._setCustomVar', 1, 'PageType', 'Search-Results', 3],
/*pad*/['pageTrackerPriTr._trackEvent', "Search-Results-Page", "3853", "Search-nikr"],
/*pad*/['pageTrackerPriTr._trackPageview', '/esearch?term=nikr']

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

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