DEV Community

Next.js 15 SEO: metadata, OG Images, Sitemap, and Structured Data (2026) (opens in new tab)

Discussed on DEV

Next.js 15 App Router handles SEO in TypeScript, co-located with your routes. This guide covers every layer — metadata, OG images, sitemaps, structured data — with real production patterns. Two Ways to Define Metadata Static export — when metadata doesn't depend on fetched data: // app/about/page.tsx import type { Metadata } from 'next' export const metadata: Metadata = { title: 'About Us', description: 'Learn about our team and mission.', openGraph: { title: 'About Us', description: 'Learn a...

Read the original article
Sign in to keep reading the full article.

Keyboard Shortcuts

Navigation

Next / previous post
j/k
Open post
oorEnter
Preview post
v

Post Actions

Love post
a
Like post
l
Dislike post
d
Undo reaction
u
Save / unsave
s

Recommendations

Add interest / feed
Enter
Not interested
x

Go to

Home
gh
Interests
gi
Feeds
gf
Likes
gl
History
gy
Changelog
gc
Settings
gs
Discover
gb
Search
/

General

Show this help
?
Submit feedback
!
Close modal / unfocus
Esc

Press ? anytime to show this help