Ошибка 404 варианты

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

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

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

После анализа сотни веб-сайтов разной направленности на предмет наличия проработанной, интересной и нестандартной страницы 404 были выявлены 27 достойных примеров, которые представлены ниже. Также в конце этого материала вы найдёте несколько рекомендаций по теме.

Идеальной формулы для страницы 404, конечно, не существует. Здесь всё индивидуально и зависит от конкретного бизнеса.

В целом страница 404 должна решать следующие задачи:

Общие рекомендации по теме

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

Когда мы вводим на сайте неверный адрес или щелкаем по «мертвой» ссылке, он должен выдать стандартный код ответа HTTP – Not Found или «Ошибка 404». Отсюда хочется побыстрее уйти – и хорошо, если на главную сайта, а не обратно в поиск.

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

eBay

«Человечная» надпись и такая же картина делают так, что не хочется убегать обратно в поиск

Aviasales

Aviasales, по традиции, чуть поиграли словами – страницы нет, билеты есть

Blizzard

404-я у Blizzard анимированная: посмотрите, как симпатично выглядит

Coca-Cola

Coca-Cola тоже сыграла словами: «Здесь больше нет Coca-Cola» уместно смотрится рядом с пустыми бутылочками

Convert Monster

Content Monster меняет призыв и картинку каждый раз при обновлении страницы

Amazon

А у Amazon кликабельная собака – она отправляет нас на страницу «Собаки Amazon»

«Тупичок Гоблина»

Дизайн на сайте Дмитрия Юрьевича не обновляется годами (и смотрится по-своему стильно). Графическое оформление 404-й в стиле игр конца 90-х смотрится тут органично

«Лабиринт»

Еще одна ожидаемая игра слов: страница «Лабиринта» потерялась в лабиринте

OZON

OZON вернулся к минимализму

Что интересно – старая страница была немного креативнее (и как будто заимствовала идею eBay):

А это старая 404 страница на сайте OZON

Сотмаркет

Тот же тренд на минимализм – у «Сотмаркета»: только навигация, только хардкор

А вот как выглядела эта страница раньше:

Интереснее по задумке, но уже не так трендово (да, 404 тоже стоит обновлять в духе времени)

Студия Артемия Лебедева

Кстати, тайтл у страницы иронично спрашивает: «Потерялись?»

Банк «Тинькофф»

«Тинькофф» перешел от минимализма к ультраминимализму – смотрите следующее фото: это старая страница 404

Когда страницу освежали в плане дизайна, отсюда в числе прочих изменений ушел смайлик

«Яндекс»

Коротко и понятно – и тоже с навигацией

Университет «Синергия»

У «Синергии» как будто отсылка к фильму «Гравитация»

Студия Дениса Каплунова

Стильно и минималистично

LEGO

Выражение лица человечка демонстрирует панику. А вот надпись говорит, что все прекрасно

«Кинопоиск»

На «Кинопоиске» тоже есть элемент анимации

PlayboyRussia

404 страница PlayboyRussia

«Единый визовый центр»

Нетривиальный ход – для дочитавших подарок

Pikabu

Заморочились и отрисовали – узнаваемо и на века

Pixar

Более удачный образ, чем Печаль из мультика «Головоломка» для страницы 404 трудно представить

Какой не должна быть страница 404

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

• с нечитаемыми символами:

• со стандартной и малоинформативной надписью:

• дзен-вариант страницы 404 (такой, например, у Школы-студии МХАТ):

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

Немного о термине

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

Причины появления проблемы  

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

Неправильный адрес 

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

Человек сам поймет, что опечатался, перейдет на главную и продолжит искать нужную ему категорию. Например, юзер захотел посетить интернет-магазин https://www.sportmaster.ru/catalog/brendy/reebok/ , но при написании адреса ошибся и вместо доменной зоны .ru, указал .com. В таком случае пользователь увидит следующую информацию: 

Неправильная ссылка на каналах для привлечения трафика 

