Making a better 404 page

I just ran into a 404 page on a website, and realized that it should be a standard practice to customize your websites 404 page to make it more useful to users. The standard 404 error page is ugly and does not provide any benefits to the user.  The traditional goal is to just let the user know that the page / resource could not be found and it usually looks something like this:

But why use the default 404 page? It might be a small detail in the grand scheme of things but think of how effective a screen like the following would be:

This example accomplishes the following things:

  • It accomplishes the main goal and lets the user know that the page was not found.
  • You can provide a list of popular or top links to the user that can help them find what they were looking for.
  • A search option is available for the user which will give them the opportunity to seek out the page they were trying to find.
  • You can introduce some humor or use this as a way to give a more human feel to your website.  It doesn’t have to be a stuffy message.
  • You don’t have to put up a big error notice, or show the details of the error.  The user doesn’t need that.
  • It still send the ‘404’ response to the browser so a search engine like Google can know that it could not be found.
  • You should also have this page log the URL they were trying to access.  This will allow you to possibly set up a 301 permanent redirect to the page.


I have not implemented this on any of my sites yet, but I think in the coming weeks we will make this a standard practice.

Post Rating

Rating: Article Rating

Post Comment

comments powered by Disqus

Keep up to date with the latest happenings by signing up for my newsletter. This will be monthly at most, so go ahead and learn something today!

My Ventures

view all »
  • Web Ascender

    Web Ascender

    Web/Mobile design & development.
    Learn More »

  • Post Kudos

    Post Kudos

    Mobile App for client testimonials and customer reviews.
    Learn More »

  • File Ascender

    File Ascender

    Easily upload and share files from anywhere.
    Learn More »

  • DNN Spot

    DNN Spot

    High quality, easy to use, accessible and search engine friendly modules.
    Learn More »

My Books

view all »

Executive Guide to Web Design

This book is designed for business executives who want to learn about critical factors that affect your businesses website and online marketing. After reading this guide you will be comfortable working with your web design firm, marketing department and steering the direction of your company's online success.
Learn More »

What Internet Startups Need to Know

Are you interested in making the next big thing? Do you have a great idea, know your industry, and have a good way to get your product into the hands of others? This short e-book will go through the primary things to consider when evaluating and executing on your web or mobile application startup.
Learn More »

I Speak!

I do presentations to small local groups as well as Fortune 500 companies.  I have been requested to speak about:

  • Entrepreneurship experience
  • Running a small business
  • Using Social Media to improve your business
  • Personal branding
  • Internet Marketing
  • Web design and internet trends
  • Numerous programming topics

Contact Ryan Doom »