PLAYBOOKJS Rendering
Ajouter un H1 visible dans le HTML brut
Le H1 identifie le sujet principal de votre page pour toutes les IA.
Facile
30 min
Pourquoi c'est important
- Les 15 bots IA (GPTBot, ClaudeBot, PerplexityBot, GeminiBot, etc.) lisent le HTML brut avant tout JS. Sans H1 statique, votre page est identifiée uniquement par son URL — perte massive de contexte.
- Google Search Console et les scrapers SEO classiques (Ahrefs, Semrush) partagent la même contrainte : ils accordent un poids élevé au H1 pour la thématique.
- Un H1 optimisé augmente de 15 à 20% la probabilité que votre page apparaisse comme source dans une réponse IA générative.
Étapes à suivre
- 1
Auditez votre page en désactivant JavaScript dans DevTools (Ctrl+Shift+P → 'Disable JavaScript') — si aucun H1 n'apparaît, votre H1 est en SPA/JS.
- 2
Ajoutez un `<h1>` statique dans votre HTML source (avant le bundle JS), avec le titre thématique principal.
- 3
Si vous utilisez un framework SPA (React/Vue/Angular), configurez le SSR (Next.js, Nuxt, Angular Universal) ou utilisez un service de prerendering (Prerender.io).
- 4
Vérifiez que le H1 contient le mot-clé principal (thématique) et reste sous 70 caractères.
Exemples
HTML brut correct
<h1>Audit GEO · Mesurez votre visibilité dans ChatGPT, Claude, Gemini</h1>À éviter (JS injecte le H1)
<div id="root"></div>
<script src="/app.js"></script>Aller plus loin