Причиной появления ошибки 404 «Страница не найдена» может быть не только сайт и опечатка юзеров. Ошибиться может как и сам владелец, так и подрядчик, который занимается рекламой. Например, если в email-рассылке указан неверный адрес, то пользователь перейдет на ресурс по битому url, увидит, что на страничке нет нужной для него информации и уйдет. В таком случае бюджет на рекламу пропадет впустую, потому что такая оплошность не приведет к росту клиентов.  

Технические неполадки 

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

Битые ссылки 

Присутствие на площадке страничек 404 Нот Фаунд негативно сказывается на распределении веса разделов. Если на сайте размещен адрес на несуществующую категорию, то ссылочная масса теряется, поэтому могут просесть позиции в поисковой выдаче. 

Эту неполадку можно обнаружить с помощью различных сервисов: Labrika, Screaming Frog и тд. Чтобы решить проблему, необходимо с битого урла настроить 301 редирект на актуальный или же совсем убрать такие гиперссылки, чтобы пользователь не смог перейти по ним.  

Читайте также


Самостоятельная регистрация организации в каталогах и справочниках: как делать и чего ожидать

Неправильная работа сервера 

Это очень редкая причина, однако серверные неполадки иногда возникают. Сбой может появиться из-за DDos-атак, перезагрузки системы, чрезмерной активности юзеров. Выявить причину поломки и наладить работу сервера смогут только технические специалисты.  

Последствия 

Если странички вашего ресурса начали отображать еррор 404 request failed with status code, необходимо как можно скорее обратиться к компетентному специалисту, который обнаружит сбой и поправит его в краткий срок. Такая проблема может негативно повлиять на продвижение сайта, то есть: 

Код ошибки 404: что это такое и как ее устранить 

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

Яндекс.Вебмастер 

Это универсальная программа, которая позволяет отслеживать состояние ресурса и уведомлять о возникновении какой-либо проблемы. Чтобы найти неработающие адреса, необходимо перейти в раздел «Внутренние ссылки»: 

Чтобы найти площадки, которые ссылаются на ваш сайт, следует перейти в категорию с внешними линками:

Google Search Console

 Чтобы посмотреть, какие странички перестали работать, нужно перейти в инструмент от Google в раздел «Страницы» и найти причину «Не найдено (404)».

Xenu

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

После того как все url загрузятся, можно просто отсортировать список по статусу и найти обозначение not found: 

Screaming Frog

Это многофункциональный сервис для проверки веб ресурсов. Для того чтобы выявить ошибки 404, программа должна отсканировать площадку и выгрузить все гиперссылки. Для начала вам нужно ввести url в специальную строку, а затем нажать на Start, чтобы началось сканирование. После проверки перейдите во вкладку Response Codes и поставьте фильтр Client Error (4xx). После введения всех параметров на экране появятся не найденные странички. 

Netpeak Spider

Это платный сервис, который устанавливается на компьютер. После установки необходимо оплатить лицензию. С помощью этой программы вы сможете не только искать странички, которые не работаю, но и проводить полноценный технический аудит. Чтобы найти разделы с 404 кодом ответа сервера, нужно ввести адрес в специальную строку и дождаться выгрузки всех url. Затем кликните на кнопку «Старт», потом на «Отчеты» и после на «Сводка». Как только вы увидите список ссылок, нужно найти в категории «Статус страницы» параметр «Битые».  

404 that’s an error: как ее исправить  

Чтобы выбрать оптимальное решение проблемы, необходимо выявить конкретную причину ее появления: 

Однако удалять адреса не стоит, особенно на больших сайтах. Лучше, если вы настроите Redirect с неактуального раздела на новый. Например, у вас интернет-магазин и одна товарная позиция закончилась и ее поставки больше не будет. 

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

Оформление несуществующей страницы 

Здесь следует объяснить юзеру, куда он попал, почему не отображается нужная ему информация и что стоит предпринять дальше. Правил в дизайне данной страничке нет, все зависит от предпочтений владельца. Однако мы рекомендуем внедрить следующие элементы.  

Развлекательный блок 

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

Оформление несуществующей страницы 

