<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bits &#38; Bytes 2.0 &#187; branding</title>
	<atom:link href="http://www.bits-bytes-2.com/category/branding/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bits-bytes-2.com</link>
	<description>Tech advice for entrepreneurs, small business owners, and marketing professionals</description>
	<lastBuildDate>Tue, 14 Sep 2010 15:00:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Custom 404 errors are a branding opportunity</title>
		<link>http://www.bits-bytes-2.com/custom-404-errors-branding-opportunity</link>
		<comments>http://www.bits-bytes-2.com/custom-404-errors-branding-opportunity#comments</comments>
		<pubDate>Thu, 12 Feb 2009 17:00:26 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://www.bits-bytes-2.com/?p=466</guid>
		<description><![CDATA[Let&#8217;s acknowledge the obvious right away: nobody should ever see a 404 Not Found error message on your Website. It means that something is broken! With that said, accidents happen. Sometimes content gets moved around, a software update or Web host migration changes links, or someone just goofs up when typing a link&#8217;s URL. When [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s acknowledge the obvious right away: nobody should <em>ever</em> see a <a href="http://en.wikipedia.org/wiki/404_error">404 Not Found</a> error message on your Website. It means that something is broken!</p>
<p>With that said, <strong>accidents happen</strong>. Sometimes content gets moved around, a software update or Web host migration changes links, or someone just goofs up when typing a link&#8217;s URL. When one of these mistakes occur, it&#8217;s good to have a customized 404 error message for two reasons:</p>
<ol>
<li><strong>The default is not very helpful.</strong> Somebody is actively looking for information on your site, which is a Good Thing. Help them find it with navigation links and/or a search field.</li>
<li><strong>This is a branding opportunity.</strong> How do you want your company to be perceived? The default option is cold and unhelpful. It&#8217;s a small thing, but small moments at the margins are what truly define our brand in the long run.</li>
</ol>
<p><a title="Smashing's roundup of 404 Not Found messages" href="http://www.smashingmagazine.com/2009/01/29/404-error-pages-one-more-time/">Smashing Magazine has a great list</a> of companies that have effectively capitalized on this branding opportunity with something interesting, beautiful, or clever. Some of my favorites include:</p>
<ul>
<li><a href="http://fryewiles.com/templateserrors/404.html">The Frye/Wiles Creative Agency</a> demonstrates whimsy and creativity</li>
<li><a href="http://www.inspirationbit.com/404">InspirationBit</a> lists popular and recommended articles</li>
<li><a href="http://www.gog.com/en/error/404">Gog.com</a> has a 404 that&#8217;s clever and fun</li>
</ul>
<p>For some reason, fat Homer in the mumu seems to be popular too:</p>
<ul>
<li><a href="http://henrikhedegaard.com/404/404.html">Henrik Hedegaard</a> (fat Homer #1)</li>
<li><a href="http://www.artthugstudios.com/error404.html">ARTTHUG Studios</a> (fat Homer #2)</li>
</ul>
<p>Customizing a 404 page is done by updating one of the files on your Web server, which your hosting provider can help you with if you&#8217;re not sure how to do it yourself. A very basic 404 error customization can take less than 10 minutes, which I know because <a title="Chris's custom 404 is, of course, nerdy" href="http://www.bits-bytes-2.com/404-not-found">I made one of my own</a> right before publishing this article.<sup><a href="http://www.bits-bytes-2.com/custom-404-errors-branding-opportunity#footnote_0_466" id="identifier_0_466" class="footnote-link footnote-identifier-link" title="Yes, I am hilariously inept with Photoshop.">1</a></sup> <img src='http://www.bits-bytes-2.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
<p>For more guidance on custom 404s, see MakeUseOf.com on <a href="http://www.makeuseof.com/tag/build-a-great-website-404-page-20-examples/">how to build a great 404 page</a>. And then, once you&#8217;ve built yours, you can hope that nobody ever sees it!</p>
<p align="left"><a class="tt" href="http://twitter.com/home/?status=Custom+404+errors+are+a+branding+opportunity+http://bit.ly/fDFr8" title="Post to Twitter (http://bit.ly/fDFr8)"><img class="nothumb" src="http://www.bits-bytes-2.com/wp-content/plugins/tweet-this/icons/tt-twitter-micro3.png" alt="Post to Twitter" style="margin:0;" /></a></p><ol class="footnotes"><li id="footnote_0_466" class="footnote">Yes, I am hilariously inept with Photoshop.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://www.bits-bytes-2.com/custom-404-errors-branding-opportunity/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

