Груз 404: как лучше оформить удаленную страницу на сайте

Page not found – это веб-страница с кодом ошибки сервера 404, сообщающая, что нужного документа или файла на посещаемом интернет-ресурсе нет. Их отсутствие может расстроить посетителя, заставить закрыть браузер и больше не возвращаться на сайт. Но при некоторой изобретательности страница 404 может стать каналом успешной коммуникации и мотивировать остаться на сайте. ADPASS узнал историю страницы, а заодно изучил международный опыт оформления главных 400-х.

Почему 404?

Страница ошибки 404 появилась в 1989 году. Ее придумал Тим Бернерс-Ли – изобретатель всемирной паутины (World Wide Web), которую часто называют «интернетом», хотя «интернет» – это внешняя глобальная сеть.

Существует несколько версий появления названия «404». Главных две: офисная и авиационная. Согласно первой, в кабинете 404 находились первые серверы в CERN (Европейская организация ядерных исследований, расположенная в Швейцарии), где и работал Тим Бернерс-Ли. Вторая – конспирологическая, по которой код появился в память о бесследно исчезнувшем 25 августа 1989 года рейсе PK404, летевшем в Исламабад.

Однако обе теории высмеял Роберт Кайо, коллега Тима Бернерса-Ли, вместе с которым они в конце 80-х разработали систему гипертекста, легшую в основу всемирной паутины. В интервью Wired ученый заявил, что выбор цифр для кода 404 «никогда не был связан с какой-либо комнатой или каким-либо физическим местом в CERN». Основной причиной всех столь кратких кодов было ограничение памяти для написания ответов сервера. Цифры выбирались случайно. «Современные компьютерные фанаты больше не имеют ни малейшего представления, каково это — программировать с 64 КБ памяти», – резюмировал он.

Начнем с того, как не должна выглядеть страница 404. Вариант ниже – простой классический ответ генерируется сервером. Его внешний вид с наибольшей вероятностью заставит пользователя отказаться от повторного посещения сайта. Это просто холодный ответ: «Того, что тебе нужно, здесь нет!»

К счастью, современные веб-мастера и маркетологи относятся к 404-странице намного внимательнее и не хотят напугать посетителя примитивным суровым отказом. Они стараются отвлечь посетителя от негативной реакции, стремятся развеселить его и мотивировать остаться на сайте.

Вот несколько примеров удачный “Page not found”-страниц:

404-Зарубежье

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

Игровой гигант Blizzard поселил на 404-странице мифического персонажа из вселенной World of Warcraft – марлока, который уже спешит на помощь. А кнопка с любимым звуком, издаваемым фантастическим существом – «Мргрмлмлрлрглмрргл!» – ведет на главную страницу сайта.

Американская авиакомпания Delta шутит: «Похоже, что эта страница сменила гейт!» и предлагает или поискать нужное, или вернуться на главную страницу.

Lego на своей 404-странице восклицает: «Oh bricks!» (О, кубики! – отсылка к «О, боже!»). Ремонтник-человечек Lego говорит, что постарается не потерять голову, пока будет искать нужное». Также на странице есть кнопки возврата на главную страницу сайта и навигации по разделам.

Marvel на 404-страницу поместил полуразрушенного робота и написал команду «Код (протокол действий) потерян. Выход из программы». Посетителю предлагается воспользоваться поиском или вернутся на главную страницу Marvel. Все элементы меню сайта также есть.

404 по-русски

В «Мегамаркете» к созданию 404-страницы подошли с фантазией. Цифру «0» заменили бубликом. «Дырка от бублика» как она есть. Кнопка перехода на главную страницу на месте, все элементы интерфейса тоже. Внизу показан список товаров, которыми ранее интересовался посетитель.

У «Яндекс Маркета» 404-страница попроще. Меню есть, авторизация есть, поиск на месте, но надпись «Тут ничего нет» не мотивирует на дальнейшие изыскания. IT-корни маркетплейса выдает сообщение «Код ошибки 404».

Самая странная реакция на отсутствующую страницу у сервера Wildberries. Посетитель перенаправляется на страницу неких отсутствующих в продаже женских полуботинок. Любопытно, что в адресе страницы в utm-метках указывается, что переход произошел из соцсети «ВКонтакте» в рамках некоей кампании «stena/smm 25». Возможно, это техническая ошибка, а, возможно, SMM-отдел так резко улучшает KPI по переходам из соцсетей – 404-страница очень популярна. А может быть это реклама магазина?

404-страница Aviasales не забывает о своем главном козыре – дешевых авиабилетах и отправляет посетителя на главную страницу.

ADPASS оформил 404-страницу в целом традиционно: меню, авторизация. Что должна символизировать дама, куда-то вглядывающаяся из «0», непонятно, но смотрится неплохо. Интересным элементом является гигантская секция «call to action», размещенная в подвале сайта, где предлагается подписаться на дайджест.

Выводы: как лучше оформить 404-страницу

Хорошо продуманная страницы «Page not found» должна обеспечить удобство работы пользователя, даже если он туда попадет. Ни в коем случае нельзя оставлять 404-страницу в первозданном серверном виде, как было показано выше.

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

Недовольство пользователя от того, что ожидаемо станицы нет, можно легко нивелировать юмором.

Элемент с ранее просмотренными товарами не только даст посетителю ощущение, что о нем помнят, но и возможно мотивирует его купить что-то из показанного списка.

И, по мнению ADPASS, на 404-странице пора продавать рекламу. Иногда это самая посещаемая страница сайта.

Часто встречающиеся, забавные и архивные ошибки 400-х

Наиболее распространенные, кроме 404

400 Bad Request (Некорректный запрос): появляется, когда сервер не может обработать запрос из-за неверного синтаксиса или некорректных параметров. Проще говоря, это ошибка в написании адреса.

401 Unauthorized (Неавторизован): указывает на то, что клиент не предоставил достаточных учетных данных для доступа к ресурсу и требуется аутентификация. Зачастую появляется после нескольких попыток неправильного введения пароля.

403 Forbidden (Доступ запрещен): указывает на то, что сервер принимает запрос, но отказывается предоставить доступ к запрашиваемому ресурсу из-за ограничений на стороне сервера или недостаточных прав доступа у клиента. Сейчас это ошибку часто можно увидеть в России при попытке зайти на иностранные сайты. Как правило, это говорит о том, что владелец сервера ограничивает доступ к ресурсу используя диапазон IP-адресов, закрепленных за РФ.

Архивная

402 Payment Required (требуется оплата): изначально предназначалась для платных сервисов, а не для хостинговых компаний. Сейчас не используется.

Шуточные

418 I’m a teapot (Я – чайник): появился в 1998 году в качестве первоапрельской шутки. Используется крайне редко. Иногда появляется во время DDoS-атак.

451 Unavailable For Legal Reasons (Недоступно по юридическим причинам): означает, что доступ к ресурсу закрыт по требованию государственной власти или правообладателя. Код ошибки является отсылкой к роману Рэя Брэдбери «451 градус по Фаренгейту». Фактически, код 451 — упрощенная версия кода 403 с объяснениями.

Авторы:

Артемий Шохор

#SEO