21 лучшая страница 404 ошибки

Разработчики веб-сайтов имеют возможность создавать свои собственные страницы ошибок 404 Not Found для своих сайтов, что многие сделали, но немногие сделали это хорошо.

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

Вот 21 из лучших 404 страниц ошибок, которые мы видели:

404 — это код состояния HTTP, а Not Found — фраза причины HTTP, которые вместе образуют строку состояния HTTP . См. Коды состояния HTTP для некоторых других кодов, которые вы можете увидеть в веб-браузере.

 

1. Страница монстра кролика 404 от Jackrabbit Design

Скриншот Jackrabbit Design Монстр Кролик страница 404 ошибки

Jackrabbit Design Кролик монстр страница 404 ошибки

Что нам нравится

  • Креативный дизайн.
  • Интерактивная анимация.
  • Изображение доступно в качестве обоев

Что нам не нравится

  • Нет полезных навигационных ссылок.
  • Очень мало брендинга.

Jackrabbit Design — это дизайнерская фирма, базирующаяся в Бостоне, штат Массачусетс. Они используют эту интерактивную страницу с сообщением об игре «Монстр-кролик 404».

https://www.jumpingjackrabbit.com/404page

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

2. Страница 404 ошибки Парка Юрского периода

Скриншот 404 страницы парка юрского периода

Скриншот 404 страницы из Парка Юрского периода

Что нам нравится

  • Комичный, интерактивный дизайн.
  • Творческое окно командной строки.

Что нам не нравится

  • Смущает новичков.
  • Несколько неуместный контент.
  • Трудно увидеть содержимое главного окна.

Помните ту сцену из Парка Юрского периода, когда Деннис Недри в исполнении Уэйна Найта сбежал с пузырьком замороженных эмбрионов динозавров и оставил свой взломанный компьютер, чтобы разрушить все виды хаоса?

Купить запчасти bmw

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

http://nouveller.com/404

Вы можете войти? Вы можете попробовать получить доступ к безопасности , получить доступ к сетке безопасности или получить доступ к основной сетке безопасности , но никто из них этого не делает. Ах, ах, ах … ты не сказал волшебное слово!

Nouveller — это компания веб-дизайна, которой руководит Бенджамин Рейд, базирующаяся в Бристоле, Великобритания.

3. 404 страница потерянных историй NPR

404 страница потерянных историй от NPR

Скриншот 404 страницы потерянных историй от NPR

Что нам нравится

  • Дизайн гармонирует с сайтом.
  • Полезные навигационные ссылки.
  • Ссылки на другой контент сайта.

Что нам не нравится

  • Доступные ссылки на истории являются статическими.
  • Раздражающий пункт меню NPR.

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

https://www.npr.org/404page

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

4. Страница 404 ошибки Audiko Artistic

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

Скриншот страницы 404 ошибки Audiko Artistic

Что нам нравится

  • Художественные образы.
  • Полезное поле поиска.

Что нам не нравится

  • Нет брендинга вообще.
  • Запутанная страница.
  • Прокрутите, чтобы увидеть ссылки.

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

http://audiko.net/404

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

5. Страница 404 ошибки в CSS-Tricks дыра в интернете

404 страница CSS-Tricks дыра в интернете

Скриншот 404 страницы CSS-Tricks «дыра в интернете»

Что нам нравится

  • Творческий порванный фон страницы.
  • Полезные ссылки сайта в шапке.
  • Описательный текст ошибки.

Что нам не нравится

  • Полосы прокрутки.
  • Загроможденность случайными ссылками.

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

https://css-tricks.com/notapage

Их целевая страница 404: не найден не только визуально привлекательн, но и идеально вписывается в фокус сайта.

В случае, если это еще не ясно, CSS-Tricks — это веб-сайт, целью которого является обучение навыкам веб-дизайна CSS.

6. Страница ошибки 404 LEGO

404 страница ошибки LEGO отключен

Скриншот 404 страницы ошибки LEGO отключен

Что нам нравится

  • Веселые, игривые образы.
  • Полезные ссылки на заголовки.

Что нам не нравится

  • Загроможденные ссылки нижнего колонтитула.
  • Текст ошибки трудно увидеть.

Веб-сайт LEGO, как и следовало ожидать, ловко использует символы LEGO на своей целевой странице 404 с ошибкой.

https://www.lego.com/404

Я не уверен, что парень из LEGO сломал путь между вами и страницей нарочно, может быть он просто в шоке, когда нашел его таким!

7. Универсальная страница ошибок 404 на GOG.com

Страница 404 от GOG.com

Скриншот страницы 404 от GOG.com

Что нам нравится

  • Креативный дизайн галактики.
  • Прямые ссылки на заголовки.
  • Четкий брендинг.

Что нам не нравится

  • Беспорядочная система меню.
  • Запутанное поле поиска.

Страница 404 Not Found на GOG.com с радостью проиллюстрирует метафорическую пустоту, которая теперь существует вместо страницы, которую вы надеялись найти.

https://www.gog.com/40404page

Я думаю, теперь мы знаем, что происходит, когда вы разрываете дыру в интернете.

GOG.com — это платформа для распространения игр и фильмов.

8. Страница 404 ошибок GitHub’s Star Wars

Страница ошибок 404 GitHub's Star Wars.

Скриншот страницы ошибок 404 GitHub’s Star Wars.