Разное

Картинки 404 – 50 прикольных страниц ошибки 404

14.06.2017

Содержание

50 прикольных страниц ошибки 404

Хорошая страница ошибки 404 может быть также важна для сайта как и его содержание. С помощью такой страницы вы сможете направить посетителя к нужной вам домашней странице сайта.
Если на вашем сайте или блоге нет такой страницы, возможно вам стоит задуматься о её создании. А для вашего вдохновения тут собрано 50 прикольных и необычных примеров страниц ошибки 404. 
Другие примеры таких страниц вы сможете увидеть в ранее опубликованных подборках Эффективные страницы ошибки 404 и Ошибки 404 — часть вторая.

Сайт Propeller

Иллюстрированная страница ошибки 404 на B3ta

Страница ошибки 404 Cuoma

Забавная страница ошибки 404 на Tinsanity

Сайт  latelategifts

Муха на странице ошибки сайта 24-4 Media

Разорванная бумага на CssTricks

Иллюстрации акул на Renkoo

Плачущий ребенок на iFolderLinks

Мусорная корзина на странице ошибки 404 TurboMilk

Страница ошибки 404 на Zivity

Такая страница ошибки на сайте Soocial

Разноцветные кубики на rush68

Страница ошибки на Ook

Забавный котенок на Github

Так изобразили ошибку на сайте RetardZone

Надпись на футболке на Planetgeek

Кривляющийся мужчина на PatternTap

Простая и забавная страница ошибки 404 на Studentmarket

Иллюстрация на странице ошибки 404 на BrightKite

Страница ошибки 404 на сайте ClearSpring

Иллюстрация девушки на Erotica Challenge

Грустная мордашка на kidmondo

Смешная страница ошибки сайта Funned

Необычная страница ошибки 404 на nickciske

Страница ошибки в стиле ретро на сайте Lileks

Сайт lightpostcreative и его страница ошибки

Стройка на странице ошибки сайта tele2

Яркая страница ошибки 404 на DDZ

Кот в компьютере на Catswhocode

Космос на странице ошибки Abduzeedo

Разыскивается странница на сайте Limpfish

Стильная иллюстрация на Ferdaze

И на  Expansion Broadcast иллюстрированная страница ошибки

Художественная страница ошибки сайта Chrisglass

Страница ошибки на Fuelly

Облака на Zanami

Страница ошибки на Southpark Studios

Страница ошибки сайта Geeksquad

Милый котенок на Centerd

Марио на странице ошибки сайта Dawdle

Смешной монстр на Cartoon Network

Птерозавры на странице ошибки Amorphia Apparel

Такая страница ошибки на Mozilla

Ещё один забавный пример страницы ошибки 404 Jotsai

Смешная страница ошибки на The Brand Surgery

Страница ошибки Mmo Game Zone

На странице ошибки сайта Acorn Creative разместили носок

Автор – hongkiat

Перевод — Дежурка



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

www.dejurka.ru

Как сделать из страницы 404 что-то полезное и интересное: 30 примеров

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

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

Рассмотрим наиболее удачные примеры.

Страница 404 AliExpress
  • Автоматический редирект на главную страницу сайта через 4 секунды.
Страница 404 Amazon
  • Предложение перейти на главную страницу.
  • Есть ссылка на страницу «Собаки Amazon»:
Собаки Amazon Занимаемся разработкой фирменного стиля: повышаем узнаваемость бренда. Подробнее Страница 404 Aviasales
  • Предложение перейти на главную страницу.
  • Ссылки на сервисы компании.
Страница 404 Blizzard
  • Уместный сарказм.
  • Возможности перейти во все разделы со страницы.
Страница 404 Coca-Cola
  • Возможность перейти на главную страницу.
  • Доступ к разделам компании со страницы (круглая красная кнопка в верхнем правом углу).
  • Подписка на новости компании.
Страница 404 Convert Monster
  • Креативное оформление – молодая красивая девушка с призывом в духе sex sells.
  • Доступ ко всем разделам сайта из футера (его видно при прокрутке вниз).
  • Изображение и призыв к действию меняется каждый раз при обновлении страницы 404:
Sex sells! Страница 404 Ebay
  • Прямое указание на то, что что-то пошло не так. И извинение.
  • Предложение вернуться на главную страницу или воспользоваться техподдержкой.
