Ce qu’il faut retenir
Les pages et layouts App Router sont des Server Components par défaut : conservez le corps éditorial côté serveur.
Chaque article doit posséder une URL stable, une canonical, des métadonnées sociales et des liens HTML explorables.
La recette SEO porte sur le HTML réellement servi, le sitemap, le cache et les données structurées, pas seulement sur le code source.
Choisir un modèle de rendu cohérent avec la fraîcheur
Un blog peut être généré au build, revalidé périodiquement ou rendu à la demande. La bonne option dépend du délai acceptable entre une publication dans le CMS et son apparition publique. Pour un média éditorial classique, une génération statique avec revalidation offre souvent un bon équilibre entre vitesse et actualisation.
Évitez d’envoyer tout le contenu dans un composant client pour le reconstruire après hydratation. Le serveur peut récupérer l’article et produire directement son HTML ; seuls la recherche instantanée, les favoris ou certaines mesures ont besoin d’un composant client.
Construire les routes et métadonnées
Prévoyez une liste, une page par slug et des pages de catégorie. generateStaticParams permet de préparer les slugs connus, tandis que generateMetadata produit titre, description, canonical et cartes sociales à partir du même objet éditorial.
Ajoutez un sitemap généré depuis les seuls contenus publiés, un flux RSS et des règles robots qui laissent les pages publiques accessibles mais écartent l’administration. La canonical doit pointer vers l’URL préférée et non vers une URL de prévisualisation ou un paramètre de campagne.
Rendre le contenu compréhensible sans JavaScript
Le titre, l’extrait, le corps, l’auteur et la date doivent se trouver dans le HTML initial. Les liens internes utilisent de véritables éléments a avec href et des ancres descriptives. Cette structure aide les lecteurs, les technologies d’assistance et les robots à parcourir le site.
Utilisez une hiérarchie de titres régulière : un seul H1 pour l’article, puis des H2 et H3. Le sommaire renvoie vers des identifiants stables. Les composants décoratifs ne doivent pas casser cette structure ni masquer les informations sur mobile.
Checklist avant ouverture à l’indexation
Testez une page en désactivant JavaScript, inspectez sa canonical, partagez-la dans un débogueur Open Graph et validez son JSON-LD. Contrôlez les statuts 404, les redirections d’anciens slugs et l’absence de brouillons dans les listes publiques.
Lancez ensuite une mesure Lighthouse, mais complétez-la par des données terrain dès que le trafic le permet. Vérifiez enfin que les équipes peuvent corriger un titre ou retirer un article sans intervention risquée sur le frontend.
HTML complet et lisible au premier chargement.
Canonical, Open Graph et Twitter Card cohérents.
Sitemap, RSS, robots et pages 404 contrôlés.
Images dimensionnées, navigation clavier et focus visibles.
Sources et références
Next.js — Server and Client Components (consulté le 05/09/2026).
Next.js — Metadata and Open Graph images (consulté le 05/09/2026).
Google Search Central — Créer et envoyer un sitemap (consulté le 05/09/2026).
Google Search Central — Bonnes pratiques concernant les liens pour Google (consulté le 05/09/2026).