Stratégies de rendu
Génération de site statique (SSG)
La génération de site statique consiste à générer le HTML au moment de la construction. Ce HTML est ensuite utilisé pour chaque requête. La génération de site statique est probablement la meilleure stratégie de rendu pour le SEO, car non seulement vous disposez de tout le HTML au chargement de la page grâce au pré-rendu, mais cela améliore également les performances de la page - un autre facteur de classement pour le SEO.
Rendu côté serveur (SSR)
Comme la SSG, le rendu côté serveur (SSR) est pré-rendu, ce qui le rend également excellent pour le SEO. Au lieu d'être généré au moment de la construction comme avec la SSG, le HTML du SSR est généré au moment de la requête. C'est idéal pour les pages très dynamiques.
Régénération statique incrémentielle (ISR)
Si vous avez un très grand nombre de pages, les générer toutes au moment de la construction peut ne pas être réalisable. Next.js vous permet de créer ou de mettre à jour des pages statiques après avoir construit votre site.
La régénération statique incrémentielle permet aux développeurs et aux éditeurs de contenu d'utiliser la génération statique page par page, sans avoir à reconstruire l'intégralité du site. Avec l'ISR, vous pouvez conserver les avantages du statique tout en passant à l'échelle de millions de pages.
Rendu côté client (CSR)
Le rendu côté client permet aux développeurs de rendre entièrement leurs sites dans le navigateur avec JavaScript. Lors du chargement initial de la page, un seul fichier HTML est généralement servi avec peu ou pas de contenu jusqu'à ce que le JavaScript soit récupéré et que le navigateur compile le tout.
Comme mentionné précédemment, le rendu côté client n'est pas recommandé pour un SEO optimal.
Le CSR est parfait pour les tableaux de bord riches en données, les pages de compte ou toute page que vous ne souhaitez pas voir indexée par les moteurs de recherche.
Résumé
L'élément le plus important pour le SEO est que les données de la page et les métadonnées soient disponibles au chargement de la page sans JavaScript. Dans ce cas, la SSG ou le SSR seront vos meilleures options.
L'une des grandes forces de Next.js est que chacune de ces méthodes de rendu peut être appliquée page par page. Vous pouvez vouloir que vos articles de blog soient générés statiquement, le tableau de bord de vos clients rendu côté client, et peut-être avez-vous un flux d'actualités que vous souhaitez rendre côté serveur.
Pour aller plus loin
- Next.js : Récupération de données
- Smashing Magazine : Un guide complet sur la régénération statique incrémentielle avec Next.js
- Vercel : Next.js : Rendu côté serveur vs. Génération statique