Страница 404 Evernote
  • Указание на ссылки, которыми можно воспользоваться для дальнейшей работы – начать работу с приложением, приобрести бизнес-версию или почитать материалы из блога.
Страница 404 Facebook
  • Возможность возвратиться на предыдущую страницу, перейти в ленту новостей или перейти в справочную информацию.
Страница 404 Тупичка Гоблина
  • Графическое оформление в духе компьютерных игр конца 90-ых.
  • Анимация на странице – в прорези двери справа появляются красные глаза.
  • Доступ из страницы ко всем разделам сайта.
Страница 404 студии Дениса Каплунова
  • Оказывается адрес неверно введенной страницы.
  • Оригинальный сопроводительный текст.
  • Доступ из страницы к основным разделам сайта.
Страница 404 «Лабиринта»
  • Ссылка на акции в теле страницы.
  • Возможность воспользоваться поиском по сайту или выбрать книгу из каталога.
Страница 404 студии Артемия Лебедева
  • Оригинальный сопроводительный текст.
  • Доступ к самым интересным разделам сайта студии.
Страница 404 Новолипецкого металлургического комбината
  • Возможность вернуться на предыдущую страницу или перейти на главную.
  • Ссылка на географию активов завода и на его продукцию.
Страница 404 Ozon
  • Оригинальный сопроводительный текст.
  • Доступ к каталогу товаров.
  • Возможность посмотреть все акции и спецпредложения «Озона».
Страница 404 Sotmarket
  • Нетривиально оформленные ссылки на разделы каталога электроники.
  • Кликабельный логотип «Сотмаркет» для перехода на главную страницу сайта.
Страница 404 «Текстерры»
  • Описание причин проблемы.
  • Ссылка на главную страницу сайта.
  • Возможность поиска нужной страницы по сайту.
Страница 404 банка «Тинькофф»
  • Оригинальный текст со смайликом.
  • Ссылки на основные услуги банка «Тинькофф».
Страница 404 «Викиума»
  • Оригинальный текст.
  • Возможность перейти на главную страницу, чтобы успокоить профессора или связаться с командой «Викиума».
Страница 404 «Яндекса»
  • Возможность воспользоваться поиском 🙂
  • Ссылки на сервисы «Яндекса».
  • Ссылка на установку переключателя раскладки клавиатуры Punto Switcher.
  • Рекламные объявления (!) на странице 404.
Страница 404 Университета «Синергия»
  • Позитивная картинка со смыслом.
  • Возможность воспользоваться поиском.
  • В описании страницы предлагается способ решения проблемы.
Страница 404 Студии Аниматоров «Кудесник»
  • Рисунок-смайлик недвусмысленно намекает, что произошла досадная ошибка.
  • В описании страницы даются способы решения проблемы, притом оформлены они гиперссылками.
  • Излишнее дублирование информации о том, что страница не найдена.
Страница 404 Lego
  • Все человечки выражают неподдельную панику. Пользователь понимает, что что-то пошло не так.
  • В описании страницы выдержан неформальный тон общения.
  • Предлагается решение проблемы – кнопка перехода на главную страницу сайта.
Страница 404 «Кинопоиска»
  • На странице показываются кадры из известных фильмов.
  • В описании указывается, почему могла появиться такая страница. Способы решения оформлены гиперссылками.
  • Каждый раз страница 404 генерирует новое изображение:
Если на картинке сверху это был Рон Уизли из «Гарри Поттера», теперь – Хан Соло из «Звездных войн» Страница 404 творческой мастерской «Штуки»
  • Нетривиальный и очень уместный заголовок для подобного рода страницы.
  • Способ решения проблемы оформлен гиперссылкой.
  • Все пункты меню, авторизация и регистрация на сайте, гиперссылки в футере доступны со страницы 404.
Страница 404 Playboy Russia
  • Странница разрывает шаблоны J.
  • В описании заманивают остаться на сайте из-за большого количества материалов и прекрасных дам (хорошо, если бы статьи и фото девушек были оформлены ссылками на соответствующие разделы).

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

Страница 404 «Единого визового центра»
  • Запоминающаяся картинка-мем с Grumpy Cat.
  • В описании страницы способы решения проблемы выполнены гиперссылками.
  • За присланный на почту скриншот страницы 404 обещают подарок.
Страница 404 Udemy
  • Заголовок страницы мотивирует простить владельцев сайта за попадание на нее.
  • Есть гиперссылка на страницу поддержки. Все серьезно.
