How to Design a 404 and Error Page

A 404 page appears when someone follows a broken link or mistypes an address. It is going to happen — links rot, pages move, people fat-finger URLs — so the question is not whether visitors will hit one, but what they find when they do.

The default server error page is bleak and offers no way forward, so many people simply leave. A custom error page can rescue that visit. This guide explains how to design one that helps.

Explain plainly what happened

Tell the visitor, in plain English, that the page could not be found — not “Error 404” with no context. A friendly, slightly apologetic tone works well: “Sorry, we cannot find that page.” Reassure them nothing is broken on their end.

Keep it on-brand and human. The error page should look like the rest of your site, with your header, footer and navigation intact, so people immediately understand they are still in the right place and have options.

Give people a way forward

The whole point is to keep the visitor moving. Offer a prominent link back to the homepage and to your most important pages or services. A search box helps if your site is large enough to warrant one.

Think about why someone might have landed here and offer the most likely destination. If a product or page has moved, pointing them to its new home turns a frustrating dead end into a quick recovery.

Fix the underlying problem too

A nice 404 page is a safety net, not a cure. If visitors keep hitting it, find out which broken links are sending them there and either fix them or set up redirects to the right place. Tools like Google Search Console will flag the worst offenders.

When you move or delete a page, set up a redirect to the most relevant replacement. That preserves any search ranking the old page had and means visitors and Google never see the error at all, which is better than even the best 404 page.