Как создать идеальную 404 страницу?

Как создать идеальную 404 страницу?
image-67

Если вы ни когда не попадали на страницу 404, то вероятно вы ни когда ни пользовались интернетом.

Концепция проста: если пользователь запрашивает URL, а сервер не может найти необходимую страницу, он отвечает ‘404 страница не найдена’ — или другими словами «Все работает, но я не могу найти то что вы запрашиваете».

Есть несколько правил, которые следует соблюдать, чтобы создать хорошую страницу ошибки 404:

Дизайн

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

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

Социальные ссылки

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

Основные ссылки

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

  • Главная
  • Последний статьи
  • Поиск
  • О сайте
  • Контакты

Вывод формы обратной связи

Форма должна быть предоставлена ​​для обратной связи, что бы пользователь мог описать свою проблему, то что он искал и не нашел, или ему встретилась не рабочая ссылка и т.д.

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

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

Аудио / Видео / Блок Юмора

Аудио / Видео также могут выводится на странице 404. Юмор как часть объяснения быть использованы с некоторой забавной анимацией. Это возможно удивит и развлечет пользователя.

Ниже приведен некоторые примеры конструкций страниц 404. Посмотрите на них и сделайте свою страницу вашего сайта более качественной.

craigslist

Craigslist предоставляет простую страницу 404 с ссылкой на главную страницу.

Craigslist
image-68

Niki Brown

Некоторые ссылки показаны на это странице как тайные, и они перенаправляют пользователя на хорошую музыку.

Niki Brown
image-69

cubeecraft

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

cubeecraft
image-70

Project-euh

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

Project-euh
image-71

Technorati

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

Technorati
image-72

Acme

Еще один пример необычной 404 страниц

Acme
image-73

Expansion Broadcast

Заполните форму, приведенную на этой странице, если вы не нашли то что искали. Это отличный способ взаимодействия с посетителями. Им также может дополнительно помочь социальный ссылки на Twitter и Facebook.

Expansion Broadcast
image-74

Attrition

Простой дизайн с простым сообщением о том что страница которую искали не найдена.

Attrition
image-75

webo group

Простая страница 404

webo group
image-76

THCNET

404 страница на THCNET не поможет вам найти то что вы искали прежде чем попасть сюда. Вместо этого они представили вам живое текстовое приключение игры Zork(игра 1980х годов). Попытайтесь сыграть в нее)

THCNET
image-77