Страница 404 Pikabu
  • Скажу просто – на этой странице прекрасно ВСЁ!
  • Что за существо сидит рядом с парнем?
Страница 404 Pixar
  • Более удачный образ, чем Печаль из мультика «Головоломка» для страницы 404 трудно представить.
  • Заголовок страницы «Оооо… Не плачь». Трудно сдержаться, глядя на изображение.
  • Описание страницы написано будто от лица Радости из того же мультфильма:

«Этот всего лишь ошибка 404!

То, что ты ищешь, могло затеряться в долгосрочной памяти».

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

  1. Мгновенный переход на главную страницу: в этом случае человек не поймет, что он ввел неверный адрес или перешел по неработающей ссылке, и может повторить неверный ввод.
  2. Внешний вид страницы
  • с нечитаемыми символами:
Страница 404 с «кракозябрами» – совершенно непонятно, что делать дальше
  • со стандартной и малоинформативной надписью:
Дежурная и неинформативная страница, которая никак не объясняет, что делать дальше
  • дзен-вариант страницы 404 (такой, например, у Школы-студии МХАТ):
Белоснежный пустой фон страницы 404

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

kak-sdelat-iz-stranitsy-404-chto-to-poleznoe-i-interesnoe-primery

texterra.ru

Страницы 404 / Edison corporate blog / Habr

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

Первая «4» — означает, что ошибка на стороне клиента, «04» — означает конкретную ошибку «Not Found». В компании EDISON Software философски считают, что пользователь не может ошибиться, что он всегда прав, если он на сайте компании.

Кому в пятницу нечего делать или кто в поисках вдохновения — добро пожаловать под кат, там подборка лучших (и худших) 404 страниц.

Your browser does not support HTML5 video.

Начнем с самых животрепещущих сайтов, а потом перейдем к «попсовым».

Роскомнадзор


PornHub


Старая версия 404 Хабра


Новая версия 404 Хабра


Virgin.com


Google


YouTube


Facebook


Reddit.com


Amazon.com


Vk.com


Linkedin.com


Imgur.com


Aliexpress.com


Bing.com


Stackoverflow.com


Github.com


Dropbox.com


Craigslist.org


Dribbble.com


Awwwards.com


Csswinner.com


Coolhunting.com


Codyhouse.co


Mailchimp.com


Slack.com


Mashable.com


Bloomberg.com


Airbnb.com


Bitly.com


МГУ, психфак


Разговаривающая страница 404.

Еще подборки


404 pages from popular sites — Design Inspiration, Muzli, 2017

Anatomy of a 404 Error Page, Envato, 2016

Лучшие 404 страницы, Tproger, 2015

404 – страницы, ради которых стоит заблудиться на сайте, cossa, 2015

Идеальная страница 404 ошибки, или как удержать пользователя на сайте?, Habrahabr, 2014

Лучшие примеры 404 страницы, seo-design, 2013

Лучшие 404 страницы Рунета, oakhill, 2012

Лучшие примеры ошибки 404, netpeak, 2012

50 прикольных страниц ошибки 404 , Дежурка, 2009

Интерактивные

Играем в Pacman

Рушим сайт

Суслик

Спасаем леммингов

Поймай кота

P.S.


Ну и напоследок

А какая ваша любимая 404 страница?
Какая 404 страница на вашем сайте?

habr.com

Советы по созданию своей ошибки 404

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

404 ошибка — самая часто встречаемая на просторах интернета. А что же означают эти до боли знакомые всем цифры? Первая цифра ­4 указывает на ошибку со стороны клиента, например, плохое соединение или неверно введенный адрес в строку поиска. Другие два числа обозначают конкретную категорию ошибок, которая включает такие статусы, как Conflict, Precondition Failed, Bad Request и другие статусы четвертого класса. Возникновение данной ошибки имеет несколько причин:

  • плохое соединение;
  • ссылка, ведущая на адрес, устарела или была удалена;
  • страницу перенесли на новый адрес;
  • опечатка при вводе адреса сайта.

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

Стандартную страницу с этой ошибкой знают все, выглядит она достаточно устрашающе:

К сожалению, не все посетители знают, из-за чего происходит эта ошибка и первая мысль при появлении этого окна будет: а что мне делать дальше? Я все сломал? Уйду отсюда подобру-поздорову. Даже опытного пользователя это окно может смутить или отпугнуть.

