Искусство ошибаться: 27 примеров проработанной страницы 404
В дополнение к статье на vc.ru «20 страниц 404 от digital-агентств, которые задержат вас на сайте» публикуем свежую подборку с примерами необычного оформления страницы 404.
Статья будет полезна предпринимателям, для которых сайт компании — не просто визитка, а продающий инструмент, требующий постоянного развития.
Если у вас не лендинг, а крупный сайт со множеством страниц и разделов, то рано или поздно ваши посетители столкнутся с битыми ссылками и ошибкой 404. К этому следует подготовиться.
Грамотно оформленная с точки зрения дизайна и содержания страница 404 способна удержать посетителей на сайте, снизить показатель отказов и повысить конверсию трафика в продажи.
После анализа сотни веб-сайтов разной направленности на предмет наличия проработанной, интересной и нестандартной страницы 404 были выявлены 27 достойных примеров, которые представлены ниже. Также в конце этого материала вы найдёте несколько рекомендаций по теме.
Идеальной формулы для страницы 404, конечно, не существует. Здесь всё индивидуально и зависит от конкретного бизнеса.
В целом страница 404 должна решать следующие задачи:
Объяснять посетителю, что произошло.
- Указывать причины, по которым пользователь попал на эту страницу.
- Подсказывать, что делать дальше.
Общие рекомендации по теме
- При разработке или редизайне страницы 404 проявляйте творчество и креатив, отталкиваясь от сферы бизнеса. Здесь можно разместить ограниченные по времени купоны на скидку, форму подписки на выгодные акции, тематическую иллюстрацию, строку поиска по сайту, интерактивные элементы, генератор случайных советов и так далее.
- Обязательно проверьте, чтобы страница ошибки 404 на вашем сайте была правильно настроена, а сервер возвращал код статуса HTTP 404 Not Found. Иначе в результатах выдачи поисковых систем могут начать появляться ссылки на несуществующие страницы вашего сайта, что негативно повлияет на SEO.
- Регулярно проверяйте ссылки, размещённые на сайте, на предмет актуальности. Заменяйте или удаляйте битые ссылки при обнаружении.
На этом всё. Надеемся, что приведённые выше примеры вдохновят вас на создание своих собственных оригинальных решений, которые будут способствовать улучшению сайта и бизнеса в целом.
А как насчет такой 404 (после прочтения можно обновлять страницу, пока не надоест):
https://ragemarket.ru/404
Комментарий удален модератором
"Это грустно или весело? - Это.. это печально".
А если серьезно, то у вас отличная реализация страницы 404.
6 раз обновил и закончился креатив
Согласен, можно добавить еще креатив. Сейчас около 11 вариантов. А так - здорово.
Они показываются рандомно. Думаю доработаем, чтобы сначала показывалось все то, что конкретный посетитель еще не видел, а уже потом рандом.
А если есть предложения, что можно написать - предлагайте свои варианты, с удовольствием добавим самые интересные)
Извиняйте если не к месту, сделайте аудит доступности вашего сайта с мобилок, очень плохо грузится (Chrome F12 / Audits) (: За СЕО 100 бальный лайк, молодцы!
Все времени не было заняться оптимизацией :)
Но сегодня прогер все-таки немного добавил фич, теперь сайт более оптимизирован для мобильных (1 скрин) и еще лучше оптимизирован для десктопа (2 скрин)
прикольно))
Каждый раз захожу и ищу анимекартинку с борды какой-нибудь
(каждый раз, два раза всего, ага)
Ну это, как знаете....
у нас такая https://xpert-studio.ru/404 скоро телек можно будет смотреть))
Дизайн интересный. Только не хватает ссылки на главную страницу, добавьте.
да спасибо упустили этот момент)
Мы кстати обновили там теперь глич фишечка появилась и кнопка тож) https://xpert-studio.ru/404
Интересно, какой процент трафика в среднем уходит на 404 страницу?
Точных показателей нет. Это сильно зависит от конкретного сайта.
Например, сайт постоянно наполняется контентом, производится ручная перелинковка и периодически какие-то старые статьи отваливаются (удаляются по каким-то причинам), а на них все еще стоят ссылки с других внутренних страниц сайта или же других ресурсов. В этом случае, процент трафика на страницу ошибки 404, конечно, будет намного больше.
Главное - следить за битыми ссылками и вовремя заменять или удалять их.
Также, если неверно настроена страница 404 (как упоминается в этой статье во 2 пункте), и сервер возвращает «200 ОК» вместо «404 Not Found», то в выдаче поисковиков могут начать появляться битые ссылки. Таким образом, страдает SEO и процент ошибочного трафика становится еще выше. И т.д.
Вот наша страничка (логистическая компания): https://www.eride.ru/404
В поиске можно ввести, например "таможня" или "перевозки", нажать "Enter" и посмотреть все статьи на тему в нашем блоге.
Отличный вариант.
Спасибо!
---
блин пакман круто)
У Slack прекрасная:
https://slack.com/404
Не могу удержаться и не показать наш вариант: https://profibeer.ru/404/
Действительно, очень оригинально!
Нельзя перенаправлять. Но можно показать релевантные статьи.
Да, все верно.
Такое внимание странице 404, которую и видеть никто не должен. Мне кажется за последний год активного использования интернета, я попадал на 404 один или два раза.
Лучшая 404 перенаправляет тебя на самую подходящую имеющуюся страницу, а не сообщает радостным дизайном, что ты "попал никуда".
Серьезно?) Аудио?) это неожиданная проработка для статьи
Озвучка создается автоматически на vc.ru. Посмотрите другие статьи на главной, там тоже есть аудио.
У меня не на всех выскакивает)
вот такую сделали клиенту http://st-std.com/not_found
Комментарий удален модератором