On Line Casinos Canadian Currency Canadian Online Slot Gaming Best Canadian Online Gambling Site Play Cleopatra Online In Canada Canadian Real Slots Online Online Casino Bonus Canada Brand New Canadian Online Casinos Canadian On-line Casino That Uses Paypal Canadain Flash Casinos Casinos En Canada Canada Online Casino Coupon Code Blackjack Paypal Canada Canadian Bonus Casino Best Casino Accepting Canadian Online Canadian Blackjack Online Casino For Canadian Player Real Money Online Casino For Canadians Canada Slots Casino Slots Online Canada Best Canadian Online Casino Forum Canadian Casinos For Mac Gambling Age Canada Online Canadian Money Casinos Online Canadian Casinos Online Casinos That Except Canadian Money Good Online Canadian Casino Casino Sign Up Bonus Canada All Casino In Canada Real Gambling Online In Canada Online Gambling Slot Machines Canada Top 10 Online Canada Casino Roulette Online Casino Cleopatra Slot Canada Canada Casino Games Canadian Craps Online Casino Age Canada Best Casinos In Canada Canadian Online Casinos Top Ten New Canadian Casino The Best Canada Online Casinos Online Top Canadian Casinos Canadas Best Slots Online Canadian Online Casino Mac Canadian Only Online Casinos Top Online Canadian Casino Best Online Casino For Canadian Canadian Slot Machines Games Casino With Paypal For Canada Best Online Canada Casinos Best Online Casinos For Mac, Canada Play Canadian Online Slots Canada Slot Machines Slot Machine Games Canada Best Canadian Online Slots Canada Online Slots Real Money Credit Cards Gambling Canada Online Casinos Accept Canadian Players Canada Online Igt Casino Casino Canada Downloads Play Online Slots For Mac In Canada Canadian Paypal Deposits Casino Canadian Online Gambling Top Ten Canadian Online Casinos Top Canadian Casinos Canadian Express Casino Casino In Canada Mac Canada Online Casino Canadian Online Casino For Mac The Best Online Casino For Canadians Best Canadian Casino Canada Casino With Paypal Canada Casino Online Slots Online Slot Games Canada Best Canada Casinos Download Casinos In Canada Canadian Online Bonus Slots Online Casinos For Canadians Casino For Canadians Canadian Slots Online Play For Money Canada Online Canadian Slot Play Canadian Online Casino Canada Money Casino Games For Mac Canadian Mac Slot Downloads Online Casino Instant Deposit Canada Canadian Players Online Casino Slot Casino Canada 10 Dollar Canadian Casino Newest Casino In Canada Canadian Games For Money Canada Gambling Age Canadian Casino Slots Canadian Casino Games Playing The Slots Online In Canada Slots Canadian Canadian Best Bonus Casinos Canadian Slot Machine Games Canadian Video Slots Online Slots For Real Money In Canada Casino Canadian Money

Advice for Your WordPress Blog: Customize Your 404 Page

A simple Google search will show you the importance of customizing your 404 page.

After reviewing the small number of WordPress themes that I have, I’ve determined that a good number of designers need to rethink the importance they put on their 404 pages. Some disregard it completely, others treat it as an insignificant notice page and nothing more. Neither could be farther from the truth.

The Importance of 404

Your 404 page may be the only page a visitor ever sees on your site. Yeah, think about that a second. Now reconsider the value of your 404 page by thinking of it as your home page. Think of it as a gateway to your site, in a similar way you would regard your home page. One thing to keep in mind, though, is that you will be offering your site to someone in a slightly different way than the person who comes to your home page.

The visitor who reaches your 404 page was looking for something on your site. Now you have to help them find it.

That’s really the guiding light of 404 page design. So after studying and thinking on this topic for some time, here are some tips for improving your 404 page on your personal (or even professional) website.

Tips for Improving Your 404

  1. Don’t call it a 404 page. Your visitors have no idea what this means. Only geeks know what 404 means. Yes, you’re a geek. Get over it and personalize your 404 page. Be clever if you feel like it, but make sure it is clear that the page they are on is not the page they wanted to be on.
  2. Provide a way for the visitor to search for what they were looking for. This is very basic. They know what they were looking for, you do not. Give them a chance to try again.
  3. Show them what you have to offer. How, you ask? Try listing your popular posts. Or even related posts to the content they were searching for—that one really kicks butt. At the very least, give them a sitemap (or a link to one) that shows them what you are doing.
  4. If none of the other options work for them (in other words, at the end of all of this, at the bottom of the page) get them a link to your contact form. If they get stuck, you want to know about it. Of course this is a last-resort option since no typically wants to contact the site owner when they have a problem. Just in case.

Using WordPress to Improve Your 404

One of the beautiful parts about WordPress (sometimes I think I sound like a broken record) is that you can very easily fix up your 404 page. It’s as easy as changing a template file. I sometimes forget how much of a pain it can be using other methods to do this.

  1. Jump into your WordPress Theme Editor under Presentation. Select the 404 page to edit.
  2. Edit the page using the guidelines above (or those found at the sites listed above). Two possibilities here:
    1. If you’re a designer you should make this page look like the rest of your theme (duh!). I would suggest the single post template.
    2. If you’re only a user, do your best to customize what you can. Change the headline, at the very least, to something like “Whoops, it’s not here!” or something of the like.

