- Notification that the user has reached a page that does not exist
- A search box
- A link to the site's site map
- A link to the home page
With that being said, 404 pages don't have to be your standard snoozetastic "You've reached a page that doesn't exist" format. Weird Asia News buddy Brent Csutoras sent me a link to Smashing Magazine's feature on creative, imaginative 404 pages. Many of these examples are great because they engage the user in a creative and innovative way. I don't know about you, but I'm less likely to be grumpy about getting a 404 if the page looks cool or makes me smile.
Some of my favorite 404s from the article:
- Radiohead At Ease's 404 is almost Neanderthalian, with a scrawled Post-it note looking message. The message links to the home page, and the page includes a search box.
- Luminous (and a few other sites) display a nifty 404 message in haiku form (Luminous's suggests bourbon as a resolution, and they include a search box and a link to their contact form).
- Jeremy Fuksa's 404 design is self-deprecating, which is a nice stray from the norm. It links back to the home page and to an email address for contact.
- Next Wave Performance offers an amusing, easy to follow flow chart to help poor, confused users.
- Expansion Broadcast Radio, meanwhile, just calls you a douche bag, but at least they provide you with a contact form and a search box.
- CSS Leak rewards 404-reaching users with two drink recipes. Huzzah!
Before anyone else does, allow me be the first one to point out that SEOmoz's 404 page seriously lacks in creativity.
We should really make an "oh-dear-god-something-is-broken" page...
At least there's a nav bar etc at the top. It's better than nothing :P
That is ironic. Perhaps you and Rebecca should have communicated prior to her article :)
Just saying it doesn't absolve you of guilt.
c'mon guys - sort it out!
I think a page with all the SEOmoz staff dressed as superheros battling the evil 404monster would be pretty cool. (can you tell it's friday?!)
y'all should do this blog format on your 404 page--Oat pointing out how the 404 page is getting massive thumbs down due to lameness, Rebecca suggesting [search] but complaining that most people don't know what that means, Jane replying with a need for quality linkbait that will still most likely get Digger buried, and then Rand asking, "How's the new tool coming guys?"
My favorite!
You know what.....I like this post it.
I have my graphics dept. working on this as we speak, and it's something I have not thought about up until now....
We have the crappy Microsoft IIS default message, and I am changing it ASAP.
Thanks Rebecca.....for the "quick fix" tip of the day!
How does one make a new 404 page that will come up in place of the standard MS IIS 404 page? Does this require some server coding, or can it be done with a new html page of some sort?
these are also good pages to post some useful links back to the depths of your archives. sometimes a user can find something they didn't know they were looking for
Yes, I do that too. On the 404 page for my blog I have some links to other things that might interest them on the site. I figure a lot will just leave if they don't find what they need. This way I can try to keep them around to see what else I have on there (the search results do need formatting help still!!).
One of my favs at HomeStarRunner.com.
I know this isn't their 404 page, but it's still relevant - https://homestarrunner.com/systemisdown.html
Ok.. maybe not totally relevant... but still funny :)
Here's a funny one, I don't know if it is that good from an SEO perspective:
https://forum.vbulletinsetup.com/blabla/
Easy on the huzzah's, Kelley.
Why, am I stealing your lingo?
Huzzah police! Woop Woop! I wonder if Lisa tracks 'Huzzah' usage across the interwebz.
PS. R.Kelley is a biter. I'm hilarious!
My favorite thing lisa ever said to me... sigh...
"Don't make me kick you in the face"
Haha, we're going to ruin Teh Liza's rankings, Becs.
Everything Reddit does is awesome.
Poor alien has his head squished in.
This technique could end-up driving traffic to your website...
People love sharing stuff that they find interesting (look at all the comments above of people pointing-out all the 404 pages they like)... if you can come-up with a really good 404 page, it could end-up having a viral marketing effect.
If you have a funny 404 page on your site - check your stats, see what people are typing-in to get to your 404 and if you can see a trend of people intentionally typing-in rubbish just to see the page, you probably can put a promo or an offer on there to further entice users to check-out the rest of your site...
Good point Sitemost, I acually know some of the people who made those 404s and they were totally going for the 404bait angle.
Please don't check our site to see if we go by this, but I think that one thing a 404 page should always do is....
AVOID USING THE PHRASE 404! Don't let your developers write your error pages! Most people don't know code, and it means nothing to them.
I was going to give the Apple one as an example of a good one, as it mixed images for people, with links for robots. Now the images are gone - boo!
This one's my favorite. I like a 404 page with a message:
https://www.realgoodssolar.com/solar/ecs/main/404.html
An old post, but a great idea none the less. It's not going to be the best idea for all sites of course, but I'm certainly considering implementing this on a couple of my more light-hearted offerings.
Wicked write up. I am always arguing with our tech team that our 404's are useless - I sent them the link to your post and am getting results - so thanks!!
I do recall at a previous job that placing special offers, email subscribers, popular links etc on the 404's had a good retention and conversion rate - the whole site migrated to php from asp, and the redirects were improperly placed, which meant that a well constructed 404 was a life saver...
Rebecca great post. You actually got me inspired enough to work on my 404 pages. I have been meaning to do it for some time. ;)
Glad I was able to light the fire under you! :)
This is a really good post - solid suggestions, good reasoning, creative examples - I love it. Nice work, Rebecca :)
I like technorati's ...
Sorry! We have a zillion pages, but not that one. The good news is that you've successfully discovered our spartan, but friendly Error page.
pingdom using 404 for an ad promo on their main website. Do you think people will actually read the fine print our bounce as soon as they see the big 404?
https://pingdom.com/
That's an interesting tactic. Clever, but dangerous. Some people will love it; some will click away immediately. The message loaded a bit slowly for me, so I wonder if people will click away before it's even finished loading.
Pingdom did have the good sense to alert their existing users of the page.
I usually use widgets from digg and add some more dynamic content on 404 pages before adding a sitemap link, it kinda sorta works a bit better then normal 404s.
Thank you Rebecca, before I dont think about this. It's really nice to give the user the opertunity to come back to the homepage or give him the option to search the archive.
Its a very nice idea, I hope all other Webmaster to it as well for an semantic web :)
Great post, i tend to agree with you. I recomend looking at the Google 404 guidelines too.
nice post :) i have always added a custom 404 page for my client's websites. It's so easy and there are still so many people that have crappy default 404's....
exhibit a: optus (big aussie telco provider)
https://optus.com.au/fdff
on a more exciting note....radiohead have finished recording their new album, yay!
My fav: The Vasa Museum in Stockholm: https://www.vasamuseet.se/404.
Other examples to inspire: https://www.heinz.com/error.aspx, https://www.titleist.com/404 (for golfers), https://www.eharmony.com/404/, https://www.sportingsolutions.com/404 (for football fans).
Our own attempt: https://theinformr.com/404/.
Here's a couple creative examples using Parallax effect: https://lockerz.com/404, https://github.com/404.
Can someone point me to a resource where I can find out how to make a new 404 page that will come up in place of the standard MS IIS 404 page?
I'm barely web-literate, although I know a bit of html and maintain my own site via Dreamweaver. I'm not sure whether custom 404 pages require some special server coding, or whether it can be done with a new specially-named html page of some sort.
Can one of you experienced web-cognoscenti please point me somewhere to find out how to do it?
Thanks...
this doesn't comply with your standards set above (A search box, A link to the site's site map, A link to the home page), but it sure does qualify on the "...makes me smile" qualifier:
https://www.google.com/tisp/notfound.html (from this year's GG April Fools - TiSP, hehe)
and sure is better than their regular 404:
https://www.google.com/404
a great post to think about when making 404 pages, thanks!
We generally create a little site index page detailing the pages customers generally go to most often. This helps customers continue browsing with as small a hold up as possible. Example
A couple of my favorites:
Click harder and Jakob Nielsen/Usability
Yeah the SEO Moz one needs some work for sure.... we've just loaded a 404 which you can access at https://www.cdvds.co.uk/error
But perhaps we need to work on adding a sitemap..
Si
Good article Rebecca. AlistApart had a really interesting article about the 404 page a while back you may want to check out: https://www.alistapart.com/articles/perfect404/