{"id":14275,"url":"\/distributions\/14275\/click?bit=1&hash=bccbaeb320d3784aa2d1badbee38ca8d11406e8938daaca7e74be177682eb28b","title":"\u041d\u0430 \u0447\u0451\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0446\u044b \u0430\u0432\u0442\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f72066c6-8459-501b-aea6-770cd3ac60a6"}

Оформление страницы 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 комментариев
Раскрывать всегда