Create a Custom 404 Error Page for Your Writer Website or Blog

By 
on February 28, 2014 in Blog Design
3
0

Sorry Writers Block 404 Page Not Found

In my post "4 Elements of Effective Freelance Writing Websites," I suggested creating a custom 404 error page to help misdirected prospects find what they're looking for. A 404 error is a "page not found" error message someone sees if they try to visit an address on your site that doesn't exist.

No one likes seeing an error message. So it's a good idea to turn that error screen into useful content. Today let's go over how  you can do that by creating a custom 404: Page Not Found error page of your own.

What Your Custom 404 Error Page Should Do

At a bare minimum, you'll want your custom error page to:

  • Tell visitors that the content they're looking for might have been moved (so they don't only assume it was deleted -- I like to mention both possibilities);
  • Give them an easy way to search your site for the content they were looking for.

You can go beyond that. For example, you might also:

  • Offer them a simple option to be redirected back to the page they came from;
  • Provide links to useful content on your site (even if they didn't find what they came for, they might find something else that interests them).

There are even plugins, if you use WordPress, that handle 404 redirects for you (although it's not recommended to redirect all 404 errors to a single page on your site like your homepage). Some plugins can add a list of links based on the URL the visitor was trying to access.


Advertisement

For example, if the dead link included "freelance-rates" in it, the 404 page might have a list of blog posts about freelance writing rates and a link to my freelance writing rate calculator. I haven't been able to find one yet that says it's fully compatible with the current version of WordPress. If anyone knows of one, I'd love to hear about it in the comments.

Sample Custom 404 Error Page

This is the very simple custom 404 Page Not Found error page I've set up for this site. As you can see, it includes most of the suggestions above.

I opted against adding a big list of popular content and resources because I wanted to keep this page on the minimal side. Giving people too many options can sometimes cause confusion more than it helps. So I stuck to providing just a few links to key areas of the site.

If you'd like to see a good example of a custom 404 page that highlights more key content, check out ProBlogger's 404 page.

All Indie Writers 404 Page

 

How to Set up a Custom 404 Error Page in WordPress

If you also run your professional site, author website, or blog on WordPress, setting up a custom 404 page is easy.

First, check your list of template files within your WordPress theme folder. If your theme already has a file called 404.php, you're golden. You'll just edit this file by adding your custom text, images, links, or other content and features.

You can preview your existing 404 page by visiting YourSite.com/404. It's very possible that your theme designer already created a helpful custom 404 page for you. Mine, for example, already included the search box and the "return to the previous page" button.

If you don't already have this file, you'll simply create one and upload it through your hosting account's control panel or via FTP (however you usually get files onto your server).

On the page linked above, WordPress suggests copying the 404.php template file from the default theme into your current theme. Then you simply edit the message and links like you would if your theme had its own custom error page.

That's all there is to it.

  • Open or create one file.
  • Add your custom message.
  • Test it to make sure everything looks and operates the way you want it to.

That should work in most cases.

Do you have a custom 404 Page Not Found error page? What did you choose to include there to make it a more helpful resource for visitors who got a bit lost along the way?

Note: I created my custom 404 page image using Canva.

Like this? Please share.
Tweet about this on TwitterGoogle+Share on FacebookPin on PinterestShare on LinkedInBuffer this pageShare on RedditShare on StumbleUponEmail to someone
Short URL: http://3bm.co/1dK3CL0
The following two tabs change content below.

Jennifer Mattern is a professional blogger, freelance business writer, and indie author. She began writing for clients in 1999 and started her first blog in 2004.

She owns 3 Beat Media - a publishing and client services company which operates All Indie Writers as well as several other websites and blogs including The Busy Author's Guide and BizAmmo. Jenn comes from a background in online PR and social media consulting, having owned a small PR firm for several years before choosing to pursue a full-time writing and publishing career.

Jenn also writes fiction under multiple pen names in the areas of children's fiction, mysteries, and horror fiction. Jenn is an active member of the Horror Writers Association (HWA) and currently serves as the organization's Assistant Coordinator of Promotions and Social Media.


key to writing success
Your key to a more successful writing career:
Join the FREE All Indie Writers community. Register today for access to the writing forums, and be one of the first to gain access to new e-courses, coming soon!

The 30 Day Marketing Boot Camp for Freelance Writers

3 Comments

  1. sergio June 7, 2014 Reply

    I created a script that allows you designate a regular page to be shown as your 404, allowing you to use the editor you are used to, for you to provide your own title, message, and even using shortcodes and normal functionality as every other page.
    No need for template files.
    http://socialblogsitewebdesign.com/custom-editable-wp-error-page-without-a-404-php-template/

Add comment

By using this comment form you agree to the site's Comment Policies.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *

CommentLuv badge