Web & SEO
Next.js Technical SEO: Pre-Production Checklist
A concrete checklist for a Next.js App Router site that's Google-ready: metadata, sitemap, JSON-LD, performance, and canonicals.
Ilyesse Hamcherif1 min de lecture
Next.js can be excellent for SEO — if you don’t skip the basics. Here’s the checklist I run before every production deploy.
Metadata & canonicals
- Unique
titleanddescriptionper page alternates.canonicalaligned with the public URLhreflangif you serve multiple languages- Open Graph + 1200×630 image
Indexing
- Up-to-date
app/sitemap.ts(pages + articles) robots.txt: allow public routes, block/adminand/api- No accidental
noindexin production
Structured content
- One H1 only
- H2 / H3 that describe the content (not “Section 1”)
- Internal links to contact / projects / related articles
- JSON-LD:
WebSite,Person, orArticledepending on the page
Performance
- Sized images (
next/imageor equivalent) - Fonts via
next/font - Avoid heavy JS until interaction (Three.js, etc. lazy-loaded)
- Target Lighthouse mobile > 90 (performance + SEO + accessibility)
After go-live
- Google Search Console → property + sitemap
- Check URL in the inspection tool
- Publish 1–2 useful pieces of content per month (blog)
Need a technical SEO audit on an existing site? Request a quote.