Subscribe to our RSS feed RSS
April 9, 2009

What is a Good 404 Error Page?

Today’s Daily SEO Tip was contributed by Saptarshi Roy Chaudhury. Enjoy!

404 Errors are probably one of the most commonly found error pages in any website and the typical reaction is that your visitors would bounce off the page as soon as they see the 404 error message. Now why do we let them go and give them alternative options ?

A custom 404 page can be extremely useful and at times even lower the user’s disappointment by adding a little humor to it. Here are some of the characteristics that you should have in a good 404 error page.

  • It should clearly mention to the visitors that the page they are looking for is not available but the language should be friendly
  • Design your 404 page to have similar structure as your main website so your visitors do not feel that they have been thrown out of the website.
  • Make sure you have a proper active navigation on your 404 error page and links to all the important pages / sections of your site.
  • Having said the point above, I would again emphasize the need for having a link to the home page and Site map page. Site map page is probably the easiest bail out for a visitor stuck in a error.
  • If you have a site search function, make sure you put your search box on the 404 page. That is another easy way visitors can find the content that they are looking for in your site.
  • You can also add an option for users to report broken links.

Irrespective of whatever customization you do to the 404 page, it is important that your server still returns a 404 HTTP status code. At times, it is seen that due to improper implementation of custom error pages the server response changes ( typically generates a 200 OK response ).

This tip was contributed to Daily SEO Tip by Saptarshi Roy Chaudhury. If you are looking for the technical aspect on 404 Error pages, read..
8 Causes of 404 Error and Solutions
How to Create a Custom 404 Error Page

Feed for this Entry | Trackback Address
Daily SEO Tip on Facebook