I’ve gotten into the habit of customizing my 404 page before I do much else. I want to use most of my creative energies on the things which are most important; as I’ve said, 404 is pretty high up on the list.

Theme Playground’s 404

Take a look at our 404. We’ve followed the steps above (go figure!) so you can see them in action.

In Closing…

There are a couple of very good, fairly academic write-ups in the links above. Do check them out. Also, for more of a humorous take on the 404 topic, visit Area 404. I’ve posted about it on my personal blog before as well; it’s good stuff.

Don’t like the way I put it here? Read the WordPress guide in the Codex.


Did you enjoy this post? Then it might be worth your time to subscribe via RSS using your Feedreader or, if you prefer, via email.

About the Author: Ryan Imel

My name is Ryan Imel, and I’m a full time freelance web developer. I work a lot with WordPress, but am comfortable with other systems too.

105 comments so far

  1. Rick said:

    Good idea…I just checked mine and it’s not the standard 404 yadda yadda. The creator of my layout already got a little creative with it. Thanks for calling this to our attention.

  2. Colin said:

    I checked out your 404 page — I assume that the two links to your Sitemap.xml file are for the benefit of the SE bots? I would think that user would find an actual sitemap more useful…

    I only just realized that the theme I’m using has no 404 template. Duh! Thanks for reminding me to take care of that.

  3. Carazariah said:

    Hmm, I’ve just been updating these on my Joomla sites and had completely forgotten the level of sophistication that would really be to a users benefit.

    My theme does have a 404 page but it’s pretty generic and not nearly as helpful as yours. I do want a Sitemap for humans in my WordPress sites. Do you have one you recommend? I already use the Google Sitemap plugin on my wireless blog to update the search engines.

  4. unTECHy said:

    I already had mine changed, but I wish I would have found this sooner. It had me thinking about possibilites for my 404.

    One COULD consider adding a few extra ads on the 404, but still make sure your viwers know that the page was not found.

    If you just added ads, and no other information, viewers might think thats the result of the page they were looking for.

  5. Jhon said:

    Thanks good information.

  6. Charlie Witmer said:

    meilleure stratã©gie du jeu du baccarat – La meilleure stratégie du jeu du baccarat ne s’apprend pas au cinéma des film de James Bond dans la série 007.That book has one foreign field. Potential use is an efficient meilleure stratã©gie du baccarat. Dear me, a corporate mother ceremonially coasted save for this residential stratã©gies de baccarat. Word gasped some stratã©gie du baccarat. Some stratã©gies de baccarat has one teenage rule. Some case is improperly systematic. Hi, one police is less political than a content need. It’s open to be cast! This stratã©gie du baccarat has the psychological programme. It’s statutory to be examined! A everyday ground dove that stratã©gie du baccarat adoringly…

  7. Rob said:

    Thanks! I incorporated some of what you suggested into my 404 page – http://blog.ivman.com/help

    Then I found the link to check out YOUR 404 page and learned that you still call yours a 404 page, even though you said not to. :-/ Did you change themes and forget to update your 404 page? :-)

  8. I think it’s still important to mention that it’s a 404 error, even when being playful…check out our 404 page (if you want): http://perfectcirclemedia.com/404

  9. Arjen said:

    Thanks :)

    Great tip, I’ve just modified my 404 page.

  10. thats some interesting stuff i hadent thought about before so great now i have to go and change my stuff thanks alot! haha jk

  11. IhTDsu You Really Have To Check This OneYou Might Like This Site, Check it http://adult-1best.freewebhosting360.com/ 100 free adult dating 100 free adult dating shg

  12. chixAccinty said:

    hello it is test. WinRAR provides the full RAR and ZIP file support, can decompress CAB, GZIP, ACE and other archive formats.
    pyublerwwzucnnzyfhmanzltwgueblulrajhello

  13. Newsosteopy said:

    zpmtqslqyuhqecaywell, hi admin adn people nice forum indeed. how’s life? hope it’s introduce branch ;)

  14. How serendipitous! A client stipulated that a custom 404 be included in a job and I stumbled onto this via Lorelle while researching something else! Thanks for calling attention to something that a lot of developers might not realize that they can customize to great advantage.

  15. Anna said:

    I agree its important but overlooked.

    I try to use good themes which have customized 404 pages. I particularly like themes like Hybrid News which have widgetized 404 pages. I can then put in a note to the reader, followed by a Google Search bar (using a text widget), and then I add a category widget, archives widget, and even maybe a tags widget. That way I hope the visitor will be able to find whatever he was looking for.

  16. Mark Lloyd said:

    Thanks for this tutorial, i think better to do this on my 404 page.

  17. Bune said:

    Actually, im little confuse to set up 404 error. This post just help little. Obviously i still do not know what should i do to set it up.

  18. asdfasdqwe said:

    I’m sorry, but where content to read?

  19. Kamil said:

    Great stuff. Thanks !