Как удержать посетителя?

Чтобы ошибка не испугала посетителя, объясните ему, что ничего страшного не произошло и нужно лишь перейти в другой раздел сайта. Тактично направьте пользователя к выходу из этого злополучного «тупика».

Существует несколько способов вернуть доверие:

  1. Добавить ссылки на существующие разделы сайта. Не заставляйте его снова писать вручную адрес сайта, обновлять страницу, искать опечатки. Достаточно даже одной кнопочки «Вернуться на главную». Продублировать популярные ссылки разделов вашего сайта было бы вообще замечательно.

  2. Объясните, что произошло. Не обязательно подробно расписывать о происхождении ошибки, составлять длиннющие инструкции. Достаточно обойтись одной или несколькими фразами. Слово «ОШИБКА» совсем необязательное, зачастую лишь больше вгоняет в ступор. Если сайт носит развлекательный характер, можно юморнуть и покреативить. Заставьте улыбнуться гостя, тогда он охотнее вернется на главную страницу. Но обойдемся без юмора ниже пояса и обидных шуточек, давайте уважать наших пользователей.

  3. Не лишним будет добавление строки поиска по сайту, это еще больше упростит действия посетителя. Введя в строку желаемый запрос, он быстро очутится в том разделе сайта, в который должен был попасть до появления ошибки.

  4. Обязательно добавление фирменного стиля или общих элементов внешнего облика сайта. Слишком сильное различие дизайна ошибки и сайта в целом настораживают. Это наводит пользователя на мысль: а не перешел ли я по какой-то нехорошей ссылке? А не покинул ли я нужный сайт. Наличие логотипа или названия компании обязательны.

  5. Можно внести креатива в страницу интересной тематической анимацией, динамичные иллюстрации всегда приковывают внимание. А ошибка 404 должна вызывать интерес и желание остаться на сайте с вопросом, что еще интересного есть на этом сайте?

  6. Если недавно вы переносили или удаляли достаточно большое количество страниц и точно уверены в том, что многие посетители, перейдя на ваш сайт, не найдут нужной информации, можете вставить поисковую строку системы Гугл, Яндекс. Пользователи вам скажут спасибо за то, что вы сэкономили их время, а это плюсик в карму. 😉

Как у нас

Наша страница с ошибкой 404 выглядит так:

Полностью весь внешний вид оставили в том же стиле, что и сам сайт. Не трогали верхнее меню и подвал, чтобы никого не шокировать резкими переходами. Для удобства вставили ссылки на самые популярные услуги (для клиентов) и основные разделы блога (для просто интересующихся). Обязательно добавили ссылку на главную страницу 1PS и призыв к действию «Напишите нам», чтобы уж точно никто не затерялся. Но! Учтя все технические вопросы, мы забыли про креатив. Уже работаем над этим. В скором будущем и мы обзаведемся привлекательной и забавной страничкой.

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

1ps.ru

Идеальная страница 404 ошибки, или как удержать пользователя на сайте? / Habr

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

В качестве вступления отметим, что страница 404 «Не найдено» (404 Page Not Found) – это один из кодов состояния HTTP, принятых Консорциумом Всемирной паутины (W3C) в 1992 году. Для тех, кому интересно значение цифр 404, вкратце расскажем.

  1. Первая «4» означает, что произошла ошибка со стороны клиента. Такой ошибкой может быть неверно написанный URL или запрос несуществующей страницы. В свою очередь, первая «5» значила бы ошибку со стороны сервера.
  2. Цифры «04» — определяют конкретную ошибку Not Found из группы 4хх. Среди других ошибок из этой группы — 400 Bad Request, 401 Unauthorized, 402 Payment Required, 403 Forbidden и так далее.

Если небольшие сайты могут следить за корректностью своих ссылок, то на более крупных сайтах отслеживать битые ссылки, ведущие на удаленные или перемещенные файлы или страницы, становится сложнее. Еще большей проблемой становятся внешние ссылки. Будучи самой распространенной ошибкой, с которой может столкнуться интернет-пользователь, страница может оказаться ненайденной по нескольким причинам:
  • был изменен URL;
  • страница была удалена;
  • ошибка в написании ссылки;
  • сайт на данный момент находится оффлайн;
  • сайт больше не существует и т. д.

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

  • удобный для пользователя дизайн, чтобы не отпугнуть его и удержать на сайте;
  • полезный контент, который бы предоставил пользователю ответ на вопрос «что мне теперь делать?» и дал простые и ясные инструкции;
  • принятие во внимание вопросов SEO.

