Someone clicked a broken link, mistyped a URL, or followed a five-year-old search result. They landed on your 404 page. And nine times out of ten, what greets them is a sad robot, the words "Page Not Found," and absolutely nowhere to go.
That's a captive visitor — already on your domain, already interested enough to click — and most sites throw them straight back to Google. Spoiler: they don't come back.
The 404 is the most neglected page on the internet, and it's a free conversion surface. It has one job: catch the fall and point the way back. Treat it like any other landing page.
A good 404 does four things. It owns the mistake in your brand voice — not a cold error code, but a human line. It offers search, because the thing they wanted probably still exists at a different URL. It surfaces your top destinations — the three or four pages most people actually want. And it gives one clear path home. That's it.
In Astro this is gloriously simple. Drop a src/pages/404.astro and the static host serves it automatically on any unmatched route:
---
import Layout from '../layouts/Layout.astro';
const popular = [
{ label: 'Our work', href: '/' },
{ label: 'Pricing', href: '/pricing/' },
{ label: 'Get started', href: '/get-started/' },
];
---
<Layout title="Page not found">
<section class="text-center py-24">
<p class="text-6xl font-bold">404</p>
<h1>This page took a wrong turn.</h1>
<p>The link's broken — not you. Here's where most people are headed:</p>
<ul>
{popular.map((p) => <li><a href={p.href}>{p.label}</a></li>)}
</ul>
<a href="/">← Back home</a>
</section>
</Layout>Notice there's no clever JavaScript and no library. Three links and a sentence with personality outperform every animated 404 illustration on the internet.
One word of warning: keep it on-brand but keep it useful. The temptation is to go full comedy — a 404 mini-game, a dancing GIF. Cute for three seconds, useless for the actual job. The visitor wants out of the dead end, not entertainment. Lead with the exits.
Bonus: a real 404 page is quietly good for SEO too. Soft 404s — pages that return a 200 status for missing content — confuse crawlers and waste crawl budget. A proper not-found page that returns a genuine 404 and links back into your live pages keeps the crawler moving and recovers the lost visitor in one move.
Most teams ship a 404 page once and never look at it again. Open yours right now. If it's a dead end, you're leaking the one kind of visitor that's hardest to earn: the one already on your site.