Enhance Your Wordpress Blog 404 Page

Posted by: dragonblogger  //  Category: blogging

One of the highest recommendations I have is to make sure when a user hits a dead page on your blog they have the ability to easily navigate around to a proper page, give them everything at their fingertips so that they can find another page rather than leave your blog and go off to read something else.

Google provides some useful code that you can plug into your 404.php page and add a search box directly on your 404 page, it also will sometimes offer best matches, but this functionality is iffy and sometimes works, when it does its nice, when it doesn’t it is still useful to have a search form right on your 404 page.

Here is basically what you have to do to enhance your 404.php page

1st you must have a Google WebMaster account (and it is recommended you get the <script> lines in red below from cut/pasting them from your webmaster tools section.
Once you have that code

Go into your Wordpress Admin
Click on “Editor”
Edit your blogs 404.php

Inside the DIV post section change the following:  (The red sections are the parts you add and customize)
(Note:  You must have a Google webmaster account and your blog registered with Google WebMaster tools to utilize the enhanced google 404 page code)

<div class=”post”>
<div class=”post-title”>
<div class=”post-date”></div>
<h2>404 – POST NOT FOUND</H2>
</div>
<div class=”post-entry”>
<p>Sorry the requested page cannot be found, please try going to the home page <a href=”http://www.YOURSITE.com”>YOUR SITE</a> or you can search for what you are looking for below.
<script type=”text/javascript”>
var GOOG_FIXURL_LANG = ‘en’;
var GOOG_FIXURL_SITE = ‘http://www.YOURSITE.com/’;
</script>
<script type=”text/javascript”
src=”http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js”></script>
<p> -Your Blog Account</p>
</div>

So this is what my custom 404 page looks like now after enhancing it:

custom4041

-Dragon Blogger

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • MisterWong

Related posts:

  1. Adding Google Analytics to your Wordpress Blog I have compiled a list of tips and helpful hints...
  2. Enhance Wordpress Post Editor Found a great plugin called WP Super Edit which allows...
  3. Improve Your Wordpress Page Load Performance Four Wordpress Plug-ins to help you improve your blog pageload...
  4. Embed Picasa Slideshow On Wordpress Blog I finally found a way to embed a Google Picasa...
  5. Adding A BlogNetAward Widget To Your Wordpress Blog My friends over at BlogNetAwards enjoyed my “How to vote”...

Related posts brought to you by Yet Another Related Posts Plugin.


Written by dragonblogger (880 Articles Published)

Working in the IT Industry for over 10 years and specializing in web based technologies. Dragon Blogger has unique insights and opinions to how the internet and web technology works. An Avid movie fan, video game fan and fan of trying anything and everything new.

Follow dragonblogger on Twitter @dragonblogger

If you enjoyed this post, Subscribe via Email:

Tags: , , , , , , , , , ,

Leave a Reply

CommentLuv Enabled

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes
Theme Provided By: Wordpress Theme - Car Loan Refinancing