Next.js App Router et le SEO
Next.js 13+ avec l'App Router a révolutionné le SEO en React. Le rendu côté serveur (SSR) et la génération statique (SSG) garantissent que le contenu est indexable par les moteurs de recherche dès le premier rendu.
Metadata API
L'API Metadata de Next.js permet de définir toutes les balises meta de façon typée :
export const metadata: Metadata = {
title: "Titre de la page",
description: "Description optimisée",
openGraph: { title: "Titre OG", images: ["/og.jpg"] },
};Données structurées JSON-LD
Les schémas Schema.org comme Person, ProfessionalService et Review permettent aux moteurs de comprendre le contexte de votre contenu et d'afficher des rich snippets.
EEAT : Expertise, Authoritativeness, Trustworthiness
Google évalue la qualité selon le framework EEAT. Pour un portfolio : afficher des témoignages réels, lier ses profils professionnels, et présenter des réalisations vérifiables avec démos en ligne.
Core Web Vitals
LCP, INP et CLS sont des facteurs de classement directs. Next.js optimise automatiquement via next/image et next/font, améliorant ces métriques sans configuration manuelle.
Sitemap dynamique
Next.js génère des sitemaps via app/sitemap.ts. Pour un blog, incluez toutes les URLs avec leur date de modification pour faciliter l'indexation par Googlebot.
Conclusion
Next.js App Router offre tous les outils pour une stratégie SEO technique solide. La combinaison SSR, Metadata API et données structurées positionne favorablement votre site dans les résultats de recherche.