Ошибка 404 шутка

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

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

На этом сайте можно найти интерфейс Commodore 64.

---

Похоже, вам не стоило сюда заходить.

---

Попробуйте поймать кота 🙂

---

Студия дизайна делится забавными гифками про собак.

---

А эта страничка ушла в поход… и не вернулась.

---

Очень атмосферная интерактивная 404-ая страница.

---

Веб-страница ищет HTML своей жизни. Желательно без ошибок и вредных привычек.

---

Спасите несчастных леммингов!

---

Классический мем на сайте 9GAG.

---

Красивая иллюстрация броуновского движения от Hot Dot.

---

А этой страницы на сайте Mikandi нет, как и одежды у этой прекрасной леди.

---

Вам попалась страница 404? Решайте, кого уволить за такое свинство.

---

Синий экран смерти от Willismonds.

---

А эту страницу съели пациенты клиники. Очень сожалеем 🙁

---

Диаграмма Венна на сайте magnt.com.

---

Дыра в интернете на сайте CSS Tricks.

---

Поздравляем. Вы сломали наш сайт.

---

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

---

Здесь можно поиграть в пакмана.

---

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

---

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

---

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

---

Всё минималистично и главное — ссылка на релевантный материал.

---

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

---

Вот про экран с ошибкой от GitHub вы точно знаете, а как насчёт не менее известного Docker? Расстроенный кит смотрит на утонувший корабль, параллельно размышляя о ваших проектах.

---

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

---

Создатель блога с душой подошел к делу и сделал красивую и анимированную страницу 404, почти полностью написанную на CSS (картинки, конечно же, были в png). Он даже исходным кодом поделился. При входе на страницу меню разваливается и крутится в чёрной дыре, при этом оставаясь кликабельным.

---

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

---

Интересная реализация ошибки 404 в блоге любителя иконок. Пользователь, вероятно, находится в машине, к нему приближается светящееся число 404 и в это же время пробегает ящерица по лобовому стеклу (вообще тут всё зависит от вашей фантазии).

---

Один из наиболее популярных сервисов общения между членами одной компании тоже вошёл в эту подборку. Ребята хорошо потрудились над созданием интересной и анимированной страницы ошибки 404 с небольшими элементами интерактивности (можно трогать кур и свинок). Также во время отсутствия активности на странице всё становится серым.

---

На странице 404 сайта Музея Сотворения Мира (там всё по Библии) отчётливо видно, что junior и senior не могут найти менеджера проекта. А вообще классно сделали: силуэт с отсутствующей стадией эволюции в центре отражает отношение создателей сайта к этой теории возникновения жизни. Кроме того, «that link is missing» можно перевести так: «связывающее звено отсутствует». Тут как в русском с фразой «я плачу» — либо платишь (за софт), либо плачешь (из-за багов).

---

Если вы думали, что новозеландцы не в восторге только от шуток про «Властелина Колец», то теперь вы знаете, что каждый раз, когда вы видите карту без Новой Зеландии, где-то в Шире плачет один хоббит. Собственно, на этом и решили акцентировать внимание новозеландцы на сайте правительства.

---

Самоиронией может похвастаться не только правительство Новой Зеландии. В Делавэре решили поиграть и с картой, и с названием. Хотя карта просто для красоты.

---

Мы тоже не исключение 🙂 Возможно, вы уже замечали, что мы, как и сайты выше, имеем собственную страницу 404.

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

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

2.  Студия дизайна Agens сочувственно сравнивает
юзера с одиноким космонавтом, потерявшимся в космосе.

3. Сервис Usersnap развивает схожую тему – пользователь
сопоставляется с человеком на необитаемом острове. Кроме того, компания обещает
все разместившим твит бесплатный пирожок.

4. Игровой портал Gamespot погрузил посетителя во тьму.
А в качестве компенсации незадачливому юзеру предлагается бесплатная короткая
онлайн-игра.

5. На сайте сериала «Южный парк» посетителей встречает
один из излюбленных комических персонажей – офицер Барбреди, сообщающий, что
это не та страница, которую они ищут. «Проходим мимо, товарищи, проходим».

6. Дизайнеры компании Dribble изобразили баскетбольное
поле с надписью «мяч в воздух», что в этой игре означает «промазал».

7. Центр еmail-рассылок предлагает позабавиться,
поочередно кликая на портрет каждого сотрудника, чтобы выяснить кто виноват в
случившемся.

