404 страницы: Лучшие практики и примеры от 50-ти мировых брендов
Увидев страницу с 404 ошибкой, пользователи могут разочаровать и уйти с вашего сайта. Однако при определенной предусмотрительности эти ошибки могу побудить пользователей к дальнейшему изучению вашего сайта.
В этой статье рассматриваются лучшие практики создания страниц 404 на реальных примерах 50-ти брендов. В конце статьи вы найдете ответы на часто задаваемые вопросы о страницах с 404 ошибками.
Лучшие практики создания страницы 404
Многие владельцы сайтов даже не задумываются о том, что можно сделать страницу 404 полезной для пользователей, тем самым обеспечить хороший пользовательский опыт.
Вот несколько лучших дизайнерских советов для создания удобной и привлекательной страницы 404:
- Четкое сообщение об ошибке: Убедитесь, что на странице отображается сообщение об ошибке 404, в котором четко указано, что запрашиваемая страница не может быть найдена.
- Визуальные эффекты: Используйте визуально привлекательные графики или иллюстрации, которые соответствуют дизайну вашего сайта. Такие визуальные эффекты помогут смягчить разочарование от столкновения с ошибкой.
- Варианты навигации: Обеспечьте удобные элементы навигации, которые направляют пользователей к главной странице, основному содержанию или соответствующим разделам вашего сайта. Доб ссылки или кнопки, чтобы пользователям было проще продолжить свой путь.
- Функционал поиска: Включите строку поиска, чтобы пользователи могли найти тот контент, который они изначально искали.
- Контактная информация: Добавьте контактную информацию для пользователей, которым нужна помощь в решении их конкретного вопроса.
Следуя этим рекомендациям, вы сможете превратить досадную ошибку в положительный пользовательский опыт и сохранить интерес посетителей к вашему сайту, даже если они сталкиваются с 404 страницей.
50 примеров 404 страницы
Примеры забавных страниц 404
Вот примеры смешных, причудливых страниц 404, которые направлены на то, чтобы привлечь внимание пользователей и удержать их на странице.
1. Marvel
2. PitVipers
3. Southwest
4. Chubbies
5. Taco Bell
6. Progressive Insurance
7. RyanAir
8. Lego
9. Wendy’s
10. Moosejaw
11. M&M’s
12. Dollar Shave Club
13. Blizzard
Примеры формальных страниц 404
Ниже приведены примеры формальных страниц 404, которые выглядят более профессионально.
14. Medium
15. Delta
16. The New York Times
17. Ford
Примеры страниц 404 для SaaS
Здесь приведены примеры страниц 404, которые соответствуют специфическим потребностям и ожиданиям пользователей при посещении SaaS-платформы. Вы заметите чистый, минималистичный дизайн, ориентированный на пользователя.
18. Sprout Social
19. Mural
20. Intercom
21. Help Scout
22. Mailchimp
23. Asana
24. Uber
25. Packlane
26. Drift
27. Spotify
28. Flywheel
29. ClickUp
30. PayPal
31. Headspace
32. Zoom
33. Salesforce
34. Smashing Magazine
Примеры страниц 404 для электронной коммерции
Здесь приведены примеры страниц 404 для электронной коммерции, которые предлагают функции поиска, навигации по категориям, сохранения корзины и даже отзывов покупателей.
35. Crocs
36. Ugg
37. Mrs. Meyers
38. Garmin
39. Charmin
40. Patagonia
41. Yeti
42. Barstool Sports
43. Method
44. Xbox
45. Cards Against Humanity
Примеры плохих страниц 404
Ниже приведены примеры плохих страниц 404, которые приводят к отсутствию ясности, отсутствию руководства и общему сообщению об ошибке.
46. Wired
47. Nordstrom
48. Reliaquest
49. QuickBooks
50. Today
Часто задаваемые вопросы о 404 страницах
Как найти страницу 404 на моем сайте?
Существует несколько различных способов найти страницу 404 на вашем сайте:
- Введите несуществующий URL-адрес. .
- Щелкните по неработающей ссылке
- Найдите несуществующий контент в поиске вашего сайта
Как отредактировать страницу 404 в WordPress?
Редактирование страницы 404 в WordPress может зависеть от того, как настроен ваш WordPress. Вы можете сделать это в конструкторе страниц или с помощью плагина.
Лично я предпочитаю вносить изменения в настройках темы в разделе «Внешний вид».
Удаляет ли Google страницы 404?
Google не сразу удаляет 404 страницы. Я вижу довольно много проиндексированных 404 страниц. Со временем, если Google неоднократно натыкается на страницу 404, он в конце концов удаляет эти страницы из индекса.
Если страница 404 будет восстановлена, Google проиндексирует ее заново.
Создание лучших страниц 404
Хорошо продуманные страницы ошибок будут не только информировать пользователя о том, что такого контента больше нет, но также и мотивировать его продолжить взаимодействовать с вашим сайтом, а не закрыть его.
А как выглядит страница 404 на вашем сайте? Присылайте ссылки или скриншоты в комментарии.
А мне нравится когда есть 404, много 404