Как сделать большую страницу ошибки 404 и 10 примеров

Рекламное объявление

Городская легенда гласит, что первый интернет-сервер был расположен в комнате 404 здания ЦЕРН. Следовательно, этот сервер также выдал первую ошибку «Not Found», которая, как гласит легенда, впоследствии была названа ошибкой 404.

Проблема в том, что, очевидно, комната 404 никогда не существовала в ЦЕРНе. Я никогда не был там, поэтому я не знал бы. Но есть гораздо более логичное объяснение того, почему «Not Found» является ошибкой 404. Код статуса HTTP знает пять разных классов и в каждом классе есть до 100 возможных сообщений о состоянии. Класс 4xx сообщает об ошибках клиента, и еще две цифры указывают тип ошибки. В классе 4xx определено 18 различных случаев, и ошибка 404 представляет собой случай, в котором запрос (например, запрошенный файл) был «Не найден».

Почему я должен сделать страницу 404

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

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

1. Соответствующий дизайн

Это ежу понятно. Страница 404 должна хорошо сочетаться с внешним видом и ощущениями остальной части сайта.

2. Адекватное сообщение об ошибке

Это тоже логично. Любой, кто столкнулся с ошибкой, должен это сразу заметить. Оставь детали, но дай серферу немного…

3. Параметры

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

10 отличных примеров

Что делает его хорошим?

Он предоставляет некоторые ссылки вверху, окно поиска для сайта внизу и некоторые интересные информационные фрагменты в середине. Это уникально, креативно и полезно.

2. Дождь Даффинсон

Что делает его хорошим?

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

Что делает его хорошим?

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

4. Системы управления видео [сломанный URL удален]

Что делает его хорошим?

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

5. Бит Вдохновения

Что делает его хорошим?

Он очень хорошо вписывается в общий дизайн сайта и предоставляет выбор альтернативных ссылок и битов.

Что делает его хорошим?

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

7. желудь творческий

Что делает его хорошим?

Этот просто смешной.

8. GOG.com

Что делает его хорошим?

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

9. Из головы Джейми Хаскиссон

Что делает его хорошим?

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

Что делает его хорошим?

Он очень простой, не предоставляет много ресурсов, кроме ссылки на главный сайт (Выход). Но, увидев этот скриншот, разве вы не думаете, что он гениален? И это даже лучше, потому что это интерактивно. Поезд входит, останавливается и покидает станцию. Стоит изучить остальную часть сайта, потому что это так же хорошо.

Более подробную информацию и ресурсы, касающиеся 404 страниц, можно найти в 404 Research Lab. На сайте представлены 404 недели, коллекция великолепных 404 страниц с ошибками и многое другое.

Что бы вы посоветовали для 404 страниц? Вы нашли другую удивительную и / или ужасно полезную страницу с ошибкой 404, которой нет в списке выше? Любые быстрые советы о том, как сделать страницу 404 с минимальными усилиями? Пожалуйста, поделитесь этим с нами!

Картинные кредиты Виллем Вельтховен