What I DoI make you look good.
What my clients say

Randa is a WordPress wizard.. If you want it done, Randa can probably do it in WordPress and do it well. We couldn’t be more pleased with the result. ~Charles Dykes

How to dress up your 404 page

error.jpg

What do visitors see when they click on a link to your site and the page they were looking for is missing, or the URL has changed? The 404 page is easy to customize, but it’s something that is often overlooked in the quest to make a site “stickier”. You have about half a second to engage the visitor who has ended up at your 404 page. How are you going to do it? I think a little humor goes a long way, and certainly an apology for the inconvenience. Douglas Karr has a nice solution using the Related Posts plugin that pulls the words in the URL that was entered in error, and brings back related entries on your site that might be of interest. Even if you don’t use that solution, it’s a good idea to point the person towards some other content on your site. Since I have the most popular posts near the top of my sidebar, I point them to those and the categories in hopes they’ll not hit the Back button.

Some good reads on 404 page customization:

Site Point has an in-depth article on error handling that is very thorough, as does the Venture Skills Blog.

Smashing Magazine just posted an article that contains some good examples, including the hilarious one at Kottke.

One of the best 404 pages I’ve seen recently is at Theme Playground. They provide lots of options, in particular the search box right at the top is a great idea.

Do you have a good way of handling 404 pages? Share it with us in the comment box.


14 responses to “How to dress up your 404 page”

  1. David Airey :: Graphic Designer

    Hi Randa,

    I had a custom 404 page before my new site design a few days back. Now however, and even though my 404 page is located in my new theme files, it isn’t picked up and people get a standard ‘Not found’ message instead.

    Not sure how to get this sorted, but I can appreciate its importance. Any help you (or your readers) can offer is very much appreciated!

  2. Douglas Karr

    Thanks for the mention! I do want to continue ‘tweaking’ mine… just haven’t had the time. Looking forward to any feedback any of your readers have. Thanks!

  3. Will

    My 404 page allows the reader to search or browse through the archives and most popular posts.

    http://iamww.com/404

  4. Charity

    Showing top posts – what a great idea! Can’t believe that never occurred to me before. Here I was thinking I was clever for including links to my sitemap, contact form and a secondary search form… :) Great tip Randa.

  5. Lavender

    Gee, you learn something everyday – I had no idea this was even an option! Thanks for sharing the info, Cheers!

  6. Angela

    I thought the Google 404 was pretty darn funny actually ~

    They usually come up with some pretty interesting ways to handle stuff like that.

    Maybe the KISS rule made it’s way through on that one LOL

  7. BC

    This is a great article.

    I took your advice and redesigned my 404 page from the default “page not found” message. I used a combination of humour, apology and options to go elsewhere, that will hopefully get the visitors to stick with my site for another few clicks at least.

    http://www.the-fork-of-ambiguity.com/blah

  8. Ryan Imel

    Thanks for the mention on the 404 page. I’m glad you like it!

    404 pages are often underestimated, so the more headway we can make in showing they are important, the better. Hopefully it gets people thinking about other areas of usability…

  9. Xsoft

    Nice,
    my 404 looks like this http://ddrportal.pocitac.com/invoke_404 (I like that anime 404 character).

  10. Deron Sizemore

    The popular posts one is great! I’m on my way to do it now.

  11. wentworth

    Great post, I find that 404 pages often get overlooked. Personally, whenever I take a page down I try to remember to redirect it to the most relevant page to help visitors from old links, helps with the search engines too. But for any broken links and users that may enter an incorrect URL I really like the related posts feature.

  12. Rob O.

    I’ve been wondering if my 404 page is too spartan. It does offer a Google search function for the site along with links to the sitemap and our contact page. Maybe it needs more?

    http://www.2dolphins.com/notfound.html

  13. Randa

    I think yours is great Rob. Not too spartan at all.

  14. Design Patterns «