Упс...Страница не найдена.. - Классные примеры страницы 404
Что такое страница 404? Это код HTTP-статуса, указывающий, что ресурс, который мы запрашиваем, не существует.
Почему не существует? Страницу могли удалить, переместить на другой URL-адрес без переадресации, а возможно, вы просто допустили ошибку в написании ее адреса.
Страница 404 – это всегда неприятно. Пользователь может подумать, что ваш сайт неисправен, и уйдет к конкурентам. Ваша задача – убедить его, что страница 404 – это не баг, а такая же страница, как и другие.
Почему еще так важно бороться с оттоком трафика с сайта из-за страницы 404? Отток трафика – это сигнал для поисковых систем, что ваш сайт неинтересен, поэтому его ранжирование может ухудшиться.
Итак, с важностью страницы 404 мы разобрались.
Как сделать страницу 404 – советы по дизайну
1. Как уже было сказано выше, страница 404 ничем не должна отличаться от остальных, она должна повторять тон высказывания, цвет и форму, шрифты и структуру контента.
2. Добавьте текст – объясните, почему пользователь туда попал и как отсюда выбраться.
3. Добавьте ссылку на главную страницу и основные разделы сайта, не оставляйте страницу пустой.
4. Как вариант, добавьте контакт с командой техподдержки на случай, если пользователь не сможет сам выбраться или захочет сообщить о проблеме.
Итак, мы подобрали несколько ярких примеров страниц с ошибкой 404 для вашего вдохновения.
Страница 404 примеры
1. Wizarding World
Как правило, страница 404 выделяется на фоне остальных страниц сайта. Wizarding World является исключением.
Страница 404 погружает нас в сказочный мир Гарри Поттера, что перекликается с тематикой сайта. Текст страницы оформлен в форме высказывания-восклицания миссис Уизли «Бедный, ты заблудился?», что придает шарма. Для удобства навигации размещена контрастная белая кнопка «Вернуться в Wizarding World» («Вернуться в мир волшебства»).
2. Figma
Figma – это платформа для графического дизайна.
На первый взгляд, страница 404 стандартная, однако секундой позже становится очевидным, что цифры можно редактировать наподобие прототипов в Figma. Это отличный пример того, как развлечь и отвлечь пользователя от несуществующей страницы и одновременно показать на практике, как работают инструменты Figma.
3. GetResponse
Страница 404 полностью совпадает по стилистике с основным сайтом – белый фон, ярко-синие вставки, желтое подчеркивание. Пользователь интуитивно понимает, что эта страница – не баг, не сбой, а часть иерархии сайта. Чтобы сгладить неприятное впечатление от несуществующей страницы, авторы добавили забавного робота, который извиняется за случившееся.
Интересная особенность этой страницы – ссылки на самые популярные и вовлекающие ресурсы платформы.
4. NASA
Начнем с того, что их страница 404 невероятно красива – бесконечная вселенная с мерцающими галактиками. Она подходит под специфику NASA и хорошо дополняет ее. Текст также с космическим налетом, что только прибавляет шарма.
Хотите еще примеров? Читайте полную версию статьи.
А вы знали, что в бесплатном конструкторе сайтов GetResponse вы можете не только создать страницу 404 (в коллекции есть готовые шаблоны), но и собрать целый многостраничный сайт? Попробуйте!