How to create a great custom 404 error page?

How to create a great custom 404 error page?

Canva has a great list of things you can do to make your 404 page creative and interesting. Not all 404 pages need to be creative, though. Some brands are more serious, and their 404 pages can be just about getting users to where they want to go. Either way, a good 404 page should have these features:

Which is better a server error page or a 404 error page?

If it’s a default server error page, it will be an ugly, confusing experience that is sure to drive them away: Server error pages are pretty rough to look at, and what’s worse is that they don’t help users navigate to the actual website. A basic 404 error page is better, because it has main navigation, but is still not ideal:

Where do I find the 404 error code?

Head to the site audit tab in the left-hand sidebar. Run a Site Audit and then click Critical Errors. Then click on the Warnings tab at the top of the page. If any pages return 404 error codes, they’ll be listed here.

What does 404 not found mean in WordPress?

The requested URL was not found on this server. We can’t find the page you’re looking for. The Error 404 not found message is treated suitably by many sites that fetch a custom page to cover the error and not just show one of the typical messages above.

What does a 404 page on a website mean?

At the very least, your 404 pages should tell the user there is a problem with their request. We don’t even have to use the term “404” to do this. People who aren’t digital marketers don’t need to know about HTTP response status codes.

How to see Pageview report of 404 page?

Luckily, if we followed best practices, it’s easy to see how our lost users are doing in Google Analytics. Create a segment to only show pages that use the title tag of your custom 404 page: Then go to Behavior > Site Content > All Pages to see the pageview report of the 404 error pages:

How can I test for a 404 page not found?

Test for this with a crawler like ScreamingFrog or an HTTP status code checker by inputting a bogus URL like “www.yourbrand.com/asdf.” Page titles are visible in browser tabs and available to users using assistive technology like screen readers.