INTRO
Broken OG previews and duplicated `· Brand · Brand` titles are common App Router mistakes. Fixing metadata is one of the highest leverage SEO tasks on a business site.
Layout template vs page titles
Use `title.template` in the root layout once. Page metadata should pass the short title only — otherwise social and SERP titles double the brand name.
`metadataBase` makes relative OG image paths resolve to your canonical origin.
OG / Twitter essentials
`summary_large_image`, absolute HTTPS image, matching title/description, and sane dimensions (e.g. 1200×630). Compress the asset.
Article pages can set `openGraph.type = article` with published time when real.
Canonical discipline
Every indexable route sets `alternates.canonical` to the production host — never a preview deployment.
Pair with sitemap/robots so crawlers see one story.
KEY TAKEAWAYS
“Short page titles + one layout template.”
- 02
Absolute OG images on canonical host.
- 03
No preview URLs in metadata.
CONCLUSION
Closing thought
Auditing metadata on an existing Next.js site? Send the URL via Contact — I will list exact title/OG fixes.
CONTINUE
Related pages
UP NEXT
Next.js Contact Forms Without Spam Floods
Practical spam defenses for Next.js contact forms: schema validation, honeypots, rate limiting, and server-side delivery checks.
Read next article