Skip to content
Search engines 5511dd3

Get Creative With Your 404 Error Pages

Rebecca Kelley

The author's views are entirely their own (excluding the unlikely event of hypnosis) and may not always reflect the views of Moz.

Table of Contents

Rebecca Kelley

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:
  • 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
Additionally, the 404 page should look like the rest of the site in terms of design and aesthetics. We've seen plenty of 404 pages that look generic and don't reflect the site's design, which is unconventional and can potentially confuse users. Another way to confuse users is to automatically redirect 404s back to the home page. From an SEO perspective, 301-redirecting incorrect URLs is fine as long as you know which page your user was trying to access and point the redirect to that page. However, sending 404s to the home page can confuse users because they may not realize that the page they were trying to access doesn't exist, and they'll wonder why they ended up back on 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!
See? 404s don't have to be stuffy, mechanical, impersonal messages. You can include some eye-popping graphics, some personalization, a joke or two, and even a recipe. As long as you remember to include the resources your users will need to find what they were looking for (and keep the tone consistent with your site/brand), getting creative with your 404s is an innovative way to serve up a positive user experience.
Back to Top
Rebecca Kelley
Rebecca Kelley is the content marketing manager for Intego, a Mac software company. She also guest-blogs/freelances at various places and runs a couple hobby blogs for shits and giggles.

With Moz Pro, you have the tools you need to get SEO right — all in one place.

Read Next

How Pipedrive Increased Organic Sign-Ups by 33% with BOFU Content

How Pipedrive Increased Organic Sign-Ups by 33% with BOFU Content

Sep 18, 2024
How to Optimize for Google's Featured Snippets [Updated for 2024]

How to Optimize for Google's Featured Snippets [Updated for 2024]

Aug 20, 2024
How to Write AI Content Optimized for E-E-A-T

How to Write AI Content Optimized for E-E-A-T

Apr 23, 2024

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.