Здесь следует объяснить юзеру, куда он попал, почему не отображается нужная ему информация и что стоит предпринять дальше. Правил в дизайне данной страничке нет, все зависит от предпочтений владельца. Однако мы рекомендуем внедрить следующие элементы.  

Развлекательный блок 

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

Дополнительная перелинковка на товары или услуги 

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

Внедрить строку поиска   

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

Читайте также


Продающие тексты: как писать маркетинговые статьи для интернет-магазина

Ссылки на основные разделы 

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

Что предпринять, если проблема осталась 

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

Заключение 

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

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

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

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

Что ж, на этом с теорией закончим, а сейчас давайте познакомимся с 50 крутыми идеями для оформления 404-й страницы.

1. Blizzard Entertainment

Первым участником нашего ТОПа стала известная американская компания Blizzard Entertainment. Blizzard занимается разработкой игр. В частности, их творениями являются такие известные продукты как: World of Warcraft, StarCraft, Heroes of the Storm, Diablo, Overwatch. 404-я страница выглядит как разбитый экран, показывающий сломанный сайт.

2. JACK DANIELS

Всемирно известный алкогольный бренд, тоже поработал над оформлением страницы 404. Пользователь имеет возможность увидеть пустую дорогу и надпись «Похоже, ты заблудился, друг». Страница выполнена в корпоративном стиле, а благодаря навигации можно легко вернуться к необходимой странице.

3.Tproger

Прекрасный пример оформления 404-й страницы в шутливом стиле от редакции издания Tproger (проект о разработке и всего, что с ней связано). Кроме статуса ошибки, пользователь может посмотреть забавное видео, которое точно поднимет настроение после неудачного поиска.

4. Github

Прекрасный пример использования корпоративного стиля для оформления 404-й страницы. Для этого Github взяли свой логотип (кота-восьминога) и стилизовали его под «Звездные войны».

5. Geekbrains

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

6. Adidas

Компания Adidas решила не отходить от своего корпоративного стиля при оформлении страницы ошибки. Мы видим прекрасный пример минимализма в веб-дизайне, а также текст, который мотивирует нас не сдаваться.

7. Emailcenter

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

8. Marvel

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

9. Crello

Сервис онлайн редактирования изображений Crello имеет красивое оформление 404-й страницы в юмористическом стиле. Похищение страницы голубями — одно из самых оригинальных объяснение возникновения ошибки.

10. Sketch

Компания Sketch решила оформить свою 404-ю страницу в корпоративном стиле. Хороший пример соблюдения фирменного стиля и простоты навигации.

11. Red Bull

Известный производитель энергетических напитков Red Bull вполне верен своему стилю. В случае ошибки,пользователь попадет на страницу с эффектным видео и надписью: «Хм, это сбивает с толку. Куда делась страница?! »

12. Cayenne

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

13. Aviasales

Сервис поиска авиабилетов Aviasales решил оформить страницу 404 в корпоративном стиле. Дополнительной «изюминкой» этого участника является то, что через некоторое время по странице начинают перемещаться маленькие изображения самолетов.

14. LEGO

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

15. Studiofables

Французская дизайн студия Studiofables решила подойти к вопросу дизайна 404 страницы с присущим ей колоритом. Пользователю предлагают успокоиться, посмотреть видео про трех поросят и, впоследствии, перейти на главную страницу ресурса.

16. ITcluster

Львовский IT-Cluster также решил проявить творческий подход. В случае ошибки, посетителя ждет оригинальная страница 404 и кнопка для возврата на главную.

17. Pixar

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

18. 20th Century Fox

Кинокомпания 20th Century Fox хорошенько поработала над своей 404-й страницей. Пользователю случайным образом показывают один из вариантов оформления, каждый из которых включает видео и уникальный текст.

19. Planeta Kino

Сеть кинотеатров «Планета Кино» решила, кроме соблюдения своего стиля, использовать известную фразу из “Аполлона-13″. Кроме этого есть удобная кнопка для возврата на главную.

20. Startup Depot