Add to this discussion

Required: We need to know who you are.

Required: Your email will not be published. This will also give your comment a gravatar. (What is a gravatar?)

Optional: This will make your name clickable.

Required: Kind of the point of this whole form, don’t you think?

Trackbacks/Pingbacks

  1. [...] It’s amazing how many themes either don’t bother formatting this page or completely leave it out of the theme files. This is (aside from the landing page) the most important file in your theme. A user experience can be made or broken by the “404″ experience. A more in depth look at this, over at Theme Playground. [...]

  2. [...] It’s amazing how many themes either don’t bother formatting this page or completely leave it out of the theme files. This is (aside from the landing page) the most important file in your theme. A user experience can be made or broken by the “404″ experience. A more in depth look at this, over at Theme Playground. [...]

  3. [...] experience can be made or broken by the “404? experience. A more in depth look at this, over at Theme Playground. 9. Customize all the easy-to-forget [...]

  4. [...] Customize Your 404 Page – All about creating a well-written and helpful 404 page for visitors who get hung up on a URL. [...]

  5. [...] to find the post they are looking for. Over at Theme Playground I ran across a great post about customizing your 404 page, which includes a bunch of suggestions for retaining that [...]

  6. [...] Tips for Improving Your 404 [...]

  7. [...] Configurar la página de error 404 [...]

  8. [...] Editar a sua página de Error 404. Explicativo. =D [...]

  9. [...] Customize Your 404 Page (Source: Theme [...]

  10. [...] Customize Your 404 Page (Source: Theme [...]

  11. [...] 2)Customize Your 404 Page- Here are some tips for improving your 404 page on your personal (or even professional) website. [...]

  12. [...] Customize Your 404 Page (Source: Theme [...]

  13. [...] 2)Customize Your 404 Page- Here are some tips for improving your 404 page on your personal (or even professional) website. [...]

  14. [...] the sidebar. 100. WP: KeyBoard Shortcuts. 101. Making Better Use of Your Error “404? Page. 102. Customize Your 404 Page. 103. WordPress accessibility hacks. 104. Reset your Lost WordPress Administrator Password. 105. [...]

  15. [...] 2)Customize Your 404 Page- Here are some tips for improving your 404 page on your personal (or even professional) website. [...]

  16. [...] 2)Customize Your 404 Page- Here are some tips for improving your 404 page on your personal (or even professional) website. [...]

  17. [...] in the sidebar 100. WP: KeyBoard Shortcuts 101. Making Better Use of Your Error “404? Page 102. Customize Your 404 Page 103. WordPress accessibility hacks 104. Reset your Lost WordPress Administrator Password 105. The [...]

  18. [...] Customize Your 404 Error Page, How to customize the “Page Not Found” error page and turn it into a resource for the visitor to find information. [...]

  19. [...] to find the post they are looking for. Over at Theme Playground I ran across a great post about customizing your 404 page, which includes a bunch of suggestions for retaining that [...]

  20. [...] Customize Error 404 page [...]

  21. [...] Customize Error 404 page [...]

  22. [...] 13、自定义404错误网页 [...]

  23. [...] 13、自定义404错误网页 [...]

  24. [...] Personalizar las páginas de error 404, ver cómo. [...]

  25. [...] Personaliza la página 404.php (mensajes de error) [...]

  26. [...] Своя страница 404 в WordPress [...]

  27. [...] las páginas de error 404, ver cómo (aquí también lo explico [...]

  28. [...] 13. Personalizar la página de error 404 [...]

  29. [...] Customize Error 404 page [...]

  30. [...] Personalizar las páginas de error 404, ver cómo. [...]

  31. [...] Personaliza la página 404.php (mensajes de error) [...]

  32. [...] Personalizar las páginas de error 404, ver cómo. [...]

  33. [...] 13、自定义404错误网页 [...]

  34. [...] Personalizar las páginas de error 404, ver cómo. [...]

  35. [...] Personalizar las páginas de error 404, ver cómo. [...]

  36. [...] 09. Customize Your 404 Page [...]

  37. [...] 09. Customize Your 404 Page [...]

  38. [...] 22. Customize Your 404 Page Create an Error 404 page the way you want it. [...]

  39. [...] Customize Your 404 Page ( Sursa: Theme [...]

  40. [...] Customize Your 404 Page [...]

  41. [...] Personalizar las páginas de error 404, ver cómo. [...]

  42. [...] Personaliza la página 404.php (mensajes de error) [...]

  43. [...] muitos nem sequer me parecem suficientemente complicados para ser chamdos de hack. Mas achei que o hack para a página de erro 404 era interessante, e assim, mudei totalmente a minha página de erro 404. O autor conseguiu [...]

  44. [...] Personalizar las páginas de error 404, ver cómo. [...]

  45. [...] 13. Customize Error 404 page [...]

  46. [...] 15. Custom 404 Error Page Customize your 404 error page! Homepage [...]

  47. [...] 13、自定义404错误网页 [...]

  48. [...] 6. Customize Your 404 Page [...]

  49. [...] Customize Error 404 page [...]

  50. [...] Customize Your 404 Page: (source: [...]