Live · status OK
Back to blog
SEO & AEO13 min

Technische SEO voor een statische Next.js-site: volledige checklist 2026

TL;DR

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.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
Google Search Console dashboard met prestatiecurves

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).

app/layout.tsxtsx
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.

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 score100/100 beogen via Chrome DevTools of PageSpeed Insights.
  • Google Rich Results Testvalideert alle schema's. URL: search.google.com/test/rich-results.
  • Schema.org Validatorvolledige 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 Toolsniet verwaarlozen, het is retrieval-bron voor ChatGPT Search via OAI-SearchBot.
Tags#seo#nextjs#json-ld#schema#aeo