8. Студия веб-дизайна Blue Foundation Media поместила в
цифры «404» игру Pac-Man, развлечься которой и предлагается разочарованному
пользователю.

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

10. Итальянское агентство недвижимости CaseTrentine
уподобило ошибку на своем сайте с нападением Годзиллы.

11. Агентство Incore, занимающиеся digital-маркетингом,
намекает, что при кликах на старые ссылки вас могут ожидать стервятники,
слетающиеся на все несвежее.

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

13. Туристический сайт Tripomatic грустно сообщает, что
запрошенная страница никогда не вернется из путешествия по южноамериканской
пустыне Атакама.

14. Телекоммуникационная компания Vidéotron уверяет,
что искомую страницу нужно сравнивать с единорогом – как и тот, она или никогда
не существовала, или же давно вымерла. Но все равно все это магия, которая
перенесет вас куда угодно.

15. Консультанты из BlueLeaf обыгрывают тему
заблудившегося космонавта и предлагают нажать на кнопку «Вернуться на
базу».

16. Стартап MyTaxi обыграл свою специализацию, показав
на ошибочной странице улитку в роли такси.

17. Nestle предлагает поиграть в пинг-понг с помощью
плиток KitKat, которые еще называют «четыре пальца».

18. Разработчики игр Blizzard иронически приободряют
пользователя: «Поздравляем, вам удалось уничтожить эту страницу».

19. Агентство Rareview пытается прогнать всех с
несуществующей страницы с помощью Чака Норриса с пистолетами. «Ты пропал,
парень!»

20. Берлинская кулинарная школа Kochatelier сравнивает
происшествие с неверно выставленной температурой тостера, в результате чего
получается подгоревший хлеб. И советует не отчаиваться, а вспомнить, что есть
на свете их гастрономическая студия.

21. Создатели программ Magnt предлагают пользователям
рассмотреть два варианта попадания на несуществующую страницу: либо человек не
умеет печатать, либо это в компании что-то сломали. Третьего не дано.

22. Портал mint.com предлагает финансовые консультации
жителям США и Канады. Чтобы подчеркнуть, как старательно в компании искали
страницу, создатели выставили на всеобщее обозрение хлам и написали, что
посмотрели даже за диванными подушками, но страницы нет.

23. Австралийская фирма Huwshimi уверяет всех, что эту
страницу украл ниндзя.

24. Автоэксперты сайта Checkmycar иллюстрируют
случившееся картинкой со старой машиной, на которой точно так же никуда не
уехать, как и со страницы-404.

25. Студия видеодизайна говорит примерно о том же – она
изобразила конечную станцию, с которой невозможно двигаться дальше.

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

27. А эти веб-разработчики просто украли у
телевизионщиков кусок «настроечной сетки».

28. Юмористический сайт Retard Zone показал, как
словосочетание «битая ссылка (broken link)» может выглядеть буквально.

29. На американском сайте флеш-карикатур
Homestar-Runner пользователя обругали, назвав его глупым.

30. У Mashable для вас две новости – хорошая и плохая.
Плохая в том, что страницу они не нашли, а хорошая – нашли все потерянные вами
носки.

31. Своеобразный юмор на одном из эстонских сайтов:
«Простите, но тут была попойка 404 мужчин».

32. Разработчик игр Mythic Entertainment изобразил
ошибку в игре Warhammer как результат воздействия сил Хаоса.

33. Художник Дэвид Бертон изобразил объявление о поиске
нужной страницы.

34. На игровом сайте gog.com страница канула в черную
дыру.

35. И наконец, ошибка-404 телефонной компании
audiko.net показывает, что к поискам несуществующей страницы подключился даже
Шерлок Холмс.

Приколы — юмор каждый день. Классные приколы, демотиваторы, смешные картинки, видео приколы, приколисты, анекдоты, комиксы и другие развлечения.
Мнение администрации сайта может не совпадать с мнением автора статьи. Автор статьи указан в источнике.

The requested URL text was not found.

Шутка! Не спешите покидать эту страницу. Мы решили напомнить вам это чувство досады, возникающее от 404 ошибки… Как обычно мы поступаем в этой ситуации? Закрываем страницу браузера и продолжаем поиск нужной информации. Очевидно, уже в другом месте. А ведь мы вполне могли стать клиентами, покупателями или читателями этого сайта. Если бы не эта роковая 404 ошибка…

