Know-how / Onderwerpen: 22

Next.js SEO-checklist: complete gids voor de App Router (2026)

Next.js geeft je alle gereedschap voor hoge posities in Google, maar niets daarvan werkt "vanzelf". Deze checklist loopt langs elke SEO-laag in de App Router: van renderstrategie tot gestructureerde data, tot en met de nieuwste horde: geciteerd worden door AI-antwoordmachines.

Waarom SEO in Next.js een checklist is en geen plug-in

In WordPress installeer je een SEO-plug-in en vul je velden in. In Next.js is SEO een reeks technische beslissingen: hoe een pagina wordt gerenderd, welke HTML de crawler krijgt, hoe snel de pagina laadt en hoe duidelijk je haar aan machines uitlegt. Zet je één laag verkeerd, bijvoorbeeld productomschrijvingen aan de clientzijde renderen, dan helpen geen meta-tags meer.

Deze gids behandelt elke laag na elkaar. Elke sectie sluit af met concrete punten om af te vinken.

Liever uit handen geven? Ik voer deze checklist door in klantprojecten als freelance Next.js-developer: van een eenmalige audit tot de migratie naar de App Router.

Next.js SEO-checklist: complete gids voor de App Router (2026)

Inhoud / 01—22

Onderwerpen van de gids

  1. 01

    Renderstrategie: wat ziet een crawler echt?

    Hoe SSG, ISR, SSR en CSR de indexering in Next.js beïnvloeden, waarom content die op de client wordt gerenderd onzichtbaar is voor crawlers en hoe je controleert wat bots zien.

    →
  2. 02

    Metadata API: titels, beschrijvingen en het sjabloonpatroon

    Metadata API in Next.js goed gebruiken: metadataBase, titelsjablonen, generateMetadata voor CMS-content en ontdubbelen van queries met React cache().

    →
  3. 03

    Canonical en hreflang: één pagina, één adres

    Canonical en hreflang in Next.js: duplicaten bestrijden, wederkerige taallinks, gelokaliseerde slugs en een correcte x-default.

    →
  4. 04

    Open Graph en dynamische OG-afbeeldingen

    Open Graph en dynamische OG-afbeeldingen in Next.js met ImageResponse: automatische previews van 1200×630 voor elke pagina.

    →
  5. 05

    sitemap.ts en robots.ts: bestandsconventies in plaats van handmatige XML

    sitemap.ts en robots.ts in de App Router: een eerlijke lastModified, grote sitemaps opsplitsen en waarom robots.txt pagina's niet uit de index haalt.

    →
  6. 06

    Gestructureerde data: JSON-LD dat rich results oplevert

    JSON-LD-gestructureerde data in Next.js: schema op de server voor artikelen, breadcrumbs, FAQ's en producten, getypeerd met schema-dts.

    →
  7. 07

    Afbeeldingen, fonts en scripts: het klassieke prestatietrio

    Afbeeldingen, fonts en externe scripts optimaliseren in Next.js: priority en sizes in next/image, self-hosting via next/font en laadstrategieën.

    →
  8. 08

    Core Web Vitals: de drie cijfers die Google meet

    LCP, INP en CLS in Next.js: concrete fixes per metriek, labdata versus velddata en monitoring van echte gebruikers met useReportWebVitals.

    →
  9. 09

    Redirects, 404 en responscodes

    Redirects en responscodes in Next.js: 308 versus 307, permanentRedirect, echte 404's via notFound() en een index zonder ketens en soft 404's.

    →
  10. 10

    Cache en versheid van content

    Hoe cache SEO beïnvloedt in Next.js: ISR plus revalidatie via webhook, directe versheid zonder SSR-vertraging bij elke crawl.

    →
  11. 11

    AEO/GEO: geciteerd worden door ChatGPT, Perplexity en Google AI Overviews

    AEO/GEO voor Next.js: hoe je content leesbaar en citeerbaar maakt voor ChatGPT, Perplexity en Google AI Overviews: robots, llms.txt en antwoordformaat.

    →
  12. 12

    Monitoring: SEO is een lus, geen taak bij de start

    SEO-monitoring in Next.js: werken met Search Console, Lighthouse CI-budgetten, bezoeken van AI-crawlers loggen en smoke tests na releases.

    →
  13. 13

    Vertrouwen en E-E-A-T: een site geloofwaardig maken

    E-E-A-T-signalen op een Next.js-site: echt auteurschap, Person- en Organization-schema, eerlijke datums, geciteerde bronnen en bewijs van ervaring, voor Google en AI-engines.

    →
  14. 14

    Image SEO: hoe je afbeeldingen omzet in verkeer

    Afbeeldingen als verkeerskanaal in Next.js: unieke visuals in plaats van stock, alt en bestandsnamen, ImageObject-schema met licentie, image sitemap en het markeren van AI-afbeeldingen.

    →
  15. 15

    Interne links en sitearchitectuur

    Strategie voor interne links op Next.js-sites: topicclusters, beschrijvende anchors, crawldiepte, verweesde pagina's en het genereren van blokken gerelateerde content uit data.

    →
  16. 16

    Zoekintentie: pagina's voor wat mensen echt zoeken

    Zoekintentie koppelen aan paginatypen in Next.js: informatieve versus commerciële zoekopdrachten, long-tailstrategie, titels voor CTR en leven in het zero-click-tijdperk.

    →
  17. 17

    Programmatic SEO in Next.js: pagina's op schaal zonder spam

    Programmatic SEO via generateStaticParams: pagina's uit een sjabloon en data, de drempel van unieke waarde die ze scheidt van doorway-spam, gratis tools als linkmagneten.

    →
  18. 18

    SEO-migratie: overstappen naar Next.js zonder verkeer te verliezen

    Draaiboek voor migratie naar Next.js: URL-inventaris, redirectmap, pariteitscontrole op staging, verificatie op lanceerdag en wat normaal is in de eerste weken.

    →
  19. 19

    Paginatie en gefacetteerde navigatie zonder een opgeblazen index

    Paginatie en filters in Next.js goed gedaan: zelfverwijzende canonicals van pagina's, infinite scroll met echte URL's en welke filtercombinaties indexering verdienen.

    →
  20. 20

    Toegankelijkheid en SEO: één klus, twee beloningen

    Waarom toegankelijkheidswerk in Next.js ook SEO is: semantische HTML, koppen, alt-teksten en linknamen, plus de EAA-deadline die het in de EU verplicht maakt.

    →
  21. 21

    Contentverval: verversen, consolideren of verwijderen

    Posities eroderen standaard: hoe je vervagende pagina's in Search Console opspoort en per pagina beslist: bijwerken, samenvoegen met een sterkere of helemaal verwijderen.

    →
  22. 22

    Off-page voor developers: links die je niet koopt

    Linkbuilding met het oneerlijke voordeel van een developer: gratis tools, originele data, open source, expertcommentaar en syndicatie met canonical, en wat je nooit moet doen.

    →

