404 error pages

As you all know one of the great LinkAider’ features is broken link check. Since the early release we’ve seen many 404 pages while working on this great tool. Some are plain old Apache or IIS (Tomcat sometimes) error pages, some are custom crafted pages that tend to help users. But some of them fail to fulfill this mission.

Common and very annoying errors are:

  • Huge 404 pages
    A user is supposed to wait while 50kb or larger hmtl stuffed with irrelevant pictures loads just to see a message that there is no page he was looking for.
  • Missing scripts and/or images
    Some developers just clone their 404 pages from their sites’ codes forgetting to fix file paths. Result: ugly and broken error pages.
  • Misleading error messages
    These sound like: “This item is no longer available for sale. Search for this item in the search box.” (If this item is no longer available what should I search for? And was your faq.php for sale?), “There are no tickets to this event” and similar.
  • Full-page ads
    Well, these are no errors actually, but it is not too polite to show a full page ad for 5 to 20 seconds and then redirect a user to a non existing page.
  • Automatic redirects
    Some websites show their error pages for 3 – 5 seconds telling that the user will be redirected to the main page. Where the error page is stuffed with other content and error message is a thin line hidden somewhere between banners and 100+ line long sitemap. If you are showing error message – get user some time to read it, because sometimes it’s hard to understand why you are redirected out of the sudden.
  • Showing completely different content instead of the old one (while website headers return 404)
    This technique is very extensively used among news sites. And sometimes it’s hard to get why I see an article about shoes when I clicked the link to hat fashion article.

But we’ve also found many nice 404 page designs that really help users who are lost on the internet highway. And here we’ll show you some of our findings:

5ives.com

A Buddhistic message to the visitor

5ives.com custom 404 page

campaignmonitor.com

Clean design and helpful suggestions on what a visitor should do next

campaignmonitor.com custom 404 page

dainese.com

Would you be scared ?

Dainese.com custom 404 page

addons.mozilla.org

Clean, helpful and beautiful

addons.mozilla.org custom 404 page

0at.org

Were you looking for a bat holding a balloon?

a bat holding a balloon

fi.bemmu.com

Cute anime girl pointing to you that there is nothing you were looking for

anime 404 page

newyorker.com

Old-school highway drawing. The road to nowhere

newyorker.com custom 404 page

getmefast.com

Just a nice design

getmefast.com custom 404 page

action-electronics.com

Warning: they have a webmaster who may be coding their site while drunk

action-electronics.com custom 404 page

ibiblio.org

A very neat description in all the possible languages

ibiblio.org custom 404 page

meish.org

Kitty stole your web page…

meish.org custom 404 page

thedisneyblog.com

Danger, Donald Duck!

Danger, Donald Duck! 404!

current.com

No happy ending on the internet highway. Maybe you didn’t click hard enough?

current.com custom 404 page

vimeo.com

No more information available

vimeo.com custom 404 page

cityofheroes.com

A very videogame-like design of 404

cityofheroes.com custom 404 page

observer.com

Another black and white old-school drawing

observer.com custom 404 page

laughingsquid.com

Tentacles “locating a page” in the pool

laughingsquid.com custom 404 page

marksandspencer.com

Suggesting for what you may be looking for

marksandspencer.com custom 404 page

palmbeachpost.com

You got bounced over to this beach

palmbeachpost.com custom 404 page

productplanner.com

A green school board, white chalk, 404

productplanner.com custom 404 page

psphacks.net

ASCII art

psphacks.net custom 404 page

reddit.com

A broke reddit character

reddit.com custom 404 page

scrapblog.com

Pink, beach, girly. Have you lost your way?

Pink 404

crowdspring.com

The site owners feel embarrassed about their errors

crowdspring.com custom 404 page

vanityfair.com

Diplomacy on the shoestring: blame the third party!

vanityfair.com custom 404 page

versionsapp.com

Plain and simple

versionsapp.com custom 404 page

secure.wufoo.com

Dinosaur shouting out “404!”

wufoo's 404 Dino

Yahoo! News

Extremely helpful: if they can’t find what you’re looking for, they redirect you to Yahoo!’s search page

Yahoo! 404!

Tags: ,

 

Author: Alex @ Friday, July 31st, 2009

 
 

2 Responses to “404 error pages”

  1. Thank you so much for the inclusion in this illustrious (not a sic) list. :)

  2. ninyWeign says:

    Hi! Kickback klooper in spite of my english jer, buti danged precarious re application .

Leave a Reply