Meta description checker · updated 10 November 2026

How to add a meta description in Next.js

In the Next.js App Router, export a description in the page's metadata and Next.js prints the meta tag.

Steps

1. In each page file, export a metadata object with a description.
2. For dynamic pages, use generateMetadata and build the text from your data.
3. Keep it near 150 characters and different for every page.

app/pricing/page.tsx

export const metadata = {
  title: "Pricing | Example",
  description: "Plans start free. See what each plan includes and pick one.",
};

How to check it worked

View source and confirm one description tag, with your text.

Good to know

A description set in a child page replaces the one from the parent layout. It does not combine with it.

Check your site now

Free, no signup. Every finding comes with the fix. The tag in your Next.js site is checked along with the rest of the page.

Related guides

• Meta description checker
• meta description in WordPress
• meta description in Shopify
• meta description in Webflow
• canonical tag in Next.js
• Open Graph tags in Next.js

Written by Marlo's maker. Platform menus change, so if a step does not match what you see, check the platform's own help. 4 platforms covered.