Inbound Internet Marketing Blog

SEO, Blogging, Social Media, Landing Pages, Lead Generation and Analytics

SUBSCRIBE

The HubSpot Inbound Internet Marketing blog covers all of inbound marketing - SEO, blogging, social media, lead generation, email marketing, lead nurturing & management, and analytics. Join 57,702 others and subscribe now!

Subscribe to RSS feed Add us on Facebook! Follow us on Twitter

Get Free Marketing Info!

Get the world's best marketing resources right to your inbox! Join more than 817,000 inbound marketers!

Subscribe by email

Your email:

HubSpot's Inbound Internet Marketing Blog

Current Articles | RSS Feed RSS Feed

3 Ways to Turn Your 404 Error Page Into a Marketing Asset

 

.

In an ideal world, you would never need a 404 error page. Links would never break, resources would stay in one place, and visitors would seamlessly navigate around your website by clicking on links. Every once in awhile however, visitors on your website will stumble upon the dreaded 404 error page:

404 Error Page

There are a number of different error codes that can be returned by a web server, but the 404 error is the most common one that your site's visitors will run into. It basically means that the page the visitor was trying to reach cannot be found. This could be because the page has moved to a new URL or simply been removed from the website. 

While you can take steps to correct these errors on your site when you find them, it is also important to make sure that you have a worthwhile 404 error page in place that helps your visitors find what they're actually looking for in the event that they encounter this error.

Making Marketing Focused 404 Pages

1. Search Box - One great feature is to have a search box that is featured prominently on the page. Your visitor was clearly looking for something, and while they may not have found it on their last click, a quick search should send them in the right direction.

2. Navigation - You also probably want to include a site navigation section, so that visitors can continue browsing your site immediately, without having to go back a page.

3. Fun - Some websites like to include quirky apologies in their 404 pages. These aren't totally essential from a usability stand point, but they can go a long way to calm a visitor who might otherwise be frustrated.

Marketing Focused 404 Page Examples

sudpende
1. Smashing Magazine - An apologetic graphic and easy navigation make this 404 page fun and useful.

cut
2. Cut and Taste - A great 404 page that quickly gets the visitor back to what they're looking for.

psyked
3. Psyked - A great 404 error page that explains what happened and offers some easy suggestions to encourage the visitor to keep clicking around the site.

While we as marketers hope that visitors never see error pages, the truth is that it does happen occasionally. It is important to put some thought into them and help your visitors find what they're looking for on your website.

What is the best 404 error page that you have ever seen?

Free Website Redesign Kit

website redesign webinar Learn how to redesign your website for marketing results

Download the free kit to learn how to turn your website into an internet marketing machine.

Posted by Hartley Brody on Tue, Feb 08, 2011 @ 12:00 PM

COMMENTS

This happens 1% of the time to me when I searh a site. I guess a cutsie little barney like monster ok, but it is just annoying when this happens. Marketers clear your 404's

posted on Tuesday, February 08, 2011 at 12:21 PM by Dan Tyre


Never thought of that, but it makes sense. Just in case it happens, you might as well treat it as another opportunity to connect with your market.

posted on Tuesday, February 08, 2011 at 12:29 PM by Jeff


This is good stuff. The reality is this is going to happen whether you're a large or small company.  
 
 
 
I worked for a large publishing company that had an abundance of web sites and web pages which made it difficult to keep up with the page error issue. This was several years ago, but our way to deal with it was to put our company's customer service phone number on the page. Not the best solution, but it was better than just the ugly 404 error page.  
 
 
 
Thanks for these more forward-thinking ideas.

posted on Tuesday, February 08, 2011 at 12:45 PM by Lisa Peter


My favorite is: http://www.homestarrunner.com/systemisdown.html 
I think in some instances a personalized 404 page is great. Maybe not for every business, but if a business finds a way to make the pages useful and generate more traffic, then that's a success. :)

posted on Tuesday, February 08, 2011 at 1:27 PM by Alison


I hate stumbling upon these pages, who doesn't? 
 
However, I think the first 'fun' 404 error page is by far the best solution. Everybody likes to put a bit of blame on something that goes wrong, plus, being able to email the person 'who is to blame' may be a great way for a company to further develop their customer relationships. Sending an email apologising for the fault may do wonders for a consumer relationship or it may well go ignored. In any case I think that as a solution is a great way to tackle the negative perceptions of the 404 error.

posted on Tuesday, February 08, 2011 at 1:35 PM by Ben Brewer


How do you control what 404 error page comes up?

posted on Tuesday, February 08, 2011 at 3:37 PM by Miranda Weingartner


