image


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

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

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



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

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


image

PornHub


image

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


image

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


image

Virgin.com


image

Google


image

YouTube


image

Facebook


image

Reddit.com


image

Amazon.com


image

Vk.com


image

Linkedin.com


image

Imgur.com


image

Aliexpress.com


image

Bing.com


image

Stackoverflow.com


image

Github.com


image

Dropbox.com


image

Craigslist.org


image

Dribbble.com


image

Awwwards.com


image

Csswinner.com


image

Coolhunting.com


image

Codyhouse.co


image

Mailchimp.com


image

Slack.com


image

Mashable.com


image

Bloomberg.com


image

Airbnb.com


image

Bitly.com


image

МГУ, психфак


image

Разговаривающая страница 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

image

image

image

image

image

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



Играем в Pacman
image

Рушим сайт

Суслик

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

Поймай кота

P.S.


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

image

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

Комментарии (33)


  1. InstaHeat
    29.09.2017 16:37
    +1

    Так почему же нет страницы хаба?


    1. MagisterLudi Автор
      29.09.2017 16:49
      +2

      теперь есть


      1. InstaHeat
        29.09.2017 16:53
        +4

        Спасибо. Теперь мир кажется более полным


      1. illo
        29.09.2017 17:38
        +2

        Текущая 404 хабра иначе выглядит)


  1. 32bit_me
    29.09.2017 17:51
    +6

    Analog Devices:
    image


    1. VT100
      30.09.2017 15:17
      +3

      Техас тож…

      image


  1. psycho-coder
    29.09.2017 18:56
    +1

    У кого была страница со стихом про Еггог Чоч, кто помнит?


  1. asmix
    29.09.2017 18:56
    +6

    1. kalmarius
      29.09.2017 19:45
      +1

      Халтура(

      Андроид в пролете
      image


      1. Serge78rus
        29.09.2017 19:50
        +1

        Без flash player все в пролете


    1. Ramzzes
      29.09.2017 21:44
      +1

      Есть еще один мультик с гастарбайтерами
      Гастарбайтер фильм представляет


  1. decomeron
    29.09.2017 19:12

    Жаль, я, почему то, никогда не попадаю на такие страницы, интересно, хорошо это или плохо?
    Эти-зачет!!! Смотрю 20 секунд, странно, почему то еще тут ;-)


  1. Alex_1985
    29.09.2017 19:16

    Интересно… интересно то, что действительно страницу, вроде как и ненужную, то есть я имел ввиду — не информативную, например для интернет магазина, можно превратить в карточку (или рекламу) любого другого товара, который есть на сайте… так можно и выиграть даже…


  1. Serge78rus
    29.09.2017 19:30
    +6

    image


  1. Adel-S
    29.09.2017 21:23
    -2

    В компании EDISON Software действительно считают смешение английского и транслита нормальным? Я такого вырвиглаза не видел уже лет… много.

    www.edsd.ru/ru/princypy/investiruem-v-produkty
    www.edsd.ru/ru/proekty/avtomatizaciya_izmereniy
    www.edsd.ru/ru/o_kompanii/novosti/kak-my-opredelyaem-uroven-professionalizma-razrabotchika

    и тут же
    www.edsd.ru/ru/portfolio/technology/gis
    www.edsd.ru/ru/portfolio/technology/interface


    1. atomlib
      30.09.2017 13:36

      Предположу, что первые три ссылки — это какой-то движок блога уровня «Уордпресса», который сам генерирует ЧПУ, вторвые две — это уже система управления контентом. Вероятно, и контент создавали разные люди.


  1. Anton_Bulavin
    30.09.2017 00:19
    +2

    А у нас ручеек http://oneteks.ru/404.html


    1. MagisterLudi Автор
      30.09.2017 10:43
      +2

      Мне ваш логотип очень понравился


  1. acerrusm
    30.09.2017 11:25
    +2

    Есть еще страничка 404 с потерянными детьми, опубликованными в child focus: http://notfound.org/index.php?locale=en_US


    Дизайн конечно так себе, но задумка стоит большего.


  1. sotnikdv
    30.09.2017 14:03
    +1

    Это не суслики, это сурикаты. Вживую они уматные, наблюдать за ними даже интереснее, чем за енотами.

    image


  1. QtRoS
    30.09.2017 15:47
    +3

    Лего же для детей, мне кажется перебор…


    1. zerg59
      01.10.2017 13:07

      это сайт для AFOL ( Adult Fans Of Lego) ;-).


  1. netch80
    30.09.2017 18:26

    У Slack тоже интерактивная страница — по ней можно двигаться и тормошить животных.


  1. kyrylo
    30.09.2017 20:05

    Я вот такую сделал: airbrake.io/404


  1. handicraftsman
    30.09.2017 20:21

    Откуда стянули КДПВ?


  1. KoMePcAHT
    01.10.2017 10:46
    +2

    моя любимая вот эта:
    image


  1. mafia8
    01.10.2017 15:14

    Страницу 404 делают дизайнеры, а программистов почему-то не пускают на это дело. Например, обработать адрес страницы, найти похожие адреса (site.ru/pst/234/ — site.ru/post/234/), дать возможность пользователю отредактировать адрес страницы в текстовом поле и попробовать ещё раз.


    1. Serge78rus
      02.10.2017 09:03

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


      1. ozonar
        02.10.2017 10:43

        Можно ловить ошибки типа https://somesite.com/sompage/somerequestперейдинаэтотсайт, и выводить сообщение об удаленном контенте, в том месте, где он был удалён. И самое сложное — обеспечить редирект при смене движка сайта/структуры

        Захват таких ситуаций решит 90% случаев, когда нужно вывести страницу 404.


        1. MagisterLudi Автор
          02.10.2017 12:04

          самый крутой вариант — редирект на вебархив этой станицы


  1. ozonar
    02.10.2017 11:11

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

    Порой приходится достаточно большое количество времени выискивать на новой с точки зрения дизайна странице информацию, почему таки дизайн поменялся, как вот здесь, например:
    image

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

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



  1. Borro
    03.10.2017 00:07

    https://auto.ru/catalog/cars/404/ По F5 разные ролики