png
к ленте
#138

Оформление 404 страницы

Август'19

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

В большинстве CMS страница 404 «Not Found» предусмотрена по умолчанию. Но её оформление и польза для посетителя оставляют желать лучшего. Как правило, они имеют следующий вид:

Неправильно оформленная страница 404

Такая 404-ая генерирует высокий показатель отказов. Вы не предлагаете пользователю вариант дальнейшего взаимодействия с вашим сайтом, а значит, с высокой вероятностью, он просто покинет его.

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

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

Существует несколько правил, которые помогут оставить пользователя на сайте при его попадании на несуществующий документ:

  1. Страница 404 должна быть оформлена в едином стиле с дизайном сайта. Так вы помогаете пользователю понять, что он все ещё находится на вашем ресурсе и не нужно торопиться закрывать вкладку в браузере. К примеру, в сервисах Яндекса ошибка оформлена так:
  2. Оформление 404 на примере Яндекса
  3. Необходимо предлагать посетителю варианты дальнейшего взаимодействия с ресурсом. Мы рекомендуем оставлять ссылку на главную страницу сайта. Полезным будет добавить форму поиска или предпочесть ей карту сайта, если ресурс небольшой. В последнее время принято добавлять на четыреста четвертую выборку товаров или статей в зависимости от типа вашего сайта. Например, на сайте газеты «Комсомольская Правда» оформить 404 страницу решили следующим образом:
  4. Оформление 404 на примере Комсомольской Правды
  5. Мотивация к действию. Попробуйте убедить пользователя остаться на сайте. Этим приемом успешно пользуется компания HeadHunter:
  6. Оформление 404 на примере hh.ru
  7. Если тематика сайта позволяет Вам это сделать, добавьте креатива. Возможно, пользователь захочет поделиться вашим нестандартным решением с другими людьми. Такие страницы могут создавать большое количество трафика. Как пример — флеш-игра на странице 404 сайта Heyzap, или 404 страница сайта Dribbble:
  8. Оформление 404 на примере Dribble

Вывод

Битая ссылка или опечатка в URL не самое редкое явление. Возможно, периодически и у вас на 404-ой появляются посетители. Ваша задача — сделать столкновение пользователя со страницей «Not found» приятнее и попробовать удержать его у себя на ресурсе.