Playbook · Contenu lisible sans JavaScript
Prérender le contenu critique
Assurez-vous que le contenu principal soit dans le HTML brut.
- DifficultéIntermédiaire
- Temps estimé4 h
Pourquoi c’est important#
- Le contenu injecté par JavaScript après le chargement n'est pas lu par les robots d'OpenAI, d'Anthropic et de Perplexity, qui n'exécutent pas le JavaScript (analyse Vercel et MERJ, décembre 2024).
- Google exécute le JavaScript, mais recommande tout de même le rendu côté serveur ou le prérendu : plus rapide pour les internautes et les robots, et tous les robots ne savent pas exécuter le JavaScript.
Étapes à suivre#
Vous pouvez les appliquer vous-même, pas à pas, dans l’ordre.
- Identifiez le contenu chargé en async (fetch, useEffect, etc.).
- Migrez ce qui est important en SSR ou pré-rendu au build.
- Comparez le code source de la page (View Source, Ctrl+U) avec la page affichée : tout texte, prix ou horaire absent du code source est invisible pour ces robots.
Exemples#
<p id="horaires"></p>
<script>
fetch("/api/horaires").then(r => r.text()).then(t => {
document.getElementById("horaires").textContent = t;
});
</script><p id="horaires">Ouvert du lundi au samedi, de 8 h à 18 h.</p>Sources officielles#
Les affirmations de cette fiche s’appuient sur les pages suivantes, rédigées par les éditeurs concernés.
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.
- Activer le Server-Side Rendering (SSR)Le SSR rend votre contenu accessible aux IA dès la première requête HTTP.
- Prerender critique avec fallback SSRSolution intermédiaire pour SPA qui ne peuvent pas migrer complètement.
- 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