Next.js App Router SEO: metadata, canonicals, hreflang – done right

December 31, 2025•6 min read•URL: /en/blog/nextjs-seo-metadata-app-router
Autor: 7kar7son7 • Developer

How to use Metadata API, canonicals/hreflang and avoid duplicate content across locales.

next.jsseoi18n

TL;DR

  • nextjs app router seo metadata canonical hreflang
  • For Next.js projects with i18n (PL/EN/DE) and SEO goals.

Who this is for

  • For Next.js projects with i18n (PL/EN/DE) and SEO goals.

Keyword (SEO)

  • nextjs app router seo metadata canonical hreflang

Metadata API basics

  • generateMetadata per route
  • Title/description per intent
  • OpenGraph for sharing

Canonicals + alternates

  • One canonical per page
  • Alternates languages
  • Consistent URLs (avoid rewrite/redirect chaos)

Common pitfalls

  • Duplicate paths
  • Wrong noindex
  • Inconsistent sitemap

Want this implemented for your business?

About the author

Developer at DevStudio.it. Focused on performance, SEO and production-ready web apps.

See all posts

Recommended links

If you want to go from knowledge to implementation — here are shortcuts to our products, hosting and portfolio.

Branchly
Database / platform
See our DB platform and capabilities.
Open branchly.cloud
DevStudioIT Cloud
Hosting & deployments
Panel for hosting, projects and deployments.
Open devstudioit.cloud
Service
Hosting & care
Monitoring, backups and support.
See offer
Proof
Portfolio
See real projects and outcomes.
Go to portfolio

Want this implemented for your business?

Let’s do it fast: scope + estimate + timeline.

Get Quote