404 page errors can frustrate users and cause them to leave your site.
However, with some foresight, these errors can become an opportunity to provide help and encourage users to explore more of your website.
This article covers best practices for crafting 404 pages, with real examples from over 50 brands. You’ll also find answers to frequently asked questions about 404 error pages.
What is a 404 page?
A 404 page, also known as an error page, is a webpage displayed when a user tries to access a URL that no longer exists.
Status code 404 error meaning
The 404 status code error is an HTTP response signaling the webpage cannot be found on the web server. It tells the browser that the requested webpage is “not found.”
404 page best practices
Creating a useful 404 error page is vital for providing a good user experience when visitors visit your website.
Here are some best design practices for crafting a user-friendly and engaging 404 page.
- Clear error message: Ensure the 404 error message is displayed and clearly states that the requested page cannot be found. Use friendly and simple language to explain the error.
- Engaging visuals: Incorporate visually appealing graphics or illustrations that align with your website’s design and brand. These visuals can help soften the frustration of encountering an error.
- Navigation options: Provide easy-to-find navigation elements that guide users back to your website’s homepage, main content, or relevant sections. Include links or buttons that make it simple for users to continue their journey.
- Search functionality: Include a search bar allowing users to look for the content they originally sought.
- Contact information: Include contact information or a link to your support/help center for users needing assistance with their specific issue.
Following these design practices can turn a frustrating error into a positive user experience and keep visitors engaged with your website, even when they encounter 404 pages.
51 examples of 404 pages
Funny 404 page examples
Here are examples of lighthearted, humorous, quirky 404 pages that use witty and clever language to draw users in and keep them on the page.
1. Marvel
![Marvel 404 page](https://searchengineland.com/wp-content/seloads/2024/01/marvel-404-page.png.webp)
2. PitVipers
![PitVipers 404 page](https://searchengineland.com/wp-content/seloads/2024/01/pit-vipers-404-page.png.webp)
3. Southwest
![Southwest 404 page](https://searchengineland.com/wp-content/seloads/2024/01/southwest-404-page.png.webp)
4. Chubbies
![Chubbies 404 page](https://searchengineland.com/wp-content/seloads/2024/01/chubbies-404-page.png.webp)
5. Taco Bell
![Taco Bell 404 page](https://searchengineland.com/wp-content/seloads/2024/01/taco-bell-404-page.png.webp)
6. Progressive Insurance
![Progressive Insurance 404 page](https://searchengineland.com/wp-content/seloads/2024/01/progressive-insurance-404-page.png.webp)
7. RyanAir
![RyanAir 404 page](https://searchengineland.com/wp-content/seloads/2024/01/ryanair-404-page.png.webp)
8. Lego
![Lego 404 page](https://searchengineland.com/wp-content/seloads/2024/01/lego-404-page.png.webp)
9. Wendy’s
![Wendys 404 page](https://searchengineland.com/wp-content/seloads/2024/01/wendys-404-page.png.webp)
10. Moosejaw
![Moosejaw](https://searchengineland.com/wp-content/seloads/2024/01/moosejaw-404-page.png.webp)
11. M&M’s
![M&Ms 404 page](https://searchengineland.com/wp-content/seloads/2024/01/mm-404-page.png.webp)
12. Dollar Shave Club
![Dollar Shave Club 404 page](https://searchengineland.com/wp-content/seloads/2024/01/dollar-shave-club-404-page.png.webp)
13. Blizzard
![Blizzard 404 page](https://searchengineland.com/wp-content/seloads/2024/01/blizzard-404-page.png.webp)
Formal 404 page examples
Here are examples of formal 404 pages designed to look more professional and take a respectful tone in the copy.
14. Medium
![Medium 404 page](https://searchengineland.com/wp-content/seloads/2024/01/medium-404-page.png.webp)
15. Delta
![Delta 404 page](https://searchengineland.com/wp-content/seloads/2024/01/delta-404-page.png.webp)
16. The New York Times
![New York Times 404 page](https://searchengineland.com/wp-content/seloads/2024/01/new-york-times-404-page.png.webp)
17. Ford
![Ford 404 page](https://searchengineland.com/wp-content/seloads/2024/01/ford-404-page.png.webp)
Get the daily newsletter search marketers rely on.
SaaS 404 page examples
Here are examples of SaaS 404 pages that align with users’ specific needs and expectations when visiting a SaaS platform. You’ll notice a clean, minimalistic design with a user-centric focus.
18. Sprout Social
![Sprout Social 404 page](https://searchengineland.com/wp-content/seloads/2024/01/sprout-social-404-page.png.webp)
19. Mural
![Mural 404 page](https://searchengineland.com/wp-content/seloads/2024/01/mural-404-page.png.webp)
20. Intercom
![Intercom 404 page](https://searchengineland.com/wp-content/seloads/2024/01/intercom-404-page.png.webp)
21. Help Scout
![Help Scout](https://searchengineland.com/wp-content/seloads/2024/01/helpscout-404-page.png.webp)
22. Mailchimp
![Mailchimp](https://searchengineland.com/wp-content/seloads/2024/01/mailchimp-404-pages.png.webp)
23. Asana
![Asana 404 page](https://searchengineland.com/wp-content/seloads/2024/01/asana-404-page.png.webp)
24. Uber
![Uber 404 page](https://searchengineland.com/wp-content/seloads/2024/01/uber-404-page.png.webp)
25. Packlane
![Packlane 404 page](https://searchengineland.com/wp-content/seloads/2024/01/packlane-404-page.png.webp)
26. Drift
![Drift 404 page](https://searchengineland.com/wp-content/seloads/2024/01/drift-404-page.png.webp)
27. Spotify
![Spotify 404 page](https://searchengineland.com/wp-content/seloads/2024/01/spotify-404-page.png.webp)
28. Flywheel
![Flywheel 404 page](https://searchengineland.com/wp-content/seloads/2024/01/flywheel-404-page.png.webp)
29. ClickUp
![ClickUp](https://searchengineland.com/wp-content/seloads/2024/01/clickup-404-page.png.webp)
30. PayPal
![PayPal 404 page](https://searchengineland.com/wp-content/seloads/2024/01/paypal-404-page.png.webp)
31. Headspace
![Headspace 404 page](https://searchengineland.com/wp-content/seloads/2024/01/headspace-404-page.png.webp)
32. Zoom
![Zoom 404 page](https://searchengineland.com/wp-content/seloads/2024/01/zoom-404-page.png.webp)
33. Salesforce
![Salesforce 404 page](https://searchengineland.com/wp-content/seloads/2024/01/salesforce-404-page.png.webp)
34. Smashing Magazine
![Smashing Magazine 404 page](https://searchengineland.com/wp-content/seloads/2024/01/smashing-magazine-404-page.png.webp)
Ecommerce 404 page examples
Here are examples of ecommerce 404 pages that offer search functionality, category navigation, cart preservation, and even customer reviews.
35. Crocs
![Crocs 404 pages](https://searchengineland.com/wp-content/seloads/2024/01/crocs-404-page.png.webp)
36. Ugg
![Ugg 404 page](https://searchengineland.com/wp-content/seloads/2024/01/ugg-404-page.png.webp)
37. Mrs. Meyers
![Mrs. Meyers 404 page](https://searchengineland.com/wp-content/seloads/2024/01/mrs-meyers-404-page.png.webp)
38. Garmin
![Garmin 404 page](https://searchengineland.com/wp-content/seloads/2024/01/garmin-404-page.png.webp)
39. Charmin
![Charmin 404 page](https://searchengineland.com/wp-content/seloads/2024/01/charmin-404-page.png.webp)
40. Patagonia
![Patagonia 404 page](https://searchengineland.com/wp-content/seloads/2024/01/patagonia-404-page.png.webp)
41. Yeti
![Yeti 404 page](https://searchengineland.com/wp-content/seloads/2024/01/yeti-404-pages.png.webp)
42. Barstool Sports
![Barstool Sports 404 page](https://searchengineland.com/wp-content/seloads/2024/01/bar-stool-sports-404-page.png.webp)
43. Method
![Method 404 page](https://searchengineland.com/wp-content/seloads/2024/01/method-404-page.png.webp)
44. Xbox
![Xbox 404 page](https://searchengineland.com/wp-content/seloads/2024/01/xbox-404-page.png.webp)
45. Cards Against Humanity
![Cards Against Humanity 404 page](https://searchengineland.com/wp-content/seloads/2024/01/cards-against-humanity-404-page.png.webp)
Bad 404 page examples
Here are examples of bad 404 pages that result in a lack of clarity, no guidance, and a generic error message.
46. Wired
![Wired 404 page](https://searchengineland.com/wp-content/seloads/2024/01/wired-404-page.png.webp)
47. Nordstrom
![Nordstrom 404 page](https://searchengineland.com/wp-content/seloads/2024/01/nordstrom-404-page.png.webp)
48. Reliaquest
![Reliaquest 404 page](https://searchengineland.com/wp-content/seloads/2024/01/reliaquest-404-page.png.webp)
49. QuickBooks
![QuickBooks 404 page](https://searchengineland.com/wp-content/seloads/2024/01/quickbooks-404-page.png.webp)
50. Today
![Today 404 page](https://searchengineland.com/wp-content/seloads/2024/01/today-404-page.png.webp)
51. Target
![Target 404 page](https://searchengineland.com/wp-content/seloads/2024/01/target-404-page.png.webp)
FAQs about 404 pages
How do I find a 404 page on my website?
There are a few different ways to find a 404 page on your website:
- Type in a non-existent URL. For example, www.yourwebsite.com/taco
- Click on a broken link
- Search for non-existent content in your website’s search functionality
How do I edit a 404 page in WordPress?
Editing your 404 page in WordPress can vary depending on how your WordPress is set up.
You can do this in your page builder or a plugin.
My personal preference is to make changes in the theme customizer under “Appearance.” Then, click on “customize.” You should find your 404 page.
Does Google remove 404 pages?
Google does not remove 404 pages. I actually see quite a lot of 404 pages indexed.
Over time, if Google stumbles across the 404 page repeatedly, it will eventually remove those pages from the index.
If the 404 page is restored, Google will reindex the page.
Building better 404 pages
Well-designed error pages promote a smooth user experience, even when someone lands on a missing page.
By following the tips outlined here, you can create 404 pages that transform confusing dead-ends into convenient gateways for navigation, search functionality, contact information, and more.
Dig deeper: Pro Tip: How to find and fix 404 errors that really matter to win your traffic back
Contributing authors are invited to create content for Search Engine Land and are chosen for their expertise and contribution to the search community. Our contributors work under the oversight of the editorial staff and contributions are checked for quality and relevance to our readers. The opinions they express are their own.