Ajouter un H1 visible dans le HTML brut

Pourquoi c’est important#

• D'après l'analyse de Vercel et MERJ (décembre 2024), les robots d'OpenAI (GPTBot, OAI-SearchBot, ChatGPT-User), d'Anthropic (ClaudeBot) et de Perplexity (PerplexityBot) n'exécutent pas le JavaScript : ils ne lisent que le HTML reçu. Un H1 ajouté par un script ne leur est donc pas visible.
• Googlebot, lui, exécute le JavaScript dans un second temps (Google Search Central) : un H1 injecté peut passer chez Google et rester invisible chez ces robots.
• Nous n'avons trouvé aucune mesure publiée de l'effet d'un H1 sur les citations dans une réponse d'IA : ne comptez pas sur un gain chiffré. Le H1 est une base de lisibilité, pas un levier promis.

Étapes à suivre#

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

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 décrit clairement le sujet de la page et qu'il est unique : la norme HTML autorise plusieurs H1, mais MDN recommande d'en garder un seul.

Exemples#

<h1>Audit GEO · Mesurez votre visibilité dans ChatGPT, Claude, Gemini</h1>

<div id="root"></div>
<script src="/app.js"></script>

Sources officielles#

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

• Vercel et MERJ · The rise of the AI crawler (décembre 2024)
• Google · JavaScript SEO basics
• MDN · Éléments de titre (h1 à h6)
• Web.dev · Semantic HTML

Fiches voisines#

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

• 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.
• 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