Ошибка 404 является стандартным кодом ответа HTTP о том, что сервер найден, а вот запрашиваемая страница – нет: чаще всего контент удален, ссылка неверная, устаревшая или битая, у страницы изменился адрес. Пример: вы поправили в CMS (системе управления сайтом) заголовок опубликованного на странице текста, и URL Slug поменялся, а в оставшихся где-то в Сети ссылках остался предыдущий, поэтому ведут они на страницу 404.

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

3 факта о 404

В Лондоне и еще нескольких британских городах выражение «404» используется в качестве молодежного сленгового синонима слова «невежественный».

В 2006 году в честь кода ошибки 404 пятеро японцев назвали свою музыкальную группу 404NOTFOUND. Она играет в довольно мрачном стиле Nagoya Kei.

Страница 404 используется в некоторых странах при цензурировании материалов. В частности, это Тунис и Таиланд. В Тунисе даже появился персонаж Аммар 404, который олицетворяет невидимого цензора. В 2004 году британский телекоммуникационный провайдер BT Group выдавал ошибку 404 при запросе страниц, содержимое которых определено Internet Watch Foundation как потенциально незаконное. Internet Watch Foundation (IWF) – это неправительственная саморегулируемая организация, созданная в Великобритании для надзора за Интернетом и управляемая в сотрудничестве с полицией, правительством, интернет-провайдерами и обществом.

Как сделать страницу 404 полезной для общества?

Существует социальный проект «Полезная страница 404», инициированный волонтерами из поискового движения «Лиза Алерт». Он предлагает всем желающим добавить на свой сайт скрипт, с помощью которого страница NotFound будет показывать объявления о пропавших людях.

Как сделать страницу 404 полезной для бренда?

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

Клиента можно не только удержать, но сделать еще более лояльным, перевести негативный User Experience в позитивный даже в эпицентре факапа – на странице Not Found.

Логика проста: раз сайт огорчил пользователя, нужно предложить ему моральную компенсацию и открыть путь для дальнейших отношений. Какой может быть страница 404, чем именно способна оказаться полезной для пользователя? Варианты следующие: информация, юмор, развлечение, красивая картинка, на которую приятно посмотреть, исправление ошибки перехода, наконец – если вы не готовы сдаться без боя. Можно предложить такую типологию страниц 404: функциональные, юмористические, интерактивные игровые, артовые, продающие, с видео и гифками (могут долго подгружаться) и др.

Французский веб-девелопер Ромэн Бразье создал на своем сайте интересную 404-страницу, которая помимо выполнения основной функции еще и виральна. Попадая на несуществующую страницу, пользователь видит, как быстро сменяются цифры счетчика, а сверху сыплются 404 восьмибитных человечка (Ромэн называет их леммингами). Если пользователь наводит курсор на падающего человечка, у того раскроется зонтик, и он благополучно спустится на землю. Правда, будущее его все равно сомнительно, и восьмибитного жертвоприношения не будет, только если пользователь раскроет зонтики всем 404 леммингам. Смысла в этой игре практически никакого, а прокрастинировать здесь можно хоть час. На странице также есть ссылка на твиттер разработчика, а во-вторых, Ромэн демонстрирует свой креативный подход к задачам, а это «продает».

404-страница сервиса White Spark, предлагающего инструменты для местного SEO-продвижения, – показывает, как чисто техническая страница антропоморфирует сайт, очеловечивает его, развлекает пользователей анекдотической ситуацией и становится инструментом усиления лояльности. Смысл вот в чем: «Мы сказали Бренту найти для вас эту страницу, но он не смог. Мы гордимся тем, что всегда оправдываем ожидания, поэтому, если хотите, мы его уволим». Пользователю предлагается две кнопки: «Нет, не делайте этого!» и «Хорошей чистки» («Хорошей уборки»). Мы, конечно, нажали обе, и сценарии там разные: в первом случае счастливый Брент, которого спасенный от увольнения, обещает нам поклоняться, во втором случае – опечален, поскольку ему велено собирать вещи.

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

Перед 404-страницей сайта Blue Fountain Media мало кто сможет устоять. Сайт спрашивает: «Ой, страница не найдена, но, может, вместо нее просто поиграете в пэкмена?». А давайте. Нет, серьезно, вы смогли удержаться? А вот что там есть еще, вокруг: меню, контакты, «социальный» футер, вопрос «Может вы искали вот это?» – и три продукта. Многие пользователи перейдут на главную с ощущением, что они нашли даже больше, чем искали.

