Know-how / Thèmes : 22

Checklist SEO pour Next.js : le guide complet de l'App Router (2026)

Next.js fournit tous les outils pour se hisser dans les résultats de recherche, mais aucun ne fonctionne « par hasard ». Cette checklist passe en revue chaque couche du SEO dans l'App Router : de la stratégie de rendu aux données structurées, jusqu'à la nouvelle frontière, celle d'être cité par les moteurs de réponse IA.

Pourquoi le SEO sous Next.js est une checklist, pas un plugin

Sous WordPress, vous installez un plugin SEO et remplissez des champs. Sous Next.js, le SEO est un ensemble de décisions d'ingénierie : comment la page est rendue, quel HTML reçoit le robot d'exploration, à quelle vitesse elle se charge et avec quelle clarté elle s'explique aux machines. Si vous vous trompez sur une seule couche, par exemple en rendant les descriptions de produits côté client, aucune balise meta ne vous sauvera.

Ce guide traite chaque couche à tour de rôle. Chaque section se termine par des points concrets à cocher.

Vous préférez confier cette checklist à quelqu'un ? Je la mets en œuvre dans les projets de mes clients en tant que développeur Next.js freelance : de l'audit ponctuel à la migration vers l'App Router.

Checklist SEO pour Next.js : le guide complet de l'App Router (2026)

Sommaire / 01—22

Thèmes du guide

  1. 01

    Stratégie de rendu : que voit vraiment le robot ?

    Comment SSG, ISR, SSR et CSR influent sur l'indexation sous Next.js, pourquoi le contenu rendu côté client est invisible pour les robots et comment vérifier ce que voient les bots.

    →
  2. 02

    Metadata API : titres, descriptions et modèle de gabarit

    Bien utiliser la Metadata API de Next.js : metadataBase, modèles de titres, generateMetadata pour le contenu issu d'un CMS et déduplication des requêtes avec React cache().

    →
  3. 03

    Canonical et hreflang : une page, une adresse

    Canonical et hreflang sous Next.js : lutter contre les doublons, liens de langue réciproques, slugs localisés et x-default correct.

    →
  4. 04

    Open Graph et images OG dynamiques

    Open Graph et images OG dynamiques sous Next.js avec ImageResponse : aperçus 1200×630 automatiques pour chaque page.

    →
  5. 05

    sitemap.ts et robots.ts : conventions de fichiers plutôt que XML manuel

    sitemap.ts et robots.ts dans l'App Router : lastModified honnête, découpage des gros sitemaps et pourquoi robots.txt ne retire pas des pages de l'index.

    →
  6. 06

    Données structurées : le JSON-LD qui rapporte des résultats enrichis

    Données structurées JSON-LD sous Next.js : schémas rendus côté serveur pour articles, fils d'Ariane, FAQ et produits, typés par schema-dts.

    →
  7. 07

    Images, polices et scripts : le trio classique de la performance

    Optimisation des images, polices et scripts tiers sous Next.js : priority et sizes dans next/image, auto-hébergement via next/font et stratégies de chargement.

    →
  8. 08

    Core Web Vitals : les trois chiffres que mesure Google

    LCP, INP et CLS sous Next.js : correctifs concrets pour chaque métrique, données de laboratoire vs de terrain et suivi des vrais utilisateurs avec useReportWebVitals.

    →
  9. 09

    Redirections, 404 et codes de réponse

    Redirections et codes de réponse sous Next.js : 308 vs 307, permanentRedirect, vraies 404 avec notFound() et un index sans chaînes ni soft 404.

    →
  10. 10

    Cache et fraîcheur du contenu

    Comment le cache influe sur le SEO sous Next.js : ISR plus revalidation par webhook, fraîcheur instantanée sans la latence du SSR à chaque exploration.

    →
  11. 11

    AEO/GEO : comment être cité par ChatGPT, Perplexity et Google AI Overviews

    AEO/GEO pour Next.js : rendre votre contenu lisible et citable par ChatGPT, Perplexity et Google AI Overviews : robots, llms.txt et format de réponse.

    →
  12. 12

    Suivi : le SEO est une boucle, pas une tâche de lancement

    Suivi SEO sous Next.js : travailler avec la Search Console, budgets Lighthouse CI, journalisation des visites des robots d'IA et smoke tests après les mises en production.

    →
  13. 13

    Confiance et E-E-A-T : rendre un site crédible

    Signaux E-E-A-T sur un site Next.js : vraie paternité, schémas Person et Organization, dates honnêtes, sources citées et preuves d'expérience, pour Google comme pour les moteurs d'IA.

    →
  14. 14

    SEO des images : transformer vos images en trafic

    Les images comme canal de trafic sous Next.js : visuels uniques plutôt que banque d'images, alt et noms de fichiers, schéma ImageObject avec licence, sitemap d'images et étiquetage des images d'IA.

    →
  15. 15

    Maillage interne et architecture du site

    Stratégie de liens internes pour les sites Next.js : clusters thématiques, ancres descriptives, profondeur de crawl, pages orphelines et génération de blocs de contenus liés à partir des données.

    →
  16. 16

    Intention de recherche : des pages pour ce que les gens cherchent vraiment

    Faire correspondre l'intention de recherche aux types de pages sous Next.js : requêtes informationnelles vs commerciales, stratégie de longue traîne, titres pensés pour le CTR et vie à l'ère du zéro-clic.

    →
  17. 17

    SEO programmatique avec Next.js : des pages à grande échelle sans spam

    SEO programmatique avec generateStaticParams : pages issues d'un gabarit et de données, seuil de valeur unique qui les sépare du spam de doorway pages, outils gratuits comme aimants à liens.

    →
  18. 18

    Migration SEO : passer à Next.js sans perdre de trafic

    Playbook de migration vers Next.js : inventaire des URL, table de redirections, contrôle de parité en préproduction, vérification au jour du lancement et ce qui est normal pendant les premières semaines.

    →
  19. 19

    Pagination et navigation à facettes sans gonfler l'index

    Pagination et filtres bien faits sous Next.js : canonicals auto-référencés des pages, défilement infini avec de vraies URL et quelles combinaisons de filtres méritent l'indexation.

    →
  20. 20

    Accessibilité et SEO : un seul travail, deux récompenses

    Pourquoi l'accessibilité sous Next.js, c'est aussi du SEO : HTML sémantique, titres, alt et noms de liens, plus l'échéance de l'EAA qui la rend obligatoire dans l'UE.

    →
  21. 21

    Déclin du contenu : rafraîchir, consolider ou supprimer

    Les positions s'érodent par défaut : comment repérer les pages qui déclinent dans la Search Console et trancher page par page : mettre à jour, fusionner avec une page plus forte ou supprimer.

    →
  22. 22

    Off-page pour développeurs : des liens qui ne s'achètent pas

    Netlinking avec l'avantage déloyal du développeur : outils gratuits, données originales, open source, commentaires d'experts et syndication avec canonical, et ce qu'il ne faut jamais faire.

    →

