404 web page errors can frustrate customers and trigger them to go away your web site.
Nevertheless, with some foresight, these errors can change into a chance to offer assist and encourage customers to discover extra of your web site.
This text covers greatest practices for crafting 404 pages, with actual examples from over 50 manufacturers. You’ll additionally discover solutions to incessantly requested questions on 404 error pages.
What’s a 404 web page?
A 404 web page, also called an error web page, is a webpage displayed when a person tries to entry a URL that now not exists.
Standing code 404 error which means
The 404 standing code error is an HTTP response signaling the webpage can’t be discovered on the internet server. It tells the browser that the requested webpage is “not discovered.”
404 web page greatest practices
Making a helpful 404 error web page is significant for offering a very good person expertise when guests go to your web site.
Listed here are some greatest design practices for crafting a user-friendly and interesting 404 web page.
- Clear error message: Make sure the 404 error message is displayed and clearly states that the requested web page can’t be discovered. Use pleasant and easy language to elucidate the error.
- Participating visuals: Incorporate visually interesting graphics or illustrations that align together with your web site’s design and model. These visuals will help soften the frustration of encountering an error.
- Navigation choices: Present easy-to-find navigation components that information customers again to your web site’s homepage, predominant content material, or related sections. Embody hyperlinks or buttons that make it easy for customers to proceed their journey.
- Search performance: Embody a search bar permitting customers to search for the content material they initially sought.
- Contact info: Embody contact info or a hyperlink to your help/assist heart for customers needing help with their particular situation.
Following these design practices can flip a irritating error right into a constructive person expertise and preserve guests engaged together with your web site, even after they encounter 404 pages.
51 examples of 404 pages
Humorous 404 web page examples
Listed here are examples of lighthearted, humorous, quirky 404 pages that use witty and intelligent language to attract customers in and preserve them on the web page.
1. Marvel
2. PitVipers
3. Southwest
4. Chubbies
5. Taco Bell
6. Progressive Insurance coverage
7. RyanAir
8. Lego
9. Wendy’s
10. Moosejaw
11. M&M’s
12. Greenback Shave Membership
13. Blizzard
Formal 404 web page examples
Listed here are examples of formal 404 pages designed to look extra skilled and take a respectful tone within the copy.
14. Medium
15. Delta
16. The New York Occasions
17. Ford
Get the every day publication search entrepreneurs depend on.
SaaS 404 web page examples
Listed here are examples of SaaS 404 pages that align with customers’ particular wants and expectations when visiting a SaaS platform. You’ll discover a clear, minimalistic design with a user-centric focus.
18. Sprout Social
19. Mural
20. Intercom
21. Assist 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 Journal
Ecommerce 404 web page examples
Listed here are examples of ecommerce 404 pages that provide search performance, class navigation, cart preservation, and even buyer critiques.
35. Crocs
36. Ugg
37. Mrs. Meyers
38. Garmin
39. Charmin
40. Patagonia
41. Yeti
42. Barstool Sports activities
43. Technique
44. Xbox
45. Playing cards In opposition to Humanity
Dangerous 404 web page examples
Listed here are examples of dangerous 404 pages that lead to an absence of readability, no steering, and a generic error message.
46. Wired
47. Nordstrom
48. Reliaquest
49. QuickBooks
50. As we speak
51. Goal
FAQs about 404 pages
How do I discover a 404 web page on my web site?
There are just a few other ways to discover a 404 web page in your web site:
- Kind in a non-existent URL. For instance, www.yourwebsite.com/taco
- Click on on a damaged hyperlink
- Seek for non-existent content material in your web site’s search performance
How do I edit a 404 web page in WordPress?
Modifying your 404 web page in WordPress can range relying on how your WordPress is about up.
You are able to do this in your web page builder or a plugin.
My private choice is to make adjustments within the theme customizer beneath “Look.” Then, click on on “customise.” You need to discover your 404 web page.
Does Google take away 404 pages?
Google doesn’t take away 404 pages. I really see various 404 pages listed.
Over time, if Google stumbles throughout the 404 web page repeatedly, it should finally take away these pages from the index.
If the 404 web page is restored, Google will reindex the web page.
Constructing higher 404 pages
Properly-designed error pages promote a easy person expertise, even when somebody lands on a lacking web page.
By following the ideas outlined right here, you possibly can create 404 pages that remodel complicated dead-ends into handy gateways for navigation, search performance, contact info, and extra.
Opinions expressed on this article are these of the visitor creator and never essentially Search Engine Land. Workers authors are listed right here.