Принимая это во внимание, приведем список рекомендаций по созданию кастомной 404-й страницы.

  1. Будьте любезны с посетителями.Они попали на эту страницу не по своей вине. Постарайтесь выразить свое сожаление и готовность помочь.
  2. Не углубляйтесь в технические детали. Термин «ошибка 404» сам по себе уже в достаточной мере техничен и в то же время понятен большинству пользователей. Нет никакой необходимости отпугивать посетителей любой другой специфической информацией о причинах этой ошибки. По сути, необязательно даже использовать цифры «404», достаточно просто объяснить суть проблемы.
  3. Предложите пользователям проверить написание ссылки. Если они вводили адрес ссылки самостоятельно, то вполне вероятно могли допустить ошибку.
  4. Придерживайтесь единого стиля сайта. Дизайн страницы 404 по оформлению и по ощущениям должен быть выдержан в стиле Вашего бренда, чтобы у пользователей не возникло заблуждения, что они попали на какой-то другой сайт.
  5. Страница ошибки 404 не должна выглядеть как обычная страница. Ваши посетители должны ясно видеть, что страница не была найдена и не содержит какого-либо контента. Поэтому не стоит наполнять ее слишком большим количеством текста и ссылок.
  6. Небольшая порция юмора никогда не помешает. Довольно часто 404 страница становится для дизайнеров и разработчиков платформой для выражения своих креативных и юмористических идей. Вместо того чтобы пользователи быстро закрывали ненайденную страницу, лучше удержать их от закрытия сайта, заинтересовав забавно и изобретательно выполненной страницей.
  7. Будьте полезными и предоставьте ссылки на возможные совпадения. Если пользователи оказались на ненайденной странице, они, вероятно, что-то искали. Так помогите же им это найти. Разместите на странице меню или ссылки на недавно перемещенные страницы. Или почему бы не дать ссылки на самые популярные страницы Вашего сайта? Либо на самый новый и актуальный контент. Так или иначе, пользователи должны быть не более чем в одном клике от перехода на какую-либо другую страницу сайта. И, конечно же, всегда давайте ссылку на главную страницу.
  8. Добавьте строку поиска. Чтобы не потерять своих посетителей, позвольте им найти то, что они искали, оказавшись на странице ошибки.
  9. Обеспечьте способ отправить отчет об ошибке. У пользователя всегда должна быть возможность отправить вам сообщение об ошибке, если он пожелает. Это поможет Вам узнать о каких-либо внутренних недочетах сайта. Еще лучшим решением для отслеживания проблем на сайте станет автоматическое уведомление. А если произойдет внезапный всплеск 404-х ошибок, полезным будет мгновенное уведомление. Это позволит исправить проблему в режиме реального времени, пока она еще релевантна.
  10. Позаботьтесь о вопросах SEO. Для оптимизации сайта важно максимально сократить количество внутренних ссылок на 404-е страницы, а еще лучше вовсе исключить возможность формирования некорректных URL адресов, ведущих на страницы 404. Инструменты для вебмастеров помогут Вам отслеживать ошибки на сайте, в том числе и ошибки с кодом 404 Not found. Более того, эти инструменты помогут Вам понять, откуда берутся ошибки и как они формируются – ошибка в URL ссылки на сайте, либо это атака конкурентов.

    Немного отклоняясь от оригинала статьи, добавлю ссылки и скриншоты инструментов, о которых говорится в этом пункте.
    Google:

    Яндекс:


    Также рекомендую ознакомиться с официальной информацией о страницах 404 от поисковых систем: Google — здесь и Яндекс — здесь.

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

habr.com

Несколько смешных «404»–страниц по версии журнала Шпигель / Habr

Вообще–то немцы употребили слово «Die schönsten», что значит «прекрасные», но, как по мне, они всё же больше смешные, чем прекрасные. Я уверен, что ценность подобных подборок не только в генерации смехуёчков, но и некая педагогически–профилактическая. Подобные подборки сенсибилизируют веб–разработчиков к необходимости создания вменяемых страниц 404. Ведь приложив мышку к сердцу, каждый может вспомнить минуты слабости и лени. Приятного просмотра за хабракатом!