41 comments already

  1. alifity (Alif Rachmawadi) on 12.31.1969 at 11:59 pm | permalink
  2. What is a Good 404 Error Page? http://is.gd/sOAe

    [Reply]

  3. BerylPowell (BerylPowell) on 12.31.1969 at 11:59 pm | permalink
  4. What is a Good 404 Error Page? - http://tinyurl.com/cfug88

    [Reply]

  5. iSunya (iSunya) on 12.31.1969 at 11:59 pm | permalink
  6. What is a Good 404 Error Page? http://tinyurl.com/cfug88

    [Reply]

  7. xceptn (?zg?r Y?ksel) on 12.31.1969 at 11:59 pm | permalink
  8. RT @aysunakarsu: What is a Good 404 Error Page? http://tinyurl.com/cfug88

    [Reply]

  9. aysunakarsu (Aysun Akarsu) on 12.31.1969 at 11:59 pm | permalink
  10. What is a Good 404 Error Page? http://tinyurl.com/cfug88

    [Reply]

  11. hamroun (hamroun) on 12.31.1969 at 11:59 pm | permalink
  12. What’s a good 404 page : http://tinyurl.com/cfug88

    [Reply]

  13. TechFugaUP (TechFugaUpcoming) on 12.31.1969 at 11:59 pm | permalink
  14. What is a Good 404 Error Page?: Sphinn / DailyseotipWhat is a Good 404 Error Page?? ??404 Errors.. http://tinyurl.com/cfug88

    [Reply]

  15. raavi (Mihalcea Razvan) on 12.31.1969 at 11:59 pm | permalink
  16. ? | “What is a Good 404 Error Page? | Daily SEO Tip” ( http://tinyurl.com/cfug88 )

    [Reply]

  17. pavlicko on 04.09.2009 at 1:36 pm | permalink
  18. Loren,

    These are great points. Most importantly, as you stated, is to make sure that page returns a 404 status code. A lot of url rewrite/redirect plugins for CMS sites do this very poorly, as they’ll redirect a missing page to the home page which will result in a 200 status code.

    This can trick the search engines into thinking missing or deleted pages are still active, creating duplicate content issues as well….

    A handy tool for checking HTTP status is Fiddler, or you can check it with FF web developer tool - hope a lot of people read your post.

    pavlicko’s last incredible blog post..Google Includes Local Search Results for Generic Searches - But Does It Work?

    [Reply]

  19. Mercy Livi on 04.09.2009 at 1:45 pm | permalink
  20. Good points. I have seen in some 404 pages home page link would be displayed and redirected to the home page via meta refresh method. Is it advisable?

    Mercy Livi’s last incredible blog post..More than One Classic Sitelink in Single SERP

    [Reply]

  21. Mikey Bee on 04.09.2009 at 2:03 pm | permalink
  22. And if all else fails, just make them laugh - http://www.wikimaniacs.com/best404error

    Mikey Bee’s last incredible blog post..Blog Launch

    [Reply]

    Loren Baker Reply:

    Laughter is the best medicine :)

    [Reply]

  23. Saptrashi on 04.09.2009 at 3:15 pm | permalink
  24. Thanks for publishing my article Loren :)
    Saptrashi’s last incredible blog post..How to Create Custom 404 Error Page

    [Reply]

    Loren Baker Reply:

    Anytime Saptrashi, and I’d love to bring you on to Search Engine Journal when you have the time

    [Reply]

    Saptrashi Reply:

    Thanks Loren ! I would love to write for SEJ. May be I will send one next month. Please let me know if you would like me to write on any specific topic.

    Saptrashi’s last incredible blog post..Change in Google Referral Strings - Another Attempt to Push Google Analytics ?

    [Reply]

  25. Duane Brown on 04.09.2009 at 4:42 pm | permalink
  26. These are all great points. I might add that you could try and use a plugin that suggests to people what they might have been looking for.

    Duane Brown’s last incredible blog post..Razorfish’s Digital Outlook Report 2009: Media Spend, Trends to Watch and Social Influence Marketing (SIM)

    [Reply]

    Loren Baker Reply:

    That’s a great idea, which Plugin do you recommend Duane?

    [Reply]

  27. Josh Millrod on 04.09.2009 at 5:44 pm | permalink
  28. Here’s how to anger visitors with your 404 page and guarantee they will never come back!

    Horrible!

    Josh Millrod’s last incredible blog post..Avoid Over Optimization Penalties in 3 Steps

    [Reply]

    Loren Baker Reply:

    Dude, that 404 page just put me in a seizure!

    [Reply]

    Josh Millrod Reply:

    Sorry should have posted a warning. Thanks for the tweets. Got a ton of visits to my 404 page!

    Josh Millrod’s last incredible blog post..Avoid Over Optimization Penalties in 3 Steps

    [Reply]

    Loren Baker Reply:

    Yeah man, your 404 Error page went HOT on twitter, not many of us can say that with a happy face :)

  29. Barry Welford on 04.09.2009 at 6:15 pm | permalink
  30. All of the above is clearly what you need to do. Great topic and post.

    In addition you can give links to your most visited web pages, since if they work for others they could be the one being searched for.

    Barry Welford’s last incredible blog post..Getting Links With Twitter Hashtags

    [Reply]

  31. dpcwollmann on 04.09.2009 at 7:36 pm | permalink
  32. I did some time in the IT monitoring department at a Fortune 5 company. I can’t tell you how much time we wasted explaining to co-workers that monitoring missed the fact that pages we were monitoring had gone missing because the server was returning 200 OK with a nice “your page is missing” page.

    [Reply]

  33. Arnie | Vertical Measures on 04.09.2009 at 8:41 pm | permalink
  34. Mikey Bee beat me to it, you have to check out
    http://wikimaniacs.com/wp-content/themes/silverlight/404.php

    Coolest 404 page, stay on the page for a little while…. ;)
    Arnie | Vertical Measures’s last incredible blog post..SEO vs. Pay Per Click Advertising

    [Reply]

    Mikey Bee Reply:

    It had me in stitches when I saw it the other day. Hehehe

    Mikey Bee’s last incredible blog post..Blog Launch

    [Reply]

  35. PageTracer on 04.09.2009 at 8:47 pm | permalink
  36. 404 errors are very important for humans and bots, and you have to make sure that you satisfy both.

    Small contribution, my post about 404 errors and PHP scripts.

    [Reply]

  37. David Leonhardt on 04.10.2009 at 3:59 am | permalink
  38. I like 404 error pages that say clearly 404 Error, Page Not Found…then provide what is otherwise pretty much the home page of the website, since that is typically where you want people to start anyway.

    David Leonhardt’s last incredible blog post..Ethical SEO or SEO Spam

    [Reply]

  39. madaerodog on 04.11.2009 at 4:12 pm | permalink
  40. Thanks for the tips, I made a 404 page for my site using them at http://harkopen.com/404 .
    Hope it will be useful to people lost around there.

    [Reply]

  41. usability consultant on 04.13.2009 at 12:31 am | permalink
  42. A well-crafted 404 page is a website usability attribute. A good example of a usable 404 page is found on page 10 of this informal Website Usability Review. Comments welcome.

    usability consultant’s last incredible blog post..twitter, facebook, myspace users & traffic

    [Reply]

  43. Seoworkgroup on 04.13.2009 at 7:22 am | permalink
  44. Quiet interesting article. I really enjoyed reading this. Thanks for sharing the information.

    [Reply]

  45. Pete Young on 04.13.2009 at 12:38 pm | permalink
  46. Good post, think your last point from an SEO perspective is more important than any - notably the 404 response code rather than a 200. Similar to some of the others on here, the number of times, we have audited large organisations with previously “SEO’d” websites that have ‘404′ pages that return 200 server response codes.

    Surely defeats the whole purpose!!!

    Pete Young’s last incredible blog post..Can we expect to see a change in search engine market share

    [Reply]

  47. Jeff D Wyatt on 04.13.2009 at 5:48 pm | permalink
  48. When making a 404 page for a site that has a clear sales or lead generation goal, try putting a clear call to action on the 404 page as well.

    For example, if you have software you want visitors to download or a white paper they may be looking for, go ahead and put the direct link on the 404 page.

    If a visitor wasn’t exactly sure what they were looking for, give them a good suggestion!

    Jeff D Wyatt’s last incredible blog post..First Post

    [Reply]

  49. Discount Sunglasses on 04.15.2009 at 11:11 pm | permalink
  50. I especially liked the part where you should add an option to leave a comment for the broken link. something i’d like to see more often on 404 pages.

    -Michelle

    Discount Sunglasses’s last incredible blog post..Harley Sunglasses: The New Mens Favorite

    [Reply]

  51. Oliver on 04.17.2009 at 12:39 pm | permalink
  52. Good post and informative. I like the 404 pages that have been submitted. My favourite is the wikimaniacs one but Josh’s is good even though it hurts my eyes if i look at it for too long. I think a 404 page should still look nice and be informative to help the user find what they are looking for.

    [Reply]

  53. JoomlaSoftware on 07.05.2009 at 10:58 pm | permalink
  54. Ethical SEO service is not so easy this is very difficult and I thing for a white HAT techniques that need more time to get a good result and thank you for your article I hope more in future with some links

    [Reply]

  55. aion gold on 07.27.2009 at 6:41 am | permalink
  56. A lot a bookmaking services use a bookmarklet to easier save pages, and this is what you need to know:

    [Reply]

  57. pirovac on 08.25.2009 at 1:33 pm | permalink
  58. Nice post mate :) I have always added a custom 404 page for my client’s websites. It’s so easy and there are still so many people that have crappy default 404’s….

    [Reply]

  59. Chiropractic Care St Petersburg on 09.08.2009 at 10:46 am | permalink
  60. Good information about 404 error page. I think create custom pages for 404 error.

    [Reply]

  61. Louis Vuitton on 10.04.2009 at 7:02 am | permalink
  62. What is a Good 404 Error Page? http://is.gd/sOAe

    [Reply]

  63. Sandeep on 10.09.2009 at 6:21 am | permalink
  64. Very nice information about 404 page.

    [Reply]

  65. fashion Louis Vuitton handbags on 03.15.2010 at 6:11 pm | permalink
  66. the most popular system like CMS,Shopping cart sytem that have good 404 Error Page,and extremely useful and at times even lower the user’s disappointment

    [Reply]

Leave a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Bad Behavior has blocked 2415 access attempts in the last 7 days.