If a user enters a URL incorrectly, clicks on a broken link or tries to access a deleted page, an error 404 page appears. You get annoyed. And then try it again….
Although the design of a classic 404 page generally depends on your internet provider, most of them have two things in common: they offer no helpful information whatsoever and they look terrible. This sends users away in droves. They’re gone, and they’re not coming back.
Make sure that the user stays on your site
An individual, visually appealing 404 page may be enough to ensure the user stays on your site. For example, a well-defined error 404 page includes a brief apology for the dead end, a link to the homepage and perhaps links to other pages that are regularly accessed on the site. There should also always be a link to the webmaster, which enables the site visitor to report the problem. Some webmasters take great care in the design, conception and wording of their site’s 404 page, because they know that a well-designed page can ease irritation and even give the visitor a dose of good vibes.
Things to pay attention to
First of all, the page’s function has to stay the same, i.e. to generate a 404 status code for users and search engine spiders. It is not supposed to be indexed by search machines! Secondly, as the 404 page can be a standard HTML page, you’ve got all the design options you could possibly need. Take advantage of these options! But bear in mind that the page is there to bring your visitors back to the ‘right’ web page.
Here are a few tips:
- Make it clear to the visitor straight away that the page they wish to access has not been found. Saying this in a friendly and even humorous way helps them to overcome their initial disappointment.
- Coordinate the 404 page with the rest of your website.
- Useful links help the visitor to return to key pages with just one click. Do this by controlling navigation for the rest of your website. Alternatively, add links to the start page, sitemap, overview page or most important (and most read) pages.
- Give users the chance to report a broken link. Very few will actually do so, but there are always a handful of friendly souls who will happily draw your attention to a problem.
- If you haven’t set out to win the booby prize for the best 404 page, it’s unlikely you’ll be interested in the fact that search machines index your site. Make sure that your web server actually sends out a 404 HTTP status code if a non-existent page is accessed.
A couple of amusing examples
If you need a little inspiration for your 404 page, we have found a few good examples for you.
- Whatever you were looking for, it definitely wasn’t a hamburger! www.workdiary.de/404
- If you enter an incorrect URL in Mozilla, you’ll end up playing poker in the cellar with the fiery fox and friends: https://www.mozilla.org/en-US/404
- Dilbert knows why a 404 page appears: “Your internet is full.” http://dilbert.com/404
- It’s worth taking a look at artist Steve Lambert’s site, especially his 404 page: http://visitsteve.com/404.html
- From the series Lost: http://www.bluedaniel.com/fdhhsdfsdfds
- Occurred a 404 error has. With the right search, the right page you shall find. http://www.adhamdannaway.com/404
- Oops: The page is upside down. But it only takes a click to get back to the homepage. http://www.icontact.com/404
- Is a specific page missing? Yes, and much more besides: a pilot, 18 minutes of Watergate tapes, and Waldo himself. www.npr.org/404
And you? Do you know cool, funny 404 pages?