Забавные и супер конвертирующие 404 страницы: не дай ему уйти!
The requested URL text was not found.
Шутка! Не спешите покидать эту страницу. Мы решили напомнить вам это чувство досады, возникающее от 404 ошибки… Как обычно мы поступаем в этой ситуации? Закрываем страницу браузера и продолжаем поиск нужной информации. Очевидно, уже в другом месте. А ведь мы вполне могли стать клиентами, покупателями или читателями этого сайта. Если бы не эта роковая 404 ошибка…
Рассказываем (и показываем!), как с помощью классно оформленной страницы с 404 ошибкой уменьшить показатель отказов на сайте и не потерять потенциальных клиентов.
Что это такое
Ошибка 404 Not Found (не найдено) – это код ответа сервера HTTP. Если вы не против немного нырнуть в технические дебри, то в следующих двух абзацах читайте пояснения. Если против – сразу переходите на пару заголовков ниже: там все наглядно, весело и креативно.
Когда браузер посылает запрос на сервер: «откройте-ка мне страницу с именем index.html!», запускается поиск нужного файла на жестком диске сервера. Если все в порядке и файл найден, сервер получает ответ с кодом «200 OK» и вуаля! – перед нами запрашиваемая страница.
Но если по каким-либо причинам файл отсутствует на сервере хостинга или не отвечает на запрос, то сервер получает грустный статус «404: Not Found» и показывает нам специально приготовленную для таких случаев страницу. Или браузер любезно предоставляет свою дзен-версию:
Почему так происходит и какие бывают последствия
Меняется структура сайта: удаляются страницы, заканчиваются товары или кочуют из одного подраздела в другой. Ссылки на ваш сайт, стоящие на других интернет-ресурсах, портятся со временем и перестают работать. Всё это приводит к возникновению ошибок.
В итоге частой демонстрации страницы с кодом 404:
-
растет показатель отказов;
-
падает конверсия сайта;
-
уменьшается трафик;
-
сайт теряет позиции в поисковых системах.
Не слишком радужная перспектива, правда?
Как избежать возникновения 404 ошибки
Старайтесь не менять URL-ы уже проиндексированных страниц, не перемещать товары из категории в категорию, а если без изменений в структуре не обойтись – вовремя настраивайте 301-ые редиректы.
Не забывайте проверять сайт на наличие битых ссылок (ведущих в «никуда»).
Кстати, это легко сделать с помощью сервисов Яндекс и Google вебмастер.
Также бывают случаи, когда сами пользователи допускают ошибки, вбивая URL вручную. Поэтому от случайного показа страницы с 404 ошибкой не застрахован ни один сайт.
Как говорится, «если безобразие нельзя предотвратить, надо его возглавить!». С помощью классного дизайна и забавного контента вы всегда можете свести к минимуму негатив, возникающий от демонстрации этой страницы. А еще, и это, пожалуй, самое главное, вернуть заблудившегося посетителя на работающие страницы сайта.
Какой должна быть эта страница?
-
Привлекательной!
Не надо нанимать художника и рисовать на ней вензеля, но страница в общем стиле сайта явно лучше, чем белый монитор с одинокой надписью «404 Not Found». Первое, что должна сделать эта страница, – привлечь внимание и удержать пользователя хотя бы еще на несколько секунд. Отлично с этой задачей справилась знаменитая Coca-Cola.
2. Понятной.
Не делайте эту страницу такой же, как большинство страниц сайта. Уберите привычные баннеры, меню и блоки, в качестве исключения может остаться только шапка и футер. Не ставьте автоматический редирект на главную страницу. Объясните простым «человекопонятным» языком, что произошло: посетитель должен понимать, что он попал именно на 404 страницу.
Aviasales дает отличный пример такого минималистического подхода: рассказывает, что случилось, предлагает простое решение.
3. Полезной!
Предложите следующие шаги вашему посетителю. Это может быть поиск по сайту, ссылки на популярные разделы или страницы, контактные данные на случай, если пользователь захочет сообщить об ошибке и т.д. Прекрасно в этом плане выполнена 404 страница студии Артемия Лебедева.
4. Креативной!
Заинтересуйте его чем-то необычным, а затем мягко направьте назад вглубь сайта. Необычным на этой странице будут выглядеть практически все смелые дизайнерские решения, яркие картинки или интерактивный контент. Но следите, чтобы ваша креативность не шла впереди адекватности. Все-таки главная задача этой страницы – задержать и вернуть пользователя на сайт, а не просто удивить.
Дыра в мониторе на сайте css-tricks.com – креативно? Да! Понятно? Нет.
А ниже «работающий» креатив от Amazon.
Пес Роро приносит извинения за случившееся, предлагает воспользоваться поиском, перейти на главную страницу сайта или… познакомиться с собаками, работающими в Амазон! Как можно устоять и не перейти по ссылке?
Знаменитый сайт для киноманов IMDB при каждом новом запросе несуществующей страницы генерирует актуальную цитату из кинофильма.
На сайте Canva.com вам предложат вренуться на главную страницу или… собрать пазл с цитатой Генри Форда.
5. Продающей!
И правда, почему бы не конвертировать посетителей в покупателей прямо на 404 странице. Предложите в качестве извинения скидочный купон, персональный бонус, бесплатный материал, подборку лучших предложений на сайте и т.д. Такой подход действительно подкупает. И продает!
Берем пример с Ozon.
Или с интернет-магазина книг Labirint.
6. Смешной!
Любая негативная эмоция отступает перед хорошей порцией юмора. Заставьте «потеряшку» улыбнуться, и он точно никуда не уйдет.
Отлично знает в этом толк сайт vmirepozitiva.ru.
Используйте Gif-ки! Знаменитый мем с Траволтой от 9GAG.
Еще пример креатива и юмора от Good Dog Design.
Пропала собака! В последний раз ее видели в желтом кружке лого, в шапке сайта. Черно-белая. Почти колли. Отзывается на «GOOD DOG». Отличительные черты: быстро разучивает новые трюки и вытаскивает упавших в колодец сироток. Если найдете – снабдите вкусняшками и парой головоломок.
Ну и немного черного юмора от Southpark!
Вывод
Сайт – лицо компании в интернете. В наш век высокой конкуренции лидеры определяются качественным подходом к любой детали. Классная 404 страница – как раз та «мелочь», которая позволит вам не просто выделиться среди множества сайтов, но и вернуть почти потерянных посетителей.
Вдохновляйтесь крутыми примерами, включайте фантазию, создавайте и тестируйте подходящие именно вашему бизнесу 404 страницы. Будьте смелы и оригинальны. Креативный подход способен напрямую влиять на успех – повышать конверсию и уменьшать показатель отказов вашего сайта. Удачи!
(9)
4/5
Оцените статью
Потенциал 404 страницы для маркетинга на сайте
Коммерческий потенциал вашей несуществующей страницы
Как страница с кодом ошибки 404 «Страница не найдена» может стать инструментом маркетинга
Вспомните свою первую 404 и что вы почувствовали: разочарование, раздражение, безразличие к сайту.
Когда пользователь попадает на несуществующую страницу, он часто видит сообщение об ошибке, упрек в неверном написании адреса и грустный белый экран.
Что происходит обычно, когда пользователь попадает на 404
Он не находит нужную информацию и не получает альтернативы ей. Если пользователю не важно, купит ли он товар или услугу в вашей компании, тогда, скорей всего, одним из его следующих действий будет:
- возвратиться на предыдущую страницу;
- закрыть страницу 404;
- закрыть браузер;
- поискать товар/информацию в общем поиске и уйти на сайт к конкурентам.
Ни один из сценариев не принес вам прибыли. Страница с кодом ошибки «404» умеет и будет продавать, если наполнить ее правильным контентом. Ловкие вебмастера и маркетологи используют потенциал несуществующей страницы на полную катушку, размещая там полезную для пользователя информацию.
Чем наполнить страницу 404, чтобы она принесла пользу
Страница, куда зашли по ошибке, — еще один способ пообщаться со своим пользователем. В этой статье мы собрали примеры 404-страниц, которые реализовывали и наполняли полезным контентом сами.
Что вы можете сказать через 404 страницу:
1. «Ой, вы зашли куда-то не туда, но можете скачать наше мобильное приложение или воспользоваться другим сервисом»
Если посетитель попал на сайт глазной клиники ТРИ-З, то у него плохое зрение — 404 предлагает записаться на диагностику. Однако эта страница еще интереснее: игры, таблицы зрения по разным методам, переход на главную. Сколько всего полезного!
2. «Как грустно, здесь ничего нет. Подпишитесь на рассылку или на наши соц. сети и вы больше ничего не пропустите»
Интернет-магазин мебели Орматек предлагает подписаться на рассылку акций и бонусов, чтобы быть в курсе выгодных предложений.
3. «Как? Вы ничего не нашли? Тогда посмотрите, что у нас ищут и покупают чаще всего. Вдруг и вам понравится»
404 страница компании мебельной фурнитуры КДМ предлагает несколько разделов, куда можно заглянуть. Если пользователь не хочет тратить кучу времени на изучение всего сайта, ему легче посмотреть, что выбирают другие.
4. «Упс, что-то пошло не так и не туда. Может быть вам будут полезны эти разделы?»
Это то, что мы говорим пользователям, когда они попадают на неведомую страницу нашего сайта. Предлагаем пройти в парадную, заглянуть на кухню, познакомиться с обитателями, сыграть партейку в покер или перейти сразу к делу.
5. «Если вы ничего не нашли, не хмурьтесь, ведь у нас всегда есть чем вас порадовать. Например, сейчас действуют акции и бонусы»
Лакшери-сайт Mr. Diamond между делом рассказывает о скидке за регистрацию.
Пользователь еще ничего не купил, он вообще ошибся адресом, а возможность сэкономитьу него уже в кармане.
6. «Ой-ой, не хорошо, что здесь нет нужной вам информации. Попробуйте еще раз — 99%, что у вас получится ;)»
Мебельная компания Чу предлагает найти на сайте что-то конкретное или, если пользователь не знает, что хочет, зайти в каталог.
7. «Тише-тише… Не нужно так расстраиваться. Сыграйте в игру — это поднимет вам настроение»
На сайте компании Северсталь вы найдете отличный материал для кровли, а на странице с ошибкой — игру с котиком. Вы любите котиков? Мы да 🙂
8. «Ого, куда вы попали! 🙂 Чтобы найти то, что искали, начните с начала. Вот главная — там все, что вам нужно»
Сайт серьезной интернет-конференции СПИК не прочь пошутить. Шутки шутками, а на конференцию нужно как-то попасть: спикером, гостем или партнером.
На главной быстрее найти нужный раздел для такой разной аудитории.
Больше пользы от 404
Оформление несуществующей страницы положительно влияет и на другие вещи:
- Вы не потеряете потенциального клиента
Ошибки будут всегда: пользователи случайно вводят лишние символы или напротив, удаляют их. Не находят то, что нужно, и уходят. - 404 становится «заглушкой» для битых ссылок
Если у сайта действительно много страниц, сложно уследить, чтобы все адреса оставались валидными: поменяли адрес, удалили раздел, а урлы по-прежнему есть в поиске. Так и плодятся 404. - Продуманная 404 полезна для SEO
Если она не оформлена, пользователь не может продвинуться по сайту дальше. Позиции сайта в органическом поиске снижаются — поведение пользователей на сайте важно для поисковых систем. - 404 может вернуть пользователя на сайт
Рассмешите и расположите пользователя к себе забавной картинкой, гиф-анимацией или игрой.
Это утеплит его.
Несуществующая страница сайта может стать эффективным инструментом digital-маркетинга. Подберите своему сайту и типу бизнеса подходящий контент и не теряйте ни одного клиента. Для вдохновения посмотрите
больше примеров 404 от Сибирикс.
P. S. Пользователи должны попадать на 404 случайно. Доверяй, но проверяй. Сервисы Google и Яндекс помогут найти битые ссылки. Это бесплатно.
5 лучших пользовательских страниц 404 и зачем они вам
Оставить комментарий / Разработка сайта / Автор Креативные кочевники
Типичный белый экран с большим сообщением об ошибке 404 — это то, что слишком многие фирмы оставляют без изменений.
Мы поняли! Это всего лишь страница с ошибкой 404.
Однако, если вы продолжите это делать, посетитель будет недоволен.
Они покинут сайт, чтобы поискать что-то еще, потому что не знают, что произошло.
Таким образом, имея персонализированную страницу 404, вы даете себе возможность улучшить опыт пользователей вашего сайта.
Преимущество создания собственной страницы с ошибкой 404 заключается в том, что вы можете использовать свой творческий потенциал в полной мере. Это просто гигантский холст для компании, чтобы выразить свое сообщение, направляя посетителя к необходимым им ресурсам, потому что нет никаких ограничений на то, как должна выглядеть ваша страница.
Зачем вам страница 404? Что это такое?
404 страницы используются, чтобы сообщить посетителям сайта, что конкретная страница больше недоступна, и (в идеале) отправить их в другую область вашего сайта.
Персонализированная страница 404 — это больше, чем просто визуально привлекательное сообщение о том, что страница отсутствует. Хорошо, если ваши посетители узнают, что произошло и что они могут делать дальше. Они созданы для того, чтобы заинтересовать посетителей, чтобы у них была мотивация продолжать просмотр вашего сайта даже после того, как они зашли в «тупик». Кроме того, это целевая страница, информирующая посетителей вашего сайта о том, что запрошенная страница либо недоступна, либо, в определенных ситуациях, вообще отсутствует.
На фоне усугубления невозможности получить доступ к веб-странице, которую вы хотите, лучшие страницы 404 могут вызвать у вас улыбку. Поэтому, даже если создание блестящей страницы 404, как правило, не является вашим главным приоритетом при создании нового веб-сайта, стоит подумать об этом.
Если все сделано правильно, приличная страница 404 побуждает пользователей не обращать внимания на ошибку (даже если это они сделали ее, введя неверный URL-адрес) и удерживает их на вашем веб-сайте.
5 лучших примеров страниц 404
Чтобы найти примеры сайтов 404, которые либо хорошо работали, либо плохо работали, либо в целом производили впечатление или не впечатляли, мы произвольно провели поиск в Интернете.
Давайте взглянем на пять невероятных страниц с ошибкой 404, и почему они так эффективны.
1. Mailchimp
С их анимированной страницей 404 животное, роющееся в норе в поисках, предположительно, потерянной страницы, инструмент электронной почты Mailchimp делает вещи простыми, но в то же время творческими.
Это умно и демонстрирует, что их страница 404 не была просто выброшена.
2. Swiss Airlines
Swiss Airlines просто предоставляет ссылку на свою домашнюю страницу и панель навигации в качестве дополнительной информации, но графика на их странице 404 весьма интересна.
Вы окружены облаками, когда вы перемещаете курсор по веб-сайту.
Должны признать, мы задержались на их странице 404 дольше, чем хотелось бы, из-за этой интригующей функции.
3. Taco Bell
Taco Bell имеет репутацию довольно непочтительного заведения. Они следуют их примеру со своей страницей 404.
На странице танцующий тако высыпает начинку, прежде чем зачерпнуть ее обратно в скорлупу.
Это странное напоминание о том, что что-то пошло не так.
На этой странице также есть ссылки на меню, адреса, подарочные карты и страницы покупки предметов.
4. Marvel
Marvel использует вращающуюся страницу 404 для демонстрации своих различных героев комиксов, включая Капитана Америку, Дэдпула и других.
Совет: постоянно обновляйте страницу. Marvel будет предлагать новое изображение каждое третье обновление.
5. Zillow
Zillow предоставляет своим охотникам за домашними привилегию интерактивного GIF. Он использует данные клиентов, чтобы идентифицировать пользователей, которые обожают животных.
А чтобы заинтересовать любителей животных, они сделали этого анимированного кота, который портит вещи в гостиной и немного смеется в конце.
Если вы, как и мы, любите животных, вам это понравится!
Final Point
Когда посетитель видит страницу 404, очень важно указать ему, что делать дальше. Они возвращаются или идут на домашнюю страницу вашего сайта? Чем больше указаний вы предоставите, тем больше вероятность того, что они останутся на вашем сайте, а не уйдут.
Подождите. Вы можете оставаться столько, сколько хотите, и запланировать предварительный звонок с нами, чтобы мы могли продолжить обсуждение проблем с веб-сайтом!
Создание хорошей страницы 404
Никому не нравятся страницы 404.
Это никогда не та страница, которую вы пытались найти, и обычно это не ваша вина, что вы там оказались. Стандартные сообщения об ошибках могут быть непостижимыми, а сама обычно строгая страница 404 может отключить пользователя от общего опыта работы с сайтом, что может оттолкнуть их от вашего сайта и даже вашего бренда. Так как же создать динамическую страницу 404, которая легко перенаправляет пользователя обратно к нужному контенту, и это даже немного весело?
Используйте простой язык
Приземление на сообщение об ошибке всегда вызывает разочарование, особенно если вы даже не понимаете, что означает сообщение об ошибке. Страница 404 с чрезмерно техническим сообщением, полным языка кода и жаргона программирования, несомненно, смутит пользователя, и это может снизить его желание вернуться к контенту вашего сайта. Чтобы смягчить такой отказ пользователей, полезно создать сообщение, которое четко и просто объясняет пользователю, почему он пришел на страницу 404, а затем облегчает ему возврат на основной сайт.
Страница 404 — это возможность брендинга
Если пользователи переходят на вашу страницу 404, перейдя по ссылке с другого сайта, это может в конечном итоге стать их первым знакомством с вашим брендом. Хотя это и не идеально, это не должно означать, что вы сразу же потеряли интерес этого пользователя. Это означает, что очень важно, чтобы ваша страница 404 соответствовала общим передовым методам взаимодействия с пользователем, включая соответствие эстетики страницы остальной части вашего сайта и обеспечение того, чтобы микрокопия (фрагменты текста, которые направляют пользователей по вашему сайту интерфейс) соответствует остальной тональности вашего бренда. Это принесет дивиденды за то, что вы познакомите пользователей с вашим брендом, а также повысите шансы на конверсию.
Помогите пользователю найти то, что он искал
Нет ничего более разочаровывающего, чем страница 404, которая является просто тупиком. Чуть менее неприятной является ссылка, которая возвращает вас на домашнюю страницу.
Даже лучше, чем это? Функция страницы 404, которая помогает пользователю перейти к контенту, который он действительно искал. Рассмотрим функцию проверки орфографии, которая проверяет запрошенный URL-адрес и затем рекомендует альтернативную страницу. Точно так же вы можете включить панель поиска, которая использует API пользовательского поиска Google, чтобы предлагать определенные страницы на основе предоставленного пользователем слова или фразы.
Юмор
Кому-то трудно злиться, когда он смеется. Поэтому, если вы допустили ошибку на своем сайте (и это всегда ваша ошибка, а не пользователя), сделайте все возможное, чтобы рассмешить пользователя. Вы будете укреплять репутацию своего бренда, одновременно удерживая пользователя от закрытия браузера и забвения причины, по которой он пришел на ваш сайт.
Будьте умнее
Остроумие и юмор — отличные способы привлечь пользователей, но интерактивный контент тоже. Некоторые замечательные страницы 404 используют видеоконтент или другие интерактивные элементы для геймификации страницы 404.
Это идеально, потому что пользователи хотят участвовать; Таким образом, ошибка может быть возможностью вовлечь их в новый, интересный способ, которого даже они не ожидали. Мало того, размещая такой контент на странице 404, вы даете пользователям захватывающее ощущение, что они наткнулись на секрет.
…но не слишком умно
В то же время слишком умная, загроможденная или загадочная страница 404 может отпугнуть пользователей так же сильно, как и чрезмерно техническое сообщение об ошибке. И если контент на вашей странице 404 также упадет, вы будете выглядеть вдвойне некомпетентным. Расширьте динамическое взаимодействие с пользователем до сообщения об ошибке, но не переусердствуйте. Цель по-прежнему состоит в том, чтобы создать положительное взаимодействие с пользователем и, в конечном итоге, перенаправить пользователей обратно к контенту, который они увидели.
Узнайте больше о том, как вы можете преобразовать пользовательский опыт и использовать цифровые пространства всех видов для эффективного создания бренда, с онлайн-магистром наук в области дизайна пользовательского опыта из Кентского государственного университета.
