Technische SEO voor een statische Next.js-site: volledige checklist 2026
Een Next.js static export site haalt een SEO-score van 100/100 door 8 punten af te vinken: metadataBase, generateMetadata per pagina, sitemap.ts + robots.ts, meertalig hreflang, uniforme @graph JSON-LD, BreadcrumbList, FAQPage/HowTo schema's, en llms.txt voor LLMs.
Next.js App Router maakt technische SEO radicaal eenvoudiger dan in 2020. Met native Metadata API, sitemap.ts en robots.ts, geen plugins of hacks meer nodig. Maar 100/100 op Lighthouse SEO halen vereist nog steeds kennis van de 8 punten hieronder.
1. Next.js Metadata API
De fundering. Sinds Next.js 13 dekt de native Metadata API 100% van de on-page SEO-behoeften. Twee objecten: metadata (statisch) en generateMetadata (dynamisch).
export const metadata: Metadata = {
metadataBase: new URL('https://optionweb.dev'),
applicationName: 'OptionWeb',
generator: 'Next.js',
};2. Native sitemap.ts en robots.ts
Geen next-sitemap plugin meer. Next.js App Router onthult een speciale route om dynamische sitemap uit te zenden.
3. Meertalig hreflang
Voor meertalige site is hreflang kritisch. Elke URL moet al zijn taalversies listen EN andersom (wederkerige clusters). Zonder dit negeert Google hreflang. Verifieer met Hreflang Tags Testing Tool (Merkle).
4. Uniforme @graph JSON-LD
Moderne aanpak: een enkel <script type="application/ld+json"> met een @graph die Organization, LocalBusiness, WebSite, WebPage, Person, Article groepeert, verbonden via @id.
sameAs is kritisch: verbindt entiteit aan Google's Knowledge Graph. Minimaal Wikidata (Q-entity maken), LinkedIn, Crunchbase, officiële sociale netwerken.
5. BreadcrumbList schema
BreadcrumbList uitzenden op elke content-pagina. Verbetert SERP (zichtbare broodkruimels) en LLM-extractiecontext.
6. FAQPage en HowTo voor AEO
Google verminderde rich display van deze schema's in 2023, maar LLMs consumeren ze massaal om antwoorden te genereren. Blijven implementeren — kapitaal voor AEO/GEO.
Strikte regel: Q&A moet zichtbaar op scherm. Anders mogelijke handmatige penalty. Voor HowTo, elke stap structureren met name, text, optioneel image.
7. Speakable voor voice search
Schema in bèta bij Google maar gebruikt door Siri (sinds iOS 18.2 met ChatGPT integratie) en Alexa. Markeert site-zones die voice assistants prioritair moeten uitspreken.
HTML-attribuut data-speakable="true" toevoegen op TL;DR samenvattingen, eerste zinnen van sectie, sleutelantwoorden.
8. llms.txt voor LLMs
Opkomende standaard (Jeremy Howard, september 2024) overgenomen door Anthropic, Mintlify, Stripe, Cloudflare, Vercel. Een Markdown-bestand in public/ root dat de site samenvat voor LLMs.
Hoe het resultaat verifiëren
- Lighthouse SEO score — 100/100 beogen via Chrome DevTools of PageSpeed Insights.
- Google Rich Results Test — valideert alle schema's. URL: search.google.com/test/rich-results.
- Schema.org Validator — volledige JSON-LD validatie met warning-detectie.
- Hreflang Tags Testing Tool (Merkle) — verifieert meertalige cluster-wederkerigheid.
- Google Search Console — 'Dekking' voor indexatie, 'Rich Results' voor gedetecteerde schema's, 'Core Web Vitals' voor CrUX metrics.
- Bing Webmaster Tools — niet verwaarlozen, het is retrieval-bron voor ChatGPT Search via OAI-SearchBot.
