Activer le Server-Side Rendering (SSR)

Pourquoi c’est important#

• Les LLMs et les bots IA ne rendent PAS le JavaScript. Sans SSR, votre contenu SPA est invisible.
• Le SSR (ou SSG statique) sert un HTML complet dès la requête initiale : parfait pour l'indexation IA.

Étapes à suivre#

Vous pouvez les appliquer vous-même, pas à pas, dans l’ordre.

1. Choisissez un framework SSR adapté à votre stack : Next.js (React), Nuxt (Vue), Angular Universal (Angular), SvelteKit (Svelte).
2. Migrez vos pages critiques en priorité (landing, catégories, produits).
3. Testez avec curl ou View Source : le contenu doit apparaître complet dans le HTML brut.
4. Vérifiez que les métadonnées (title, meta, JSON-LD) sont générées côté serveur.

Exemple#

export async function getServerSideProps() {
  const data = await fetchData();
  return { props: { data } };
}

Sources officielles#

Les affirmations de cette fiche s’appuient sur les pages suivantes, rédigées par les éditeurs concernés.

• Next.js · Docs
• Nuxt · Docs

Fiches voisines#

Dans la même catégorie : Contenu lisible sans JavaScript.

• Ajouter un H1 visible dans le HTML brutLe H1 annonce le sujet principal de votre page, encore faut-il qu'il soit dans le HTML reçu par les robots.
• Ajouter une balise <title> dans le HTML brutLe title est le titre de votre page : il doit exister dans le HTML reçu, pas seulement après exécution du JavaScript.
• Réduire à un seul H1 par pageUn seul H1 décrit clairement le sujet de la page ; la norme HTML en autorise plusieurs, mais ce n'est pas la bonne pratique.
• Prerender critique avec fallback SSRSolution intermédiaire pour SPA qui ne peuvent pas migrer complètement.
• Prérender le contenu critiqueAssurez-vous que le contenu principal soit dans le HTML brut.
• Ajouter un fallback <noscript>Le tag <noscript> sert de filet de sécurité pour les clients qui n'exécutent pas JS.
• Enrichir le contenu (thin content)Une page qui ne répond pas aux questions de vos clients n'offre rien à citer.

Toutes les fiches du playbook · Qu’est-ce que le GEO ? · Notre méthodologie