Checklist pratique

Checklist SEO pratique pour Next.js, section par section : stratégie de rendu, Metadata API, hreflang, données structurées, Core Web Vitals et optimisation pour les moteurs d'IA.

Checklist condensée

Version imprimable couvrant les principaux contrôles d'un site Next.js :

  • Les routes indexables sont en SSG/ISR ; le contenu est visible avec curl
  • metadataBase + modèle de titre + title/description uniques sur chaque page
  • Canonicals auto-référencés ; hreflang réciproque avec x-default
  • Balises OG + image 1200×630 (générée par ImageResponse partout où c'est possible)
  • sitemap.ts avec un lastModified honnête ; robots.ts sans blocage accidentel
  • JSON-LD : Organization, Article, BreadcrumbList (+ FAQ/Product si nécessaire), rendu côté serveur
  • next/image avec priority sur le hero, next/font, scripts tiers différés
  • CWV de terrain au vert : LCP < 2,5 s, INP < 200 ms, CLS < 0,1
  • Redirections propres (sans chaînes), vraies 404, une seule forme d'URL
  • ISR + revalidation par webhook pour la fraîcheur du contenu
  • Sort des robots d'IA tranché dans robots ; contenu rendu côté serveur et formulé en réponses
  • Search Console sous surveillance ; Lighthouse CI contre les régressions
  • Auteurs nommés, schéma Person avec sameAs, dates honnêtes, sources citées (E-E-A-T)
  • Chaque page importante a des images uniques avec un vrai alt
  • Zéro page orpheline ; tout à 3 clics ; ancres descriptives
  • Une seule intention par page ; titres réécrits là où le CTR est en retrait par rapport aux impressions
  • Les pages programmatiques apportent une vraie valeur ; les variantes minces sont en noindex
  • Les migrations partent avec une table de redirections testée en un seul saut et un contrôle de parité
  • Pages de pagination avec canonical vers elles-mêmes ; facettes réparties (indexées / noindex / bloquées)
  • Les parcours principaux respectent WCAG 2.1 AA ; contrôle a11y dans la CI (conformité EAA)
  • Revue trimestrielle du déclin : mettre à jour, consolider ou supprimer les pages en perte de vitesse
  • Au moins un actif linkable fonctionne ; les mentions sans lien sont converties

Besoin d'aide ? Nous réalisons des audits de SEO technique et de l'optimisation de la vitesse pour les sites Next.js, y compris le multilinguisme et la visibilité dans l'IA, que la plupart des audits ignorent.