Найти тему

404 страницы: Лучшие практики и примеры от 50-ти мировых брендов.

Оглавление

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

В этой статье рассматриваются лучшие практики создания страниц 404 на реальных примерах 50-ти брендов. В конце статьи вы найдете ответы на часто задаваемые вопросы о страницах с 404 ошибками.

Лучшие практики создания страницы 404

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

Вот несколько лучших дизайнерских советов для создания удобной и привлекательной страницы 404:

  • Четкое сообщение об ошибке: Убедитесь, что на странице отображается сообщение об ошибке 404, в котором четко указано, что запрашиваемая страница не может быть найдена.
  • Визуальные эффекты: Используйте визуально привлекательные графики или иллюстрации, которые соответствуют дизайну вашего сайта. Такие визуальные эффекты помогут смягчить разочарование от столкновения с ошибкой.
  • Варианты навигации: Обеспечьте удобные элементы навигации, которые направляют пользователей к главной странице, основному содержанию или соответствующим разделам вашего сайта. Добавьте ссылки или кнопки, чтобы пользователям было проще продолжить свой путь.
  • Функционал поиска: Включите строку поиска, чтобы пользователи могли найти тот контент, который они изначально искали.
  • Контактная информация: Добавьте контактную информацию для пользователей, которым нужна помощь в решении их конкретного вопроса.

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

50 примеров 404 страницы

Примеры забавных страниц 404

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

1. Marvel

-2

2. PitVipers

-3

3. Southwest

-4

4. Chubbies

-5

5. Taco Bell

-6

6. Progressive Insurance

-7

7. RyanAir

-8

8. Lego

-9

9. Wendy’s

-10

10. Moosejaw

-11

11. M&M’s

-12

12. Dollar Shave Club

-13

13. Blizzard

-14

Примеры формальных страниц 404

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

14. Medium

-15

15. Delta

-16

16. The New York Times

-17

17. Ford

-18

Примеры страниц 404 для SaaS

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

18. Sprout Social

-19

19. Mural

-20

20. Intercom

-21

21. Help Scout

-22

22. Mailchimp

-23

23. Asana

-24

24. Uber

-25

25. Packlane

-26

26. Drift

-27

27. Spotify

-28

28. Flywheel

-29

29. ClickUp

-30

30. PayPal

-31

31. Headspace

-32

32. Zoom

-33

33. Salesforce

-34

34. Smashing Magazine

-35

Примеры страниц 404 для электронной коммерции

Здесь приведены примеры страниц 404 для электронной коммерции, которые предлагают функции поиска, навигации по категориям, сохранения корзины и даже отзывов покупателей.

35. Crocs

-36

36. Ugg

-37

37. Mrs. Meyers

-38

38. Garmin

-39

39. Charmin

-40

40. Patagonia

-41

41. Yeti

-42

42. Barstool Sports

-43

43. Method

-44

44. Xbox

-45

45. Cards Against Humanity

-46

Примеры плохих страниц 404

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

46. Wired

-47

47. Nordstrom

-48

48. Reliaquest

-49

49. QuickBooks

-50

50. Today

-51

Часто задаваемые вопросы о 404 страницах

Как найти страницу 404 на моем сайте?

Существует несколько различных способов найти страницу 404 на вашем сайте:

  • Введите несуществующий URL-адрес..
  • Щелкните по неработающей ссылке
  • Найдите несуществующий контент в поиске вашего сайта

Как отредактировать страницу 404 в WordPress?

Редактирование страницы 404 в WordPress может зависеть от того, как настроен ваш WordPress. Вы можете сделать это в конструкторе страниц или с помощью плагина.

Лично я предпочитаю вносить изменения в настройках темы в разделе "Внешний вид".

Удаляет ли Google страницы 404?

Google не сразу удаляет 404 страницы. Я вижу довольно много проиндексированных 404 страниц. Со временем, если Google неоднократно натыкается на страницу 404, он в конце концов удаляет эти страницы из индекса.

Если страница 404 будет восстановлена, Google проиндексирует ее заново.

Создание лучших страниц 404

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

А как выглядит страница 404 на вашем сайте? Присылайте ссылки или скриншоты в комментарии.