Skip to content

Metadata · Next.js (App Router)

How to add meta descriptions in Next.js (App Router)

The description is the sales copy under your search result. Without it Google splices together a sentence from wherever it likes on the page, which is rarely the sentence that would make someone click.

The fix for Next.js (App Router)

13x detects your framework from the response and hands you this version rather than the generic one — below 50% confidence it hedges and gives you the generic one instead.

ts code
// per page
export const metadata: Metadata = {
  description:
    "Invoicing built for freelance designers. Send an invoice in under a minute.",
};

Set a sensible default in app/layout.tsx so a route that forgets still has one.

On a different stack? The general version of this fix explains what 13x checks and why it matters, without assuming a framework.

Check your Next.js (App Router) site

113 deterministic checks against your live URL, in about 30 seconds. Framework detected from the response, so every fix comes back in the form your stack actually uses.

No signup. Results in 30 seconds.