Это страница ошибки 404 на blippy.com Попробуйте зайти на их сайт, например, тут и покликать на существо на картинке. Радуга засияет новыи цветами!

Так выглядит страница 404 ошибки на www.planetgeek.org. Идея уже проскакивала имхо не раз именно как мотив для реальной майки.

Ошибка со страницы South Park Studios. Картман, несмотря на масштаб потери, почти не ругается.

Немецкая версия ошибки на сайте Blizzard. Звучит так: «Поздравляем! Вы сломали нашу страницу. Эта страница не существует либо произошла ужасная ошибка.» А вот английский оригинал — Grats! You broke it.

Кадр из фильма «Zardoz»: Шон Коннери грудью на амбразуру за чужие ошибки. Страница www.soocial.com, синхронизирует адресные книжки. А вот и оригинал, чтоб потрогать.

Это ошибка на странице Dropbox (кто не знает: страница – бесплатный интернетный харддиск на то ли 1, то ли 2 ГБ).

Тут человек действительно постарался: создал станцию метро 404.

Кетчуп закончился. Мне связь опустевшей бутылки и ошибки 404 не совсем ясна…

Некий Вульф Моргенталер, похоже, нашёл виновника ошибки… И разобрался с ним раз и навсегда.

Craigslist смог очень лаконично объяснить, что посетитель ошибся страницей. И ASCII очень с детства люблю.

habr.com

Интересный вид страницы ошибки 404

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

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

Что касается неопытного пользователя, то он, увидев страницу где написано «ошибка» да в подарок к этому ещё и какие-то непонятные цифры, с вероятностью 99,[9]% в панике закроет страницу, браузер, выключит компьютер, вытащит вилку компьютера из розетки, отключит электричество в щитке, соберёт накопленное, сделает пластическую операцию, поменяет имя и переедет на другую планету.

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

Вот пример стандартной страницы ошибки 404:

Скучно, непонятно, скучно.

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

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

Ниже приведен рейтинг, по моему мнению, интересных страниц об ошибке 404. Сайтов с интересными решениями очень много на белом свете. Я предпочтение отдавал отечественному производителю(можете считать это ответом на санкции), хотя и «забугорные» представители в рейтинге присутствуют.

17.

Студия Олега Чулакова(???). Сайт необычный. А вот этот поток сознания можете считать либо шуткой либо бредом. И не поймешь недокреативили или перекреативили.

16.

Далее уже поднадоевшие образы «пацанчиков с периферии»

15.

А тут пацакчики. К сожалению, не нашел сайт, где это чудо размещается.

14.

На сайте turbomilk.ru решили не «прибивать» подвал к низу странички, однако страница об ошибке у них забавная

13.

Дизайнер Евгений Филатов на своем сайте придается ностальгическим воспоминаниям. Сейчас не очень часто смотрю телевизор, но раньше помню эти полоски по понедельникам. Так же здесь вы можете откалибровать свой монитор.

12.

На lure.com.ua мы видим того самого пользователя и разжёванную инструкцию.

11.

Сайт у «Занами» так себе, но 404 страница отсылает нас мысленно к одному из лучших советских мультиков.

10.

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

9.

А вот отсыл к истокам сетевого сленга.

8.

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

7.

На хабре с обновлением дизайна обновилась и 404 страница. С неё можно попасть на другие ресурсы хабра.

6.

Тут даже неловко стало:

5.

Главная страница сайта вебмастера С.Запольского меня, признаться, напугала, а вот страница об ошибке 404 заитересовала. На картинке ничего не понятно, нужно переходить на сайт и смотреть.

4.

Самая православная страница об ошибке 404. Да и остроумно, что греха таить. Там и музыка душевная и бублики исконно русские. Любо, братцы, любо!

3.

Многие строительные компании берут на 404 страницу образ гастарбайтеров. У нас в рейтинге таких страниц целых две. Чаще всего на таких сайтах заезжанные Равшан, Джамшут и «Насяльника». Но тут вот интересно. И со звуком.Целый фильм

2.

Нет страницы? Не беда! Поиграй в пэкмана.

1.

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

Вне конкурса работы студии ClickON:

Квартиры->дома->стройка->кран

Компания продает 3D принтеры, а их 404 страницу охраняет вот такой крутой человечек со световым мечом:

Творите.

www.clickon.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *