Улучшаем страницу «Ошибка 404» — яркие примеры

Когда посетитель попадает на стандартную страницу «Ошибка 404», велика вероятность, что он сразу же уйдёт с веб-сайта и никогда не вернётся. И совсем другое дело кастомная, привлекательная и полезная страница 404. Она способствует дальнейшему пребыванию пользователя на веб-ресурсе, повышает лояльность аудитории и улучшает SEO-показатели сайта.

Что означают эти знакомые всем цифры — 404?

Начнём с истоков. Определение из Википедии:

«Ошибка 404 или Not Found («не найдено») — стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу».

Код 404. Первая цифра «4» указывает на системный сбой со стороны посетителя, к примеру, неверно введён адрес или плохое соединение. Значение «04» обозначает категорию ошибок и статусов разных классов: Bad Reques, Precondition Failed, Conflict и т.д. Причины возникновения: опечатка при написании адресной строки, переезд страницы на другой адрес, ссылка страницы удалена или устарела, плохое соединение.

Почему лучше не использовать страницу «Ошибка 404» по умолчанию?

Наверное, все знакомы со стандартной страницей «Ошибка 404». Она выглядит немного устрашающе:

Страница "Ошибка 404" по умолчанию
Страница «Ошибка 404» по умолчанию

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

В идеале клиент никогда не должен столкнуться с подобной ошибкой. Но никто не может быть застрахован от человеческого фактора при введении адреса. К тому же даже небольшой сайт зачастую имеет «битые ссылки».

Привлекательная и грамотно оформленная страница 404 позволяет извиниться перед посетителем и предложить ему помощь в поисках нужной информации.

Ошибка 404 в книжном интернет-магазине
Ошибка 404 в книжном интернет-магазине

Пространство для улучшения Страницы 404

Чтобы ошибка не испугала пользователя:

  1. Объясните, что произошло
  2. Укажите причины происшедшего
  3. Скажите, что делать дальше

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

Ошибка 404 на сайте для просмотра фильмов, сериалов
Ошибка 404 на сайте для просмотра фильмов, сериалов

О текстовой составляющей 404-й ошибки читайте в статье Копирайтинг для «Страницы 404» в моём блоге.

Как правильно оформить страницу 404

Главное, объяснить посетителю, что ничего страшного не произошло, и тактично направьте его к выходу из этого «тупика».

Чтобы доверие к вам не было подорвано, мы собрали все способы улучшения страницы «Ошибка 404».

Совет №1: Ссылки на разделы сайта.

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

Оригинальная страница на украинской доске объявления ОЛХ
Оригинальная страница на украинской доске объявления ОЛХ

Совет №2: Добавьте строку поиска.

Этот инструмент значительно упростит действие клиента. Он введёт в строку нужный запрос и быстро перейдёт в тот раздел, в котором должен был оказаться до появления ошибки.

404-я ошибка на сайте маркетингового агентства
404-я ошибка на сайте маркетингового агентства

Совет №3: Придерживайтесь фирменно стиля и дизайна

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

Слишком сильное различие настораживает и создаёт впечатление, что случайно перешли по нехорошей ссылке на другой ресурс.

Интересная страница для автомобильного сайта
Интересная страница для автомобильного сайта

Совет №4: Будьте понятными и дружелюбными

Если вы думаете, что каждый пользователь знает, что такое «ошибка 404» — вынужден вас огорчить. Не все посетители сайта одинаково продвинуты.

Поэтому в дружелюбной манере объясните, в чём проблема и скажите, что делать дальше.

Если этого не сделать, всегда найдутся те, кто не поймут устрашающую надпись «404 Not found» и запросто исчезнут в неизвестном направлении.

Совет №5: Внесите креатив и юмор

Нарисуйте интересную картинку, тематическую анимацию с лёгким юмором. Динамические иллюстрации приковывают внимание, а такая страница вызовет интерес и желание узнать, что же ещё интересного есть на этом веб-ресурсе?

Немного юмора от Blizzard
Немного юмора от Blizzard
Креативная страница под необычную ЦА
Креативная страница под необычную ЦА

Какая страница 404 у студии MEDIOL

Наша 404-я ошибка выглядит так:

Страница 404 веб-студии MEDIOL
Страница «Ошибка 404» веб-студии MEDIOL

Дизайн и внешний вид остался в том, же стиле, что и блог. Мы убрали шапку и подвал сайта. С лёгким юмором объяснили, что такой страницы нет. Для удобства разместили ссылки «На главную» и «Читать блог». Также предлагаем основные кнопки социальных сетей. Добавив все технические нюансы, мы не забыли про юмор и креатив.

Бонус

Примеры интересных страниц «Ошибка 404»:

Анимированное изображение 404-й ошибки от KONUX

или

Еще один хороший пример анимированной ошибки 404

или

Можно смотреть бесконечно :)

Заключение

Создавайте собственные информативные и запоминающиеся страницы, вместо скучных и бесполезных шаблонных вариантов. И пользователи не захотят покидать ваш сайт.

А у вас есть любимые 404-е ошибки? Кидайте ссылки в комментариях, посмотрим вместе.

 

Улучшаем страницу «Ошибка 404» — яркие примеры
Рейтинг: 5 Оценок: 2
comments powered by HyperComments
Дмитрий Фастивец

Автор: Дмитрий Фастивец

Копирайтер студии «MEDIOL». Пишу коммерческие статьи и рассылки, разрабатываю Landing Page. Выясняю задачу и предлагаю решение. Верю, что качественный контент-маркетинг приводит покупателей к продавцам, а не наоборот. Работаю на результат.