404 web page errors can frustrate customers and trigger them to depart your website.
Nonetheless, with some foresight, these errors can turn out to be 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 continuously requested questions on 404 error pages.
What’s a 404 web page?
A 404 web page, often known as an error web page, is a webpage displayed when a person tries to entry a URL that now not exists.
Standing code 404 error that 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 superb 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 clarify the error.
- Partaking visuals: Incorporate visually interesting graphics or illustrations that align together with your web site’s design and model. These visuals might 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, important content material, or related sections. Embrace hyperlinks or buttons that make it easy for customers to proceed their journey.
- Search performance: Embrace a search bar permitting customers to search for the content material they initially sought.
- Contact info: Embrace contact info or a hyperlink to your assist/assist heart for customers needing help with their particular concern.
Following these design practices can flip a irritating error right into a optimistic person expertise and maintain 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 maintain 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 Instances
17. Ford
Get the each day e-newsletter 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 supply search performance, class navigation, cart preservation, and even buyer opinions.
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 Towards Humanity
Dangerous 404 web page examples
Listed here are examples of unhealthy 404 pages that lead to an absence of readability, no steerage, and a generic error message.
46. Wired
47. Nordstrom
48. Reliaquest
49. QuickBooks
50. Right this moment
51. Goal
FAQs about 404 pages
How do I discover a 404 web page on my web site?
There are a number of alternative ways to discover a 404 web page in your web site:
- Sort 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 modifications within the theme customizer below “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 truly see various 404 pages listed.
Over time, if Google stumbles throughout the 404 web page repeatedly, it would ultimately take away these pages from the index.
If the 404 web page is restored, Google will reindex the web page.
Constructing higher 404 pages
Effectively-designed error pages promote a clean 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 writer and never essentially Search Engine Land. Employees authors are listed right here.