Get Creative With Your 404 Error Pages
The author's views are entirely their own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz.
One of the recommendations we often make to our clients is to ensure proper structure of 404 pages. We generally urge that at least one or more of the following be included on a site's 404 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:
- 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!
Comments
Please keep your comments TAGFEE by following the community etiquette
Comments are closed. Got a burning question? Head to our Q&A section to start a new conversation.