Praktische checklist

Praktische SEO-checklist voor Next.js, sectie voor sectie: renderstrategie, Metadata API, hreflang, gestructureerde data, Core Web Vitals en optimalisatie voor AI-zoekmachines.

Compacte checklist

Een printbare versie met de belangrijkste controles voor een Next.js-site:

  • Indexeerbare routes zijn SSG/ISR; de content is zichtbaar via curl
  • metadataBase + titelsjabloon + unieke title/description op elke pagina
  • Zelfverwijzende canonicals; wederkerige hreflang met x-default
  • OG-tags + afbeelding van 1200×630 (waar mogelijk gegenereerd met ImageResponse)
  • sitemap.ts met een eerlijke lastModified; robots.ts zonder onbedoelde blokkades
  • JSON-LD: Organization, Article, BreadcrumbList (+ FAQ/Product waar nodig), op de server gerenderd
  • next/image met priority op de hero, next/font, externe scripts uitgesteld
  • CWV in het veld op groen: LCP < 2,5 s, INP < 200 ms, CLS < 0,1
  • Schone redirects (geen ketens), echte 404's, één URL-vorm
  • ISR + revalidatie via webhook voor verse content
  • Lot van AI-crawlers vastgelegd in robots; content op de server en in antwoordvorm
  • Search Console in de gaten gehouden; Lighthouse CI bewaakt regressies
  • Genoemde auteurs, Person-schema met sameAs, eerlijke datums, geciteerde bronnen (E-E-A-T)
  • Elke belangrijke pagina heeft unieke afbeeldingen met een echte alt-tekst
  • Geen verweesde pagina's; alles binnen 3 klikken; beschrijvende anchors
  • Eén zoekintentie per pagina; titels herschreven waar de CTR achterblijft bij de vertoningen
  • Programmatic pagina's bieden echte waarde; dunne varianten staan op noindex
  • Migraties draaien met een geteste redirectmap in één stap en een pariteitscontrole
  • Paginatiepagina's met een canonical naar zichzelf; facetten verdeeld (indexeren / noindex / blokkeren)
  • Hoofdroutes voldoen aan WCAG 2.1 AA; a11y-poort in CI (naleving van de EAA)
  • Kwartaalreview van contentverval: actualiseer, consolideer of verwijder dalende pagina's
  • Minstens één linkwaardig asset werkt; vermeldingen zonder link omgezet

Hulp nodig? We doen technische SEO-audits en snelheidsoptimalisatie voor Next.js-sites, inclusief meertaligheid en zichtbaarheid in AI, die de meeste audits overslaan.