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

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

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

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

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

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

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

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

Вывод

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

Весь справочник в статьях на vc.ru или на сайте.

Навигатор по первым ста заметкам.

0
13 комментариев
Написать комментарий...
НечеловеческаяЛогика

Это намёк Комитету что кнопочку бы повесить, кроме всей рекламы и прочего?

Ответить
Развернуть ветку
dinorisi

которую кнопочку?) тут на 404 остается же активным верхнее меню с "популярным", "свежим" и т.д.

Ответить
Развернуть ветку
НечеловеческаяЛогика

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

Ответить
Развернуть ветку
Leon Kim
Ответить
Развернуть ветку
Евгений

Классику забыли
https://proteys.info/404/

Ответить
Развернуть ветку
Sly Death

Поржал, спасибо :)

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

Приведённая картинка показывает, что никакой 404 в данной CMS не предусмотрено вообще. Это текст по умолчанию, выдаваемый собственно HTTP-сервером, а не CMS.

Ответить
Развернуть ветку
Макс Лысюк

Сделал с 404 переадресацию на главную и проблем нет

Ответить
Развернуть ветку
Иван

А поисковики как на это смотрят? Для SEO не вредно?

Ответить
Развернуть ветку
Макс Лысюк

Все отлично. При чем делал и дублирование главной, главное чтобы поиск по сайту работал адекватно

Ответить
Развернуть ветку
Sly Death

По делу всё. :)

Ответить
Развернуть ветку
Сергей Эффект

Здравствуйте. Помогите с креативной 404 страницей Сейчас у нас скучная posteffect.ru/proizvodstvo-reklamy/d/

Ответить
Развернуть ветку
Алексей Наумов

Здесь на уровне сделали, отсылка к классике, анимация:
https://cenana.ru/404

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
10 комментариев
Раскрывать всегда