Упс...Страница не найдена.. - Классные примеры страницы 404

Что такое страница 404? Это код HTTP-статуса, указывающий, что ресурс, который мы запрашиваем, не существует.

Почему не существует? Страницу могли удалить, переместить на другой URL-адрес без переадресации, а возможно, вы просто допустили ошибку в написании ее адреса.

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

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

Итак, с важностью страницы 404 мы разобрались.

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

2. Добавьте текст – объясните, почему пользователь туда попал и как отсюда выбраться.

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

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

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

Как правило, страница 404 выделяется на фоне остальных страниц сайта. Wizarding World является исключением.

Страница 404 погружает нас в сказочный мир Гарри Поттера, что перекликается с тематикой сайта. Текст страницы оформлен в форме высказывания-восклицания миссис Уизли «Бедный, ты заблудился?», что придает шарма. Для удобства навигации размещена контрастная белая кнопка «Вернуться в Wizarding World» («Вернуться в мир волшебства»).

Figma – это платформа для графического дизайна.

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

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

Интересная особенность этой страницы – ссылки на самые популярные и вовлекающие ресурсы платформы.

Начнем с того, что их страница 404 невероятно красива – бесконечная вселенная с мерцающими галактиками. Она подходит под специфику NASA и хорошо дополняет ее. Текст также с космическим налетом, что только прибавляет шарма.

Хотите еще примеров? Читайте полную версию статьи.

А вы знали, что в бесплатном конструкторе сайтов GetResponse вы можете не только создать страницу 404 (в коллекции есть готовые шаблоны), но и собрать целый многостраничный сайт? Попробуйте!