Рассказываем (и показываем!), как с помощью классно оформленной страницы с 404 ошибкой уменьшить показатель отказов на сайте и не потерять потенциальных клиентов.

Что это такое

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

Когда браузер посылает запрос на сервер: «откройте-ка мне страницу с именем index.html!», запускается поиск нужного файла на жестком диске сервера. Если все в порядке и файл найден, сервер получает ответ с кодом «200 OK» и вуаля! – перед нами  запрашиваемая страница.

Но если по каким-либо причинам файл отсутствует на сервере хостинга или не отвечает на запрос, то сервер получает грустный статус «404: Not Found» и показывает нам специально приготовленную для таких случаев страницу. Или браузер любезно предоставляет свою дзен-версию:

Почему так происходит и какие бывают последствия

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

В итоге частой демонстрации страницы с кодом 404:

• растет показатель отказов;

• падает конверсия сайта;

• уменьшается трафик;

• сайт теряет позиции в поисковых системах.

Не слишком радужная перспектива, правда?

Как избежать возникновения 404 ошибки

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

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

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

Как говорится, «если безобразие нельзя предотвратить, надо его возглавить!». С помощью классного дизайна и забавного контента вы всегда можете свести к минимуму негатив, возникающий от демонстрации этой страницы. А еще, и это, пожалуй, самое главное, вернуть заблудившегося посетителя на работающие страницы сайта.

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

1. Привлекательной!

Не надо нанимать художника и рисовать на ней вензеля, но страница в общем стиле сайта явно лучше, чем белый монитор с одинокой надписью «404 Not Found». Первое, что должна сделать эта страница, – привлечь внимание и удержать пользователя хотя бы еще на несколько секунд. Отлично с этой задачей справилась знаменитая Coca-Cola.

2. Понятной.

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

Aviasales дает отличный пример такого минималистического подхода: рассказывает, что случилось, предлагает простое решение.

3. Полезной!

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

4. Креативной!

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

Дыра в мониторе на сайте css-tricks.com – креативно? Да! Понятно? Нет.

А ниже «работающий» креатив от Amazon.

Пес Роро приносит извинения за случившееся, предлагает воспользоваться поиском, перейти на главную страницу сайта или… познакомиться с собаками, работающими в Амазон! Как можно устоять и не перейти по ссылке?

Знаменитый сайт для киноманов IMDB при каждом новом запросе несуществующей страницы генерирует актуальную цитату из кинофильма.

На сайте Canva.com вам предложат вренуться на главную страницу или… собрать пазл с цитатой Генри Форда.

5. Продающей!

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

Берем пример с Ozon.

Или с интернет-магазина книг Labirint.

6. Смешной!

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

Отлично знает в этом толк сайт vmirepozitiva.ru.

Используйте Gif-ки! Знаменитый мем с Траволтой от 9GAG.

Еще пример креатива и юмора от Good Dog Design.

Пропала собака! В последний раз ее видели в желтом кружке лого, в шапке сайта. Черно-белая. Почти колли. Отзывается на «GOOD DOG». Отличительные черты: быстро разучивает новые трюки и вытаскивает упавших в колодец сироток. Если найдете – снабдите вкусняшками и парой головоломок.

Ну и немного черного юмора от Southpark!

Вывод

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

Вдохновляйтесь крутыми примерами, включайте фантазию, создавайте и тестируйте подходящие именно вашему бизнесу 404 страницы. Будьте смелы и оригинальны. Креативный подход способен напрямую влиять на успех – повышать конверсию и уменьшать показатель отказов вашего сайта. Удачи!

15 Января 2016 года, 16:19

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

Casetrentine

Made By Shape

Distilled

Daily Design Inspiration

Incore

Random Staging

Hub

Blue Fountain Media

Spotify

Good Old Games (GOG)

Astuteo

Hoppermagic

HomeStarRunner.com

South Park Studios

Rick Santorum

Suspended Animations

Colour Marketing & Design

Dailymotion Cloud

Craigslist

Heinz

Henrik Hedegaard

Shelfworthy

eHarmony

Modcloth

Tobi

Chrisglass

Project Fedena

Eternal Moon

Kochatelier

Thick Moustache

А какие интересные страницы 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

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



Комментарии

[an error occurred while processing the directive]