Львовский бизнес-инкубатор Startup Depot, первый в нашем списке кто использовал для оформления 404 страницы мем с Винсентом Вегой (фильм «Криминальное чтиво). Этот момент из фильма пользуется широкой популярностью для объяснения отсутствия понимания каких-то вещей, поэтому его использование является удивительно удачным.

21. MentorMate

Компания MentorMate решила прибегнуть к простому и проверенному приему. Обыграть код ошибки «404» в виде какой-то красивой картинки. В данном случае это чашка кофе и цифры в цветовой стилистике сайта.

22. Specialized

Specialized занимается продажей велосипедов и необходимого снаряжения, поэтому этот вид 404-й страницы подходит им лучше всего.

23. 9GAG

Как уже упоминалось, СтартапДепо, не единственные кто решил использовать мем с Винсентом Вегой. Тот самый момент на своей странице использовала интернет-платформа 9GAG. Учитывая количество юмористического контента в пределах сервиса, это решение можно считать идеальным.

24. Orangecoat

Действительно оригинальное решение в оформлении 404-й страницы придумали в дизайнерской компании Orangecoat. Когда пользователь попадает на 404-ю страницу, он видит диаграмму, которая пошагово дает ответы на большинство задаваемых вопросов.

25. Teehan+Lax

Если вы попадете на 404-ю страницу сайта креативного агентства Teehan + Lax вам отобразится один из нескольких вариантов 404-й ошибки. В каждом из них использован другой задний фон и надпись «Что-то пошло не так. Очень, очень, очень не так «.

26. Hakim.se

Страница 404 на сайте Hakim.se от шведского дизайнера и разработчика с именем Hakim El Hattab точно придется по вкусу всем фанатам творчества Говарда Филиппа Лавкрафта. Сразу после перехода на пользователя начинают пялиться с десяток страшных глаз и ему предлагают вернуться на главную страницу сайта.

27. CSS-tricks

На портале CSS-tricks страница 404-й ошибки оформлена в минималистическом, тематическом стиле. Когда пользователь попадает на эту страницу, он видит белый фон, и разрыв по которым виден код web-страницы. Единственным недостатком этой идеи является отсутствие кнопки для возврата на главную страницу.

28. The New Yorker

The New Yorker — это известное американское еженедельное издание, которое публикуется с 1925 года. 404-я страница оформлена в корпоративном стиле и имеет удобную навигацию.

29. Dribbble

Dribbble — это известное сообщество дизайнеров, которая тоже красиво оформила свою 404-ю страницу. В этом случае гостю сайта объясняется, что материалов, которые он ищет не существует, а на фоне изображено колоритную фотографию.

30. SumatoSoft

Компания Sumatosoft решила с фантазией и юмором подойти к оформлению 404-й ошибки. Летающая тарелка похищает коровку. Что может быть лучшей иллюстрацией на 404-й странице?

31. Skipio

Команда сервиса для рассылок Skipio смогла создать красивый дизайн для своей 404-й страницы. На ней изображен заблудившийся путешественник, который не смог найти то, что искал. Однако он может оглянуться и найти другие «сокровища» этого сервиса, о чем нас и информирует текст.

32. CoolFarm

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

33. Squarespace

404-я страница на сайте платформы Squarespace реализована просто и со вкусом. Мы видим затемненное фото командного центра, текст и большую кнопку для возвращения на главную страницу сайта.

34. DustyMiller.ca

Прекрасный пример демонстрирующий, что не только крупным компаниям следует задумываться об оформлении 404-й страницы. Этот участник нашего ТОПа — сайт-портфолио разработчика Дастина Миллера (Dustin Miller). Страница оформлена в характерном для сайта стиле и имеет интересный вид.

35. Mameilleurecuite

Этот участник нашего ТОПа также решил порадовать своих пользователей оригинальной 404-й страницей. В случае ошибочного запроса посетитель сможет сыграть в игру Pac-Man в стилистике сайта.

36. Agens

Рекламная компания Agens также поработала над креативным оформлением страницы 404. Гостья сайта встретит надпись «похоже, что ты потерялся в космосе» и изображение астронавта на астероиде.

37. Rachel the great

Хороший пример оформления 404-й страницы от Rachel Nabors. Rachel the Great — это серия авторских комиксов, поэтому такой дизайн идеально подходит.

38. Fork cms

Дизайн официального сайта Fork cms выполнен в морской тематике, поэтому компания решила не изменять своему стилю. На 404-й странице пользователя ждет Нептун, и надпись «Эта страница исчезла в море»

39. Incore

Маркетинговое агентство Incore таже решило подойти к оформлению своей 404-й страницы со стилем и юмором. На ней посетителя встретит изображение хищных птиц и вопросы «Привет, мой друг. Нас ищешь? Действительно? «И кнопка с текстом» Нет, спасибо. Вернемся назад к Incore «.

40. Daniel Karcher

Один из самых оригинальных участников нашего ТОПа — сайт www.danielkarcher.com. Кроме того, что сам ресурс выполнен в весьма интересном стиле, да еще и 404-я страница с действительно интересной идеей. С ее помощью пользователь сможет провести короткое путешествие по метрополитену и понаблюдать за действиями девушки фотографа. Сама страница написана с помощью технологии Flash.

41. Figma

404-я страница инструмента для прототипирования Figma имеет интересную реализацию и идею. С помощью точек, изображенных на скриншоте выше, можно менять очертания надписи 404. Этот стиль хорошо отражает назначение сервиса.

42. Repair pal

А вот дизайн для своей 404-й страницы выбрала команда с RepairPal. Красивая картинка и удобный интерфейс для формы обратной связи — это хороший способ оформить страницу ошибки.

43. Romainbrasier

Еще один интересный пример оформления 404-й страницы на сайте портфолио веб разработчика. Когда пользователь попадает на страницу ошибки, он может сыграть в аналог знаменитой игры Lemmings. Хороший пример как можно продемонстрировать свой талант разработчика и порадовать посетителей.

44. Batman 3D

Хороший пример тематического оформления 404-й ошибки от сайта Batman 3D. Не смогли найти нужную страницу? Видимо ее похитил Джокер.

45. Telltale

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

46. IMDb

IMDb — это крупнейший в мире портал и база знаний посвященная кинематографу. 404-я страница этого сайта выполнена просто идеально. Минимализм в сочетании с точностью. Каждый раз, когда пользователь попадает на страницу ошибки, он видит видоизмененную цитату из культовых фильмов. Для примера на скриншоте выше цитата из «Властелина колец», которая утверждает: «Запомни навсегда, Фродо, страница всегда пытается вернуться к своему повелителю. Она хочет быть найденной».

47. Netpeak

Хорошим примером оформления 404-й страницы в корпоративном стиле может служить работа компании Netpeak. Увидев сообщение об ошибке, можно воспользоваться удобной навигацией для продолжения работы с сайтом.

48. Elativeagency

Креативное агентство Elativeagency разработало свою 404-ю страницу в юмористическом стиле. Шуточное и милое изображение поможет посетителю не волноваться из-за не найденых материалов.

49. FOX

Если вы когда-нибудь попадете на 404-ю страницу сайта телекомпании FOX, вас ждет интересное предложение. На ней изображены детективы, которые предлагают вам найти пропавшую страницу.

50. The Software House

Последним участником нашего топа стала компания The Software House. Простое и стильное оформление в традициях корпоративного дизайна — это хорошая практика для компаний разработчиков.

Вывод

В рамках статьи Вы ознакомились с 50 примерами хорошего оформления 404-й страницы. Часть из участников ТОПа строго придерживались своего корпоративного стиля и делали классические страницы об ошибке. Другие, в свою очередь, не боялись рисковать, шутить и экспериментировать с дизайном.
Надеемся, что эта статья была вам полезна и интересна. Если Вы все еще не создали собственной 404-й страницы, тогда рекомендуем побыстрее этим заняться. В зависимости от типа сайта, аудитории и собственных желаний, можно выбрать различные варианты оформления. А при необходимости, вы всегда можете взять пример с участников нашего ТОПа. Оставайтесь с нами, впереди еще много интересного!