Miranda, that's a great question. I didn't want to get too technical in the post, because it really depends on your site's setup.  
 
But generally, you can build an HTML page and name the file "404.html" or "404.php". Then upload it into the main folder that your website's files are hosted in, and that file will be served to a visitor whenever they encounter a 404 error. 
 
Here's a great step-by-step: 
http://www.webweaver.nu/html-tips/custom-404.shtml

posted on Tuesday, February 08, 2011 at 3:55 PM by Hartley Brody


Hartley, thanks so much! This is really COOL!

posted on Tuesday, February 08, 2011 at 3:59 PM by Miranda Weingartner


Having a quirky 404 error page like this may entertain. But, for those serious marketers who are monitoring their Google Webmaster Tools which is reporting the possiblity of a massive amount of 404 errors, then this just can't be good for your website's relationship with search engines. 
 
 
 
Website page management is a seriously overlooked subject and I find many website owners do not properly manage their pages or monitor what links might be pointing to a page in their website, only to find that the page was deleted - by the website author - and so this inbound link from A another site is going nowhere, even if the web author's site flags up a quirky 404 page. 
 
 
 
Somebody said earlier - just correct the errors so they don't appear in the first place.  
 
 
 
Its simply two rules makes sure you have no broken links inside your own website, and any links someone has gone to the bother of posting on some other site to point to yours - check that it actually gets someone into the right part of your website. 
 
 
 
The bottom line, make best use of Google Webmaster Tools, the answers are all there, its Google talking to you about your errors! 
 
 
 
Happy website page management.

posted on Tuesday, February 08, 2011 at 4:05 PM by Brian Mathers


Brian, I agree! No matter how great your error page is, it's still an error page - which is never a good sign. It's important to make sure that all of your site's resources are where they're supposed to be.  
 
A well-designed 404 page only acts as a sort of temporary insurance policy until you get a chance to fix the actual issue that's generating the 404.

posted on Tuesday, February 08, 2011 at 4:14 PM by Hartley Brody


Here are Google's suggestions for making your 404 page more useful http://googlewebmastercentral.blogspot.com/2008/08/make-your-404-pages-more-useful.html

posted on Wednesday, February 09, 2011 at 12:41 AM by Charlie Kalech


We implemented this last time you wrote about 404 errors. 
 
Didn't think of making them fun, but what a great idea.

posted on Wednesday, February 09, 2011 at 6:12 AM by Christina


I had actually came across a good post about this and also wrote one of my own which includes reference to this other one. 
 
 
 
http://www.adeogroup.co.uk/blog/2009/12/ecommerce-404-page-test/ 
 
 
 
Personally i think its good to have all bases covered, you should manage your 404s, but if someone does get a 404 its good to have a page that may help convert that visitor.

posted on Wednesday, February 09, 2011 at 6:22 AM by Gordon


Put a couponcode on the 404 for the inconvience, when owning a webshop. You'll probably get some never expected sales out of your 404 page. 
Or advertise with a free additional (small) product visitors get when they buy from your shop. Only limited to those who came across the 404.

posted on Wednesday, February 09, 2011 at 10:10 AM by Olivier


Well, it's not always marketers' faults that 404s come up. Marketers aren't usually developers. Also, anyone can mistype a URL and get a 404 - that's not a programmatic issue in those cases. 
 
Good 404s, like good 403s or 500s, should have "just in case" handholding pages. It's just good practice.

posted on Thursday, February 10, 2011 at 1:08 AM by Eric Weaver


I just spent the evening doing 301 redirects. This is a better option until I can get to them.

posted on Friday, February 11, 2011 at 12:08 AM by Rasta


I went from a stuffy "File not found" 404-page to something less serious this morning thanks to this post! Will this calm down a frustrated visitor? I hope so. Thanks for the great idea Hartley.

posted on Monday, February 14, 2011 at 10:16 AM by Brian Farrell


Great article, thanks for the suggestions.

posted on Monday, February 14, 2011 at 7:21 PM by Victoria Hansen


This is a very useful strategy. I have my 404 error page set up to always have those who visit still want to come in the future when they can browse through my site. If you need help with social media networks or websites made for your company go to my website and give us a call

posted on Tuesday, February 15, 2011 at 1:36 PM by Sterling McKinley


another good thing that lets you monitor 404 pages is to set up a negative goal in analytics. this works the same way a positive goals. However this lets you see how often a visitor reaches a 404 page, thus letting you update this.

posted on Wednesday, February 16, 2011 at 11:23 AM by Gordon


Comments have been closed for this article.