A Custom 404 Page : An Opportunity To Impress* Your Visitors

By Cenay Nailor | Wordpress

Jun 19

(* By impress, I mean engage, wow and help your visitors)

When something goes wrong on your site, your visitors will land on a 404 page, or to their way of thinking, the Twilight Zone.

Most standard WordPress blogs come handily equipped with a 404 Page. The problem is it is absolutely worthless for helping your visitor get back on track.

There could be a variety of reasons they landed there:

  • They typed the URL incorrectly (don’t tell them this, no one wants to know they made a mistake)
  • Google sent them to a link you used to have, but deleted during spring cleaning
  • One of your posts linked to another post that was related, but that you later renamed to improve your SEO

The reason doesn’t matter. A user-friendly website or blog will give the visitor a helping hand. Point them in the right direction. Reassure them it wasn’t their fault. And most of all, engage them.

Your 404 page is an opportunity to showcase your best work, or list your archives. It also let’s them know you care about them… that you want to help them find the content they are looking for.

Here are a few suggestions for your customized 404 page.

  • Don’t blame the visitor. Seriously, no one wants to hear they made a mistake, even if they did.
  • Provide a search box, sitemap or another way for them to find what they are looking for.
  • The 404 Page should have the same look and feel as your blog or site. Features they are accustomed to seeing should still be there.
  • If you have a very popular page or post that gets a lot of traffic, perhaps that is what they were trying for — so highlight it or provide a direct link.
  • Have a product? A mini sales page here (after you provide options for them to get back on track) let’s you make use of normally *dead* web real estate.

You don’t have to know HTML to make custom changes to your 404 either. You can *borrow* the Add New Post feature to type up your message. Click on the HTML tab and copy the *code* there. Then open the 404.php file in the theme editor of your dashboard and paste over the *error message*. The template provided by WordPress (by default) is pretty minimalist. Just look for the two lines shown below. These are the two lines you replace with your fancy customized message.

404-sample-2

Want to see what my 404 page looks like?

I found a few other sites that used their 404 page as a way to express themselves. A couple of samples are below but feel to explore the world of 404 pages. Just type any URL (after the main domain name) that doesn’t exist. My favorite is to add *bite-me* after the domain name since I am pretty sure most sites will NOT have a page with this name. Color me warped.

Hootsuite.com has a missing fowl theme with a brief explanation of why the page was not found and a link back to the homepage.

Error Page 7

Mundofox.com
A 404 error page with a not-so-eloquent Homer.

Screenshot

Unfinity Design gives a short explanation that the page can’t be found and a number of links back to various parts of their site.

Error Page

DigiGuru has a very interesting 404 page, which transitions through a number of pictures, whilst giving links back to the main site, his email and phone number, AND information about a walk through the South Pole.

Error Page 3

Apartment Home Living offers a quite unusual 404 error page.

Screenshot

Related Information
Follow

About the Author

Cenay is a self-proclaimed geek with mad technical skills she loves sharing with Videos, Coaching and Articles. Need help? Click the Book 30 Minutes to find out if this is a good fit.

Leave a Comment:

(37) comments

[…] Here is the original post: A Custom 404 Page : An Opportunity To Impress* Your Visitors […]

Reply

That is a very VERY cool tip Cenay (I use the word “cool” because it makes me feel young and hip (as opposed to old with bad hips!).

I’ve investigated a few sites and have realized what a powerful technique this can be. You can not only make your site appear more friendly, you can also make your readers smile AND promote something at the same time.

I wonder if any of your readers can come up with OTHER ways of using this technique? Putting a video there might be worth considering.

Thanks Cenay. I’ve used this on my site already, and will add a promotional link soon.

Reply

@Luke Hawthorne – Thanks Luke… and dang it, I didn’t cover adding videos to that spot! What a great idea. Especially if you were to use it to *connect* to your visitors, take the blame, offer them a bribe and otherwise engage them.

Thanks for sharing Luke.

Reply

[…] post:  A Custom 404 Page : An Opportunity To Impress* Your Visitors … Share and […]

Reply
Lacy

Pretty nice post. I just came by your site and wanted to say
that I’ve really liked browsing your blog posts. Anyway
I’ll be subscribing to your feed and I hope you write again soon!

Reply

@vonnamia – Hey, I am happy you found value in this post. Been thinking about adding video (thanks Luke) to my 404 to see how well it does.

Just out here having fun.

Reply

Did anyone come up with a great 404 page idea they would like to share? I would really appreciate some additional samples. I am considering a part 2 to this post…

Reply

[…] A Custom 404 Page : An Opportunity To Impress* Your Visitors : Online Marketing Tips and Resources http://www.cenaynailor.com/blogging/wordpress-blogging/custom-404-page-opportunity-impress-visitors – view page – cached Most standard WordPress blogs come handily equipped with a 404 Page. The problem is it's absolutely worthless for helping your visitor get back on tra — From the page […]

Reply

[…] A Custom 404 Page : An Opportunity To Impress* Your Visitors […]

Reply

[…] A Custom 404 Page : An Opportunity To Impress* Your Visitors […]

Reply

Cenay,

I have tried to amend my 404 message by changing the text in the Appearance>Editor.404 file code. Unfortunately, my effort has not resulted in success. Although I am sure that nothing was changed except the text, the 404 message is now invalid. The file title in the right-hand list is now in bold red. I have copied the code and reproduce it here to see if you can pick up the simple error that I must have made.

As always, thanks for your help and good nature in assisting greenhorns like myself:

<?php _e('This is a 404 Error Report – You are probably here because
the page has moved or no longer exists; or perhaps you were looking for the rainbow's end for a pot of gold to expand your business. Here's a link to return to my Home Page‘, ‘kubrick’); ?>

Reply
Add Your Reply

Leave a Comment:

..also