«Поздравляем! Вы это сломали» – такую подпись видят пользователи на Not Found-странице игровой компании Blizzard. Мы видим разбитый экран, опрокинутое меню и устрашающее «Страница не существует или случилось еще что-то ужасное». Обработка негатива идет уже через другой психологический механизм: юмористическая гиперболизация проблемы показывает пользователю, что ничего страшного, в общем-то, не случилось и апеллирует к подсознательному стремлению человека контролировать ситуацию («Поздравляем! Вы это сломали»). Амбивалентность выражения состоит в том, что ирония и шутка очевидны, но вы вроде как способны что-то тут сломать, и это где-то даже лестно. Еще момент: никаких «ooops» и «sorry» здесь нет: что-то со страницей случилось, но сайт «не виноват». Многим пользователям этот подход покажется более оригинальным и забавным, чем концепция компенсации на 404-страницах. Главное не перегнуть, чтобы пользователь увидел все-таки шутку, а не претензию. Если сделать такой ход неаккуратно, неопытный пользователь испугается, что действительно что-то сломал. А таких пользователей скоро будет много: в Интернет идет волна бабушек и дедушек.

Ту же тему эксплуатирует и ресурс TheOnion.com: тут и вовсе говорят, что страница не найдена, потому что «вы сломали Интернет», а затем предлагают поискать в архиве и исправить «сломанное». Вокруг мы видим поисковик, лого, меню, социальные плагины, переход в стор, на YouTube-канал и т. д.

404-страница российского одежного онлайн-магазина Casual Brand Shop – интересное решение, «работающее» на интересах и психологии аудитории. Олдскульное тату «404 Одежда не найдена» на могучей спине бодибилд-леди в розовом купальнике – это нетривиальный подход, обыгрывающий тему сайта и ассоциативно затрагивающий женскую тему «опять нечего надеть».

Digital-агентство 1minus1 повесило на своей странице-404 рисованный комикс о том, как весь офис ищет потерянную страницу. Начинается с того, что босс спрашивает: «Ок, ребята, ну и где она?». В итоге что-то все-таки находят – и ведут пользователя на главную. Цели – удержание, развлечение, обработка негатива и перевод на работающую информативную страницу достигнута. Пользователь наверняка захочет задержаться, увидев, что для команды это имеет значение и она специально позаботилась об этом. Ту же тему обыгрывает сайт Mint.com, перенося виртуальный поиск как бы в реальность: «Мы не нашли эту страницу, но заглянули даже под диван и в итоге отыскали печеньки, солдатика и старые кроссовки».

У Github Not Found-страница такая, какая должна быть у Github – с параллаксовым эффектом. Когда вы водите мышкой по картинке, происходит смещение слоев относительно друг друга. Интересный нюанс: никакого признания, что страницы нет – «Это не та страница, которую вы искали». Пользователю  понятно, что такой страницы нет, но он не чувствует, что ресурс в чем-то оплошал – факт ошибки не фиксируется в мозгу. Что мы видим вокруг? Форму входа на сайт, поисковик, саппорт, ссылку на Twitter-ленту и переход на главную.

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

Как еще нивелировать ощущение пользователя, что команда сайта с чем-то не справилась (хотя она, может быть, и вообще ни при чем), поэтому страница не найдена. Рассказать ему, как она исчезла. Вот здесь, например, Уилл Смит дает исчерпывабщее объяснение, как это произошло.

Другой путь – подойти научно и объяснить это визуально, с помощью диаграммы Венна, как это сделано на сайте Magnt.com. Опять же, с помощью графики показать вариант дальнейших действий.

Совершенно неожиданная Not Found-страница у сайта «Сколково». Она говорит на английском и предлагает не волноваться и расслабиться, сообщает, что все мы делаем ошибки, и предлагает пробовать снова, снова и снова, потому что все мы должны помнить: «Повторение – мать ученья». Психоделичный кислотный фон в сочетании с мессиджем превращает эту страницу где-то даже в объект онлайн искусства. Для тех, чьи проекты NotFound понимания в «Сколково» (и вообще), вполне вдохновляющий совет – и вполне полезная 404-страница.

Самое приятное – не нужно выбирать между этими вариантами, можно периодически менять оформление страницы 404.

404: ничего не найдено, но не все потеряно

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

Существуют и инструменты выявления на сайте битых ссылок. Например, поиск через статистику и использование htaccess-файла, который позволяет настраивать веб-сервер Apacheю В частности, htaccess позволяет делать постоянное и временное перенаправление (301 и 302 редирект) на новую страницу, индексируя и старую, и новую страницы либо только новую. Как пользоваться htaccess и что нужно делать для перенаправления, подробно рассказано в блоге Gering111.com.

WordPress-плагин Broken Link Checker составляет список неработающих ссылок, чтобы администратор мог исправить ситуацию, перелинковать, удалить какие-то страницы, в общем, сделать так, чтобы пользователь все же не увидел, какая креативная у вас 404-страница. Кстати, в CMS можно менять шаблоны страницы 404, поставив новый код и свои картинки.

 Читайте также

 30 рекомендаций для создания «дружелюбного» интерфейса 

Вопрос 404

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

Помогите нам с выбором: голосуйте в комментах за ту тему для страницы 404, которая вам симпатичнее.