Etre cité par les IA

<!--
SEO WordPress / Yoast
Titre conseillé : Être cité par les IA : guide AEO, AI Overviews et ChatGPT
Méta-description : Comment gagner en visibilité dans AI Overviews, ChatGPT Search et Copilot ? Le guide AEO 2026 d’Apollo Lab : contenu, crawl, autorité et mesure.
Canonical Ă  conserver : https://apollo-lab.fr/etre-cite-par-les-ia/
Intégration : ce bloc inclut son propre H1. Désactiver le hero/titre de page natif de Kubio pour éviter un doublon.
-->
<div id="apollo-aeo">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Poppins:wght@400;500;600;700;800&display=swap');

    #apollo-aeo {
      --aeo-ink: #171719;
      --aeo-ink-soft: #242426;
      --aeo-paper: #fff;
      --aeo-mist: #f4f4f2;
      --aeo-peach: #ea9374;
      --aeo-peach-dark: #b96349;
      --aeo-text: #29292b;
      --aeo-muted: #68686d;
      --aeo-line: #e4e3df;
      --aeo-max: 1180px;
      color: var(--aeo-text);
      font-family: 'Poppins', Arial, sans-serif;
      font-size: 16px;
      line-height: 1.8;
    }
    #apollo-aeo *,
    #apollo-aeo *::before,
    #apollo-aeo *::after { box-sizing: border-box; }
    #apollo-aeo a { color: var(--aeo-peach-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
    #apollo-aeo a:hover { color: var(--aeo-ink); }
    #apollo-aeo a:focus-visible,
    #apollo-aeo button:focus-visible { outline: 3px solid var(--aeo-peach); outline-offset: 4px; }
    #apollo-aeo .aeo-full { width: 100vw; margin-left: calc(50% - 50vw); }
    #apollo-aeo .aeo-wrap { width: min(var(--aeo-max), 100%); margin-inline: auto; padding-inline: 28px; }
    #apollo-aeo .aeo-kicker,
    #apollo-aeo .aeo-label,
    #apollo-aeo .aeo-eyebrow,
    #apollo-aeo .aeo-num {
      font-family: 'DM Mono', monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: .11em;
      line-height: 1.5;
      text-transform: uppercase;
    }
    #apollo-aeo .aeo-hero {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: clamp(76px, 10vw, 142px) 0 clamp(72px, 9vw, 118px);
      background:
        radial-gradient(ellipse at 82% 22%, rgba(234,147,116,.18), transparent 28%),
        radial-gradient(ellipse at 12% 88%, rgba(255,255,255,.08), transparent 35%),
        linear-gradient(122deg, #151516 0%, #202022 58%, #111112 100%);
      color: #fff;
    }
    #apollo-aeo .aeo-hero::before {
      position: absolute;
      z-index: -1;
      inset: 0;
      background-image:
        radial-gradient(circle at 12% 24%, rgba(255,255,255,.34) 1px, transparent 1.5px),
        radial-gradient(circle at 72% 68%, rgba(234,147,116,.46) 1px, transparent 1.7px),
        linear-gradient(148deg, transparent 49.9%, rgba(255,255,255,.055) 50%, transparent 50.2%);
      background-size: 88px 88px, 116px 116px, 100% 100%;
      content: "";
      opacity: .38;
      pointer-events: none;
    }
    #apollo-aeo .aeo-hero-inner { max-width: 1000px; }
    #apollo-aeo .aeo-hero .aeo-eyebrow { margin: 0 0 28px; color: var(--aeo-peach); }
    #apollo-aeo .aeo-hero .aeo-eyebrow span { color: #fff; }
    #apollo-aeo .aeo-hero h1 {
      max-width: 940px;
      margin: 0;
      color: #fff;
      font-size: clamp(44px, 8vw, 94px);
      font-weight: 800;
      letter-spacing: -.065em;
      line-height: .99;
    }
    #apollo-aeo .aeo-hero h1 em { color: var(--aeo-peach); font-style: normal; }
    #apollo-aeo .aeo-deck {
      max-width: 760px;
      margin: 30px 0 0;
      color: rgba(255,255,255,.82);
      font-size: clamp(17px, 2vw, 21px);
      line-height: 1.75;
    }
    #apollo-aeo .aeo-byline {
      display: flex;
      flex-wrap: wrap;
      gap: 9px 24px;
      margin: 30px 0 0;
      color: rgba(255,255,255,.65);
      font-size: 13px;
    }
    #apollo-aeo .aeo-byline strong { color: #fff; font-weight: 600; }
    #apollo-aeo .aeo-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 34px; }
    #apollo-aeo .aeo-button {
      display: inline-flex;
      min-height: 52px;
      align-items: center;
      justify-content: center;
      padding: 13px 22px;
      border: 1px solid var(--aeo-peach);
      background: var(--aeo-peach);
      color: var(--aeo-ink) !important;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      line-height: 1.4;
      text-decoration: none;
      text-transform: uppercase;
      transition: background .18s ease, transform .18s ease;
    }
    #apollo-aeo .aeo-button:hover { transform: translateY(-2px); background: #f3ad93; }
    #apollo-aeo .aeo-text-link { color: #fff !important; font-size: 13px; }
    #apollo-aeo .aeo-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
    #apollo-aeo .aeo-topics span {
      padding: 6px 10px;
      border: 1px solid rgba(255,255,255,.22);
      color: rgba(255,255,255,.78);
      font-family: 'DM Mono', monospace;
      font-size: 10px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    #apollo-aeo .aeo-layout {
      display: grid;
      grid-template-columns: 215px minmax(0, 1fr);
      gap: clamp(38px, 6vw, 84px);
      width: min(var(--aeo-max), 100%);
      margin-inline: auto;
      padding: 76px 28px 110px;
    }
    #apollo-aeo .aeo-toc { align-self: start; position: sticky; top: 28px; }
    #apollo-aeo .aeo-toc .aeo-label { margin: 0 0 14px; color: var(--aeo-muted); }
    #apollo-aeo .aeo-toc nav { display: grid; gap: 3px; }
    #apollo-aeo .aeo-toc a {
      display: block;
      padding: 8px 10px;
      border-left: 2px solid transparent;
      color: #55555a;
      font-size: 12px;
      line-height: 1.55;
      text-decoration: none;
    }
    #apollo-aeo .aeo-toc a:hover { border-left-color: var(--aeo-peach); color: var(--aeo-ink); }
    #apollo-aeo .aeo-article { min-width: 0; max-width: 820px; }
    #apollo-aeo .aeo-intro {
      margin: 0 0 78px;
      padding: 0 0 40px;
      border-bottom: 1px solid var(--aeo-line);
    }
    #apollo-aeo .aeo-intro .aeo-label { color: var(--aeo-peach-dark); }
    #apollo-aeo .aeo-intro p { margin: 15px 0 0; }
    #apollo-aeo .aeo-intro .aeo-lede { color: var(--aeo-ink); font-size: clamp(20px, 2.6vw, 26px); font-weight: 600; line-height: 1.55; }
    #apollo-aeo .aeo-intro .aeo-small { color: var(--aeo-muted); font-size: 13px; }
    #apollo-aeo .aeo-outcomes {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 28px;
    }
    #apollo-aeo .aeo-outcome { padding: 18px; border-top: 3px solid var(--aeo-peach); background: var(--aeo-mist); }
    #apollo-aeo .aeo-outcome strong { display: block; color: var(--aeo-ink); font-size: 14px; }
    #apollo-aeo .aeo-outcome span { display: block; margin-top: 5px; color: var(--aeo-muted); font-size: 12px; line-height: 1.6; }

    #apollo-aeo .aeo-section { scroll-margin-top: 28px; margin-top: 82px; }
    #apollo-aeo .aeo-section-head { margin-bottom: 27px; }
    #apollo-aeo .aeo-section-head .aeo-num { display: block; margin-bottom: 12px; color: var(--aeo-peach-dark); }
    #apollo-aeo .aeo-section h2 {
      max-width: 760px;
      margin: 0;
      color: var(--aeo-ink);
      font-size: clamp(28px, 4.1vw, 43px);
      font-weight: 700;
      letter-spacing: -.045em;
      line-height: 1.13;
    }
    #apollo-aeo .aeo-section h3 { margin: 34px 0 10px; color: var(--aeo-ink); font-size: 20px; font-weight: 700; line-height: 1.35; }
    #apollo-aeo .aeo-section h4 { margin: 0 0 8px; color: var(--aeo-ink); font-size: 15px; font-weight: 700; line-height: 1.4; }
    #apollo-aeo .aeo-section p { margin: 0 0 18px; }
    #apollo-aeo .aeo-section ul,
    #apollo-aeo .aeo-section ol { margin: 14px 0 24px; padding-left: 22px; }
    #apollo-aeo .aeo-section li { margin: 8px 0; padding-left: 3px; }
    #apollo-aeo .aeo-section li::marker { color: var(--aeo-peach-dark); }
    #apollo-aeo .aeo-note {
      margin: 25px 0;
      padding: 20px 22px;
      border-left: 4px solid var(--aeo-peach);
      background: var(--aeo-mist);
    }
    #apollo-aeo .aeo-note strong { color: var(--aeo-ink); }
    #apollo-aeo .aeo-note p:last-child { margin-bottom: 0; }
    #apollo-aeo .aeo-dark-note { background: var(--aeo-ink); color: rgba(255,255,255,.84); }
    #apollo-aeo .aeo-dark-note strong { color: #fff; }
    #apollo-aeo .aeo-dark-note a { color: var(--aeo-peach); }
    #apollo-aeo .aeo-grid-2,
    #apollo-aeo .aeo-grid-3,
    #apollo-aeo .aeo-grid-4 { display: grid; gap: 14px; margin: 24px 0; }
    #apollo-aeo .aeo-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #apollo-aeo .aeo-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #apollo-aeo .aeo-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    #apollo-aeo .aeo-card {
      padding: 20px;
      border: 1px solid var(--aeo-line);
      background: #fff;
    }
    #apollo-aeo .aeo-card .aeo-label { display: block; margin-bottom: 10px; color: var(--aeo-peach-dark); }
    #apollo-aeo .aeo-card p { margin: 0; color: #57575b; font-size: 13px; line-height: 1.75; }
    #apollo-aeo .aeo-card strong { color: var(--aeo-ink); }

    #apollo-aeo .aeo-steps {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 26px 0;
    }
    #apollo-aeo .aeo-step { min-height: 180px; padding: 18px; background: var(--aeo-ink); color: #fff; }
    #apollo-aeo .aeo-step .aeo-label { display: block; margin-bottom: 20px; color: var(--aeo-peach); }
    #apollo-aeo .aeo-step strong { display: block; margin-bottom: 8px; font-size: 15px; }
    #apollo-aeo .aeo-step p { margin: 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.65; }

    #apollo-aeo .aeo-raft { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 24px 0; }
    #apollo-aeo .aeo-raft-card { padding: 20px 18px; border-top: 3px solid var(--aeo-peach); background: var(--aeo-mist); }
    #apollo-aeo .aeo-raft-card b { display: block; margin-bottom: 10px; color: var(--aeo-peach-dark); font-family: 'DM Mono', monospace; font-size: 21px; }
    #apollo-aeo .aeo-raft-card strong { display: block; color: var(--aeo-ink); font-size: 14px; }
    #apollo-aeo .aeo-raft-card p { margin: 8px 0 0; color: #5d5d61; font-size: 12px; line-height: 1.65; }
    #apollo-aeo .aeo-example {
      margin: 24px 0;
      padding: 22px 24px;
      border: 1px solid var(--aeo-line);
      background: #fff;
    }
    #apollo-aeo .aeo-example .aeo-label { display: block; margin-bottom: 9px; color: var(--aeo-peach-dark); }
    #apollo-aeo .aeo-example p { margin: 0; color: var(--aeo-ink); font-size: 15px; }

    #apollo-aeo .aeo-table-wrap { width: 100%; overflow-x: auto; margin: 23px 0; border: 1px solid var(--aeo-line); }
    #apollo-aeo table { width: 100%; border-collapse: collapse; background: #fff; font-size: 13px; line-height: 1.65; }
    #apollo-aeo th,
    #apollo-aeo td { min-width: 150px; padding: 14px 16px; border-bottom: 1px solid var(--aeo-line); text-align: left; vertical-align: top; }
    #apollo-aeo th { background: var(--aeo-ink); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
    #apollo-aeo td:first-child { color: var(--aeo-ink); font-weight: 600; }
    #apollo-aeo tr:last-child td { border-bottom: 0; }

    #apollo-aeo .aeo-copy-block { position: relative; margin: 16px 0; padding: 18px 120px 18px 20px; border: 1px solid var(--aeo-line); background: var(--aeo-mist); }
    #apollo-aeo .aeo-copy-block p { margin: 0; color: #353538; font-size: 13px; line-height: 1.75; }
    #apollo-aeo .aeo-copy-block button {
      position: absolute;
      top: 14px;
      right: 14px;
      min-height: 36px;
      padding: 7px 11px;
      border: 1px solid var(--aeo-ink);
      background: transparent;
      color: var(--aeo-ink);
      cursor: pointer;
      font-family: 'DM Mono', monospace;
      font-size: 10px;
      text-transform: uppercase;
    }
    #apollo-aeo .aeo-copy-block button:hover { background: var(--aeo-ink); color: #fff; }

    #apollo-aeo .aeo-timeline { display: grid; gap: 12px; margin: 24px 0; }
    #apollo-aeo .aeo-sprint { display: grid; grid-template-columns: 135px 1fr; gap: 22px; padding: 20px; border: 1px solid var(--aeo-line); }
    #apollo-aeo .aeo-sprint .aeo-label { color: var(--aeo-peach-dark); }
    #apollo-aeo .aeo-sprint h3 { margin: 0 0 7px; font-size: 16px; }
    #apollo-aeo .aeo-sprint p { margin: 0; color: #5d5d61; font-size: 13px; }

    #apollo-aeo .aeo-faq { border-top: 1px solid var(--aeo-line); }
    #apollo-aeo .aeo-faq details { padding: 17px 0; border-bottom: 1px solid var(--aeo-line); }
    #apollo-aeo .aeo-faq summary { color: var(--aeo-ink); cursor: pointer; font-weight: 600; }
    #apollo-aeo .aeo-faq details p { margin: 12px 0 0; color: #55555a; }

    #apollo-aeo .aeo-sources { padding: 22px; background: var(--aeo-mist); }
    #apollo-aeo .aeo-sources ol { margin-bottom: 0; }
    #apollo-aeo .aeo-sources li { font-size: 12px; }
    #apollo-aeo .aeo-sources small { color: var(--aeo-muted); }
    #apollo-aeo .aeo-bottom {
      padding: 62px 0;
      background: var(--aeo-ink);
      color: #fff;
    }
    #apollo-aeo .aeo-bottom-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; }
    #apollo-aeo .aeo-bottom h2 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.04em; line-height: 1.15; }
    #apollo-aeo .aeo-bottom p { max-width: 680px; margin: 14px 0 0; color: rgba(255,255,255,.7); font-size: 14px; }
    #apollo-aeo .aeo-footer-line { display: flex; justify-content: space-between; gap: 16px; margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.55); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }

    @media (max-width: 900px) {
      #apollo-aeo .aeo-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 42px; }
      #apollo-aeo .aeo-toc { position: static; }
      #apollo-aeo .aeo-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #apollo-aeo .aeo-toc a { border-left: 0; border-bottom: 1px solid var(--aeo-line); }
      #apollo-aeo .aeo-steps,
      #apollo-aeo .aeo-raft { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #apollo-aeo .aeo-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #apollo-aeo .aeo-bottom-inner { grid-template-columns: 1fr; }
    }
    @media (max-width: 620px) {
      #apollo-aeo { font-size: 15px; }
      #apollo-aeo .aeo-wrap,
      #apollo-aeo .aeo-layout { padding-inline: 20px; }
      #apollo-aeo .aeo-hero { padding-top: 72px; }
      #apollo-aeo .aeo-byline { display: grid; gap: 5px; }
      #apollo-aeo .aeo-outcomes,
      #apollo-aeo .aeo-grid-2,
      #apollo-aeo .aeo-grid-3,
      #apollo-aeo .aeo-grid-4 { grid-template-columns: 1fr; }
      #apollo-aeo .aeo-steps { grid-template-columns: 1fr 1fr; }
      #apollo-aeo .aeo-raft { grid-template-columns: 1fr 1fr; }
      #apollo-aeo .aeo-step { min-height: 0; }
      #apollo-aeo .aeo-sprint { grid-template-columns: 1fr; gap: 5px; }
      #apollo-aeo .aeo-copy-block { padding: 62px 16px 16px; }
      #apollo-aeo .aeo-copy-block button { top: 12px; left: 14px; right: auto; }
      #apollo-aeo .aeo-footer-line { flex-direction: column; }
    }
    @media (prefers-reduced-motion: reduce) {
      #apollo-aeo *, #apollo-aeo *::before, #apollo-aeo *::after { scroll-behavior: auto !important; transition: none !important; }
    }
  </style>

  <header class="aeo-hero aeo-full" aria-labelledby="apollo-aeo-title">
    <div class="aeo-wrap aeo-hero-inner">
      <p class="aeo-eyebrow"><span>APOLLO LAB</span> / SEO · AI VISIBILITY · OCTOBRE 2026</p>
      <h1 id="apollo-aeo-title">Être cité<br>par les <em>IA.</em></h1>
      <p class="aeo-deck">AI Overviews, AI Mode, ChatGPT Search, Copilot : comment rendre une marque visible là où les réponses se construisent — sans confondre une intuition de consultant avec une règle de moteur.</p>
      <div class="aeo-byline">
        <span>Par <strong>Thomas Leonetti</strong>, consultant SEO depuis 18 ans</span>
        <span>Mis Ă  jour le 15 octobre 2026</span>
      </div>
      <div class="aeo-hero-actions">
        <a class="aeo-button" href="#plan-90-jours">Voir le plan d’action</a>
        <a class="aeo-text-link" href="https://wa.me/+33677992276" target="_blank" rel="noopener noreferrer">Parler visibilité avec Apollo Lab ↗</a>
      </div>
      <div class="aeo-topics" aria-label="Sujets couverts">
        <span>AEO / GEO</span><span>AI Overviews &amp; AI Mode</span><span>ChatGPT Search</span><span>Mesure des citations</span>
      </div>
    </div>
  </header>

  <div class="aeo-layout">
    <aside class="aeo-toc" aria-label="Navigation dans le guide">
      <p class="aeo-label">Dans ce guide</p>
      <nav>
        <a href="#cadre">01 · Ce que recouvre l’AEO</a>
        <a href="#mecanique">02 · Comment une citation arrive</a>
        <a href="#contenu">03 · Écrire une page citable</a>
        <a href="#marque">04 · Marque, auteur, preuves</a>
        <a href="#technique">05 · Les réglages techniques</a>
        <a href="#mesure">06 · Mesurer sans se raconter d’histoires</a>
        <a href="#plan-90-jours">07 · Plan d’action sur 90 jours</a>
        <a href="#faq">FAQ</a>
      </nav>
    </aside>

    <article class="aeo-article" id="contenu-guide">
      <div class="aeo-intro" id="cadre">
        <span class="aeo-label">Le point de départ</span>
        <p class="aeo-lede">Le référencement n’a pas disparu. Il s’est prolongé dans des interfaces qui sélectionnent, résument et parfois citent les pages à la place de l’internaute.</p>
        <p>L’AEO — Answer Engine Optimization — et le GEO — Generative Engine Optimization — désignent les pratiques qui cherchent à améliorer la présence d’un site, d’une marque ou d’une expertise dans les réponses produites par les moteurs conversationnels. Les termes se recouvrent, mais ne désignent pas encore une discipline dotée d’une définition ou d’une mesure universelle.</p>
        <p>Pour le travail concret, je les ramène à une question très SEO : <strong>est-ce que le bon contenu peut être trouvé, compris, retenu comme source utile et relié à la bonne marque ?</strong></p>
        <div class="aeo-outcomes" aria-label="Trois résultats différents de la visibilité IA">
          <div class="aeo-outcome"><strong>Être mentionné</strong><span>La marque apparaît dans la réponse, sans forcément de lien.</span></div>
          <div class="aeo-outcome"><strong>Être cité</strong><span>Une page est donnée comme source ou comme référence.</span></div>
          <div class="aeo-outcome"><strong>Gagner un visiteur</strong><span>La citation déclenche une visite utile, puis éventuellement une conversion.</span></div>
        </div>
        <p class="aeo-small">Ces trois résultats sont liés, mais ils ne sont ni interchangeables ni mesurés de la même façon.</p>
      </div>

      <section class="aeo-section" id="mecanique" aria-labelledby="titre-mecanique">
        <div class="aeo-section-head"><span class="aeo-num">01 / La mécanique</span><h2 id="titre-mecanique">Il n’existe pas un seul « pipeline IA ».</h2></div>
        <p>Une réponse peut s’appuyer sur des pages récupérées à la demande, sur des index de recherche, sur des connaissances déjà apprises par le modèle, ou sur plusieurs de ces mécanismes. Les détails internes varient selon le produit et restent en partie opaques. Présenter partout le même pipeline RAG — mêmes étapes, mêmes pondérations, mêmes règles de citation — donne une fausse impression de certitude.</p>
        <p>Ce qu’on peut observer, en revanche, c’est une chaîne de travail utile pour diagnostiquer sa visibilité. Google indique notamment que AI Overviews et AI Mode peuvent décomposer une question en recherches liées — le « query fan-out » — et que les sources affichées varient selon la fonctionnalité et la réponse. <a href="https://developers.google.com/search/docs/appearance/ai-features" target="_blank" rel="noopener noreferrer">Voir la documentation de Google Search Central ↗</a></p>
        <div class="aeo-steps" aria-label="Quatre étapes observables de la visibilité IA">
          <div class="aeo-step"><span class="aeo-label">Étape 01</span><strong>Accès</strong><p>La page est-elle accessible au moteur concerné, indexable et exploitable ?</p></div>
          <div class="aeo-step"><span class="aeo-label">Étape 02</span><strong>Pertinence</strong><p>Répond-elle précisément à la question et à ses sous-questions ?</p></div>
          <div class="aeo-step"><span class="aeo-label">Étape 03</span><strong>Choix de source</strong><p>Apporte-t-elle une preuve, une explication ou une donnée utile à la réponse ?</p></div>
          <div class="aeo-step"><span class="aeo-label">Étape 04</span><strong>Résultat</strong><p>La marque est-elle mentionnée, la page citée, puis le trafic qualifié observé ?</p></div>
        </div>
        <div class="aeo-note aeo-dark-note">
          <p><strong>La bonne unité d’analyse, c’est la question.</strong> Une page peut être citée pour répondre à une sous-question précise sans dominer une requête générique dans les résultats classiques. À l’inverse, une page très bien positionnée ne sera pas automatiquement reprise dans chaque synthèse IA. Il faut tester par sujet, par formulation et par moteur.</p>
        </div>
      </section>

      <section class="aeo-section" aria-labelledby="titre-preuves">
        <div class="aeo-section-head"><span class="aeo-num">02 / Le niveau de preuve</span><h2 id="titre-preuves">Les études existent. La recette universelle, non.</h2></div>
        <p>La première étude GEO largement citée a testé des modifications éditoriales sur un benchmark de réponses génératives. Elle a observé, dans ce cadre expérimental, des gains de visibilité pouvant atteindre 40 %. Ce résultat montre que la présentation d’un contenu peut compter dans certaines conditions. Il ne démontre pas qu’une même tactique améliore de 40 % les citations organiques de n’importe quel site sur ChatGPT, Google ou Copilot aujourd’hui. <a href="https://arxiv.org/abs/2311.09735" target="_blank" rel="noopener noreferrer">Aggarwal et al., GEO, KDD 2024 ↗</a></p>
        <p>Une prépublication de revue critique déposée sur arXiv en 2026 souligne que les métriques, les méthodes et les résultats restent hétérogènes. Elle conclut que les preuves d’un effet causal stable, durable et commun à plusieurs plateformes sont encore limitées. <a href="https://arxiv.org/abs/2607.14035" target="_blank" rel="noopener noreferrer">Martinez, revue GEO 2023–2026 ↗</a></p>
        <div class="aeo-grid-2">
          <div class="aeo-card"><span class="aeo-label">Ce qu’on peut affirmer</span><p>Un contenu doit rester accessible, répondre au besoin, apporter des éléments vérifiables et être présenté dans une page compréhensible. Les moteurs documentent certains prérequis propres à leurs produits.</p></div>
          <div class="aeo-card"><span class="aeo-label">Ce qu’il faut traiter comme hypothèse</span><p>Un pourcentage universel de citations lié à Reddit, au nombre de mots, à une FAQ, au premier tiers de page ou à un score AEO pondéré. Sans protocole comparable et reproductible, ces chiffres ne sont pas des règles.</p></div>
        </div>
        <p>Chez Apollo Lab, on privilégie donc un audit qui mène à des tests : quelles pages sont accessibles, quelles questions elles couvrent, quelles preuves elles apportent, et ce qu’on observe réellement sur chaque surface. Un score maison peut aider à prioriser un chantier ; il ne prédit pas la prochaine réponse d’un moteur.</p>
      </section>

      <section class="aeo-section" id="contenu" aria-labelledby="titre-contenu">
        <div class="aeo-section-head"><span class="aeo-num">03 / Le contenu</span><h2 id="titre-contenu">Écrire pour être utile avant d’écrire pour être extrait.</h2></div>
        <p>Les conseils les plus défendables ressemblent souvent à du bon SEO éditorial : cerner l’intention, apporter une réponse précise, montrer d’où viennent les affirmations et organiser la page pour qu’un lecteur puisse retrouver rapidement ce qu’il cherche. La différence, c’est qu’une réponse synthétique peut représenter la page avant même qu’un clic ait lieu.</p>
        <h3>La trame RAFT d’Apollo Lab</h3>
        <p>RAFT est notre structure de travail pour construire une section claire. C’est un cadre éditorial, pas un format exigé par Google ou une formule que les LLM « préfèrent » par définition.</p>
        <div class="aeo-raft">
          <div class="aeo-raft-card"><b>R</b><strong>Réponse</strong><p>Traitez la question d’emblée et posez les limites de la réponse.</p></div>
          <div class="aeo-raft-card"><b>A</b><strong>Argument</strong><p>Expliquez le raisonnement, les conditions et les arbitrages.</p></div>
          <div class="aeo-raft-card"><b>F</b><strong>Fait</strong><p>Donnez un exemple, une donnée ou une source que l’on peut vérifier.</p></div>
          <div class="aeo-raft-card"><b>T</b><strong>Transfert</strong><p>Précisez ce que le lecteur peut en faire dans son contexte.</p></div>
        </div>
        <div class="aeo-example">
          <span class="aeo-label">À quoi ressemble une réponse nette ?</span>
          <p><strong>Question :</strong> « Faut-il créer une page dédiée par ville pour une formation ? »<br><strong>Réponse :</strong> « Oui, si l’organisme peut réellement décrire l’offre, les modalités ou les preuves locales pour cette ville. Si seule la ville change dans un modèle, une page dédiée risque d’ajouter peu de valeur. Commencez par tester la demande et la capacité à fournir une information réellement locale. »</p>
        </div>
        <h3>Une page solide fait cinq choses</h3>
        <ol>
          <li><strong>Elle traite une intention identifiable.</strong> Un guide, un comparatif et une page commerciale n’ont pas à répondre de la même manière.</li>
          <li><strong>Elle répond tôt, sans formule de longueur magique.</strong> Le lecteur comprend le sujet et le périmètre avant d’entrer dans les détails.</li>
          <li><strong>Elle donne des preuves.</strong> Sources primaires, dates, méthode, limites, expérience vécue ou données originales lorsque le sujet s’y prête.</li>
          <li><strong>Elle sépare les faits, les recommandations et les opinions.</strong> Une prise de position forte est utile quand elle est assumée et argumentée.</li>
          <li><strong>Elle se tient seule par section.</strong> Des intertitres précis, des tableaux lisibles et des liens internes rendent chaque partie compréhensible sans imposer une architecture artificielle de « chunks ».</li>
        </ol>
        <div class="aeo-note"><p><strong>Pas besoin d’ajouter huit questions en bas de chaque page.</strong> Une FAQ est utile si elle répond à de vraies questions laissées ouvertes par le contenu. Une FAQ générique, répétitive ou balisée juste pour « plaire aux IA » reste du remplissage.</p></div>
      </section>

      <section class="aeo-section" id="marque" aria-labelledby="titre-marque">
        <div class="aeo-section-head"><span class="aeo-num">04 / La marque</span><h2 id="titre-marque">Une page n’est pas une réputation.</h2></div>
        <p>La visibilité d’une marque dans les réponses ne se construit pas uniquement sur son site. Un moteur peut croiser une page de service, une biographie, des sources éditoriales et des informations présentes ailleurs. Cela rend la cohérence utile — mais cela ne signifie pas que toutes les plateformes accordent le même poids à Reddit, à la presse, à Wikipédia ou aux réseaux sociaux.</p>
        <div class="aeo-grid-3">
          <div class="aeo-card"><span class="aeo-label">Identité claire</span><p>Un nom stable, une activité décrite sans contradiction, des pages À propos et auteurs renseignées, des profils publics cohérents.</p></div>
          <div class="aeo-card"><span class="aeo-label">Expertise démontrée</span><p>Des analyses signées, des cas documentés, des données originales, une méthode expliquée et des prises de position attribuables.</p></div>
          <div class="aeo-card"><span class="aeo-label">Présence externe</span><p>Des mentions et références pertinentes dans l’écosystème professionnel, obtenues par de vraies contributions — pas par une campagne de faux avis ou de mentions artificielles.</p></div>
        </div>
        <p>Les données structurées peuvent aider à décrire correctement une organisation, une personne ou un article. Elles doivent correspondre au contenu visible et aux informations réelles. Elles ne créent ni réputation, ni « Knowledge Graph » sur commande, ni garantie de citation.</p>
        <p>La bonne question n’est pas « combien de fois mon nom apparaît-il sur Internet ? », mais « quand un tiers parle de cette expertise, peut-on vérifier qu’il s’agit bien de cette personne ou de cette organisation, et comprend-on ce qui la distingue ? »</p>
      </section>

      <section class="aeo-section" id="technique" aria-labelledby="titre-technique">
        <div class="aeo-section-head"><span class="aeo-num">05 / Les réglages techniques</span><h2 id="titre-technique">Ouvrir la bonne porte, moteur par moteur.</h2></div>
        <p>Autoriser un crawler rend une page accessible à un produit donné ; cela ne garantit ni indexation, ni sélection, ni citation. Le réglage dépend de la surface visée. Ne confondez pas le robot qui explore pour la recherche avec celui qui intervient dans l’entraînement d’un modèle.</p>
        <div class="aeo-table-wrap">
          <table>
            <thead><tr><th>Surface</th><th>À vérifier</th><th>Ce que cela ne promet pas</th></tr></thead>
            <tbody>
              <tr><td>Google AI Overviews / AI Mode</td><td>Page indexable, éligible à un extrait, contenu utile en texte, exploration permise à Googlebot, maillage et données structurées conformes au contenu. Suivre le rapport « Web » de Search Console.</td><td>Google indique qu’il n’y a pas d’exigence technique supplémentaire, de fichier IA ou de balisage spécial pour apparaître. L’indexation et l’affichage ne sont pas garantis.</td></tr>
              <tr><td>ChatGPT Search</td><td>Ne pas bloquer <code>OAI-SearchBot</code> dans <code>robots.txt</code> et vérifier également le CDN ou le pare-feu. OpenAI distingue ce robot de <code>GPTBot</code>, qui sert à gérer l’exploration susceptible d’être utilisée pour l’entraînement.</td><td>Autoriser la recherche ne garantit pas que la page soit reprise dans une réponse. Les deux réglages de robots sont indépendants.</td></tr>
              <tr><td>Bing / Copilot</td><td>Vérifier l’indexation Bing et déclarer le site dans Bing Webmaster Tools. Le rapport AI Performance donne des indications sur les citations et les pages citées.</td><td>Les fonctions Topics Portfolio et Citation Share sont en aperçu. Microsoft décrit plusieurs valeurs comme directionnelles ou approximatives : elles ne sont ni un rang ni un score de qualité.</td></tr>
              <tr><td>Autres moteurs de réponse</td><td>Lire leurs consignes de crawl en vigueur, contrôler les journaux serveur et tester les réponses sur les sujets qui comptent vraiment.</td><td>Une configuration qui aide sur une surface ne transfère pas automatiquement sa visibilité aux autres.</td></tr>
            </tbody>
          </table>
        </div>
        <p>Pour Google, la documentation officielle dit explicitement que les fondamentaux SEO existants restent pertinents, qu’aucun fichier ou balisage IA spécifique n’est nécessaire et que les pages doivent satisfaire aux critères habituels d’indexation et d’éligibilité aux extraits. <a href="https://developers.google.com/search/docs/appearance/ai-features" target="_blank" rel="noopener noreferrer">Documentation Google Search Central ↗</a></p>
        <p>Pour ChatGPT Search, <code>OAI-SearchBot</code> sert à faire apparaître des sites dans les fonctions de recherche de ChatGPT. <code>GPTBot</code> sert à gérer l’exploration potentiellement utilisée pour l’entraînement : OpenAI précise que les deux paramètres sont indépendants. <a href="https://developers.openai.com/api/docs/bots" target="_blank" rel="noopener noreferrer">Documentation OpenAI sur les robots ↗</a></p>
        <p>Dans Bing Webmaster Tools, AI Performance expose les citations observées dans les réponses prises en charge. Depuis le 13 octobre 2026, le tableau Topics Portfolio propose aussi des thèmes et des requêtes d’opportunité en version bêta ; Microsoft invite à traiter ses estimations comme des signaux de direction, pas comme un registre exact. <a href="https://blogs.bing.com/webmaster/2026/10/introducing-topics-portfolio-beta-in-ai-performance/" target="_blank" rel="noopener noreferrer">Annonce Microsoft ↗</a></p>
        <div class="aeo-note">
          <p><strong>Et <code>llms.txt</code> ?</strong> Vous pouvez le publier comme document d’orientation destiné à certains usages d’agents, si vous avez une raison claire de le maintenir. Ne le traitez pas comme un prérequis Google ni comme un levier d’AI Overviews : Google indique qu’aucun fichier texte ou balisage machine dédié n’est nécessaire pour ces fonctionnalités.</p>
        </div>
        <p>Les agents qui naviguent pour accomplir une tâche — comparer un produit, consulter une documentation, remplir une action — relèvent d’un chantier voisin. L’agent-readiness peut compter pour un site transactionnel ou une plateforme métier ; elle ne doit pas être présentée comme une condition pour être cité dans une réponse.</p>
      </section>

      <section class="aeo-section" id="mesure" aria-labelledby="titre-mesure">
        <div class="aeo-section-head"><span class="aeo-num">06 / La mesure</span><h2 id="titre-mesure">Mesurer une présence, pas inventer un score magique.</h2></div>
        <p>Une réponse générée change selon le moteur, la question, le contexte et la date. La mesure doit donc conserver son périmètre : quel moteur, quelles requêtes, quel pays ou quelle langue, quelle période ? Additionner les observations de plusieurs plateformes dans un seul « score de citabilité » masque plus qu’il n’explique.</p>
        <h3>Construire un panel de questions utile</h3>
        <p>En pratique, un premier panel de 20 à 40 questions liées à une décision de votre audience peut servir de point de départ, réparti entre découverte, comparaison, méthode et recommandation. Ce n’est pas un seuil statistique ni une norme. Gardez les formulations exactes, testez chaque plateforme séparément et répétez à intervalles réguliers, en notant la date, la langue, les marques citées et les URL effectivement données comme sources.</p>
        <div class="aeo-copy-block">
          <p>À partir de sources web actuelles, expliquez comment [problème de votre audience] se résout. Donnez les critères de choix, les limites et les sources utilisées. Ne partez pas du principe qu’une marque particulière doit être incluse.</p>
          <button type="button" data-copy>Copier le prompt</button>
        </div>
        <div class="aeo-copy-block">
          <p>Comparez les approches disponibles pour [sujet]. Pour chaque affirmation importante, indiquez les sources citées, la date de ces sources et les informations qui manquent pour choisir.</p>
          <button type="button" data-copy>Copier le prompt</button>
        </div>
        <div class="aeo-copy-block">
          <p>Quelles pages web répondent le mieux à [question précise] ? Résumez ce que chacune apporte et citez les URL utilisées. Si aucune source n’est suffisante, dites ce qui manque.</p>
          <button type="button" data-copy>Copier le prompt</button>
        </div>
        <h3>Suivre quatre signaux séparément</h3>
        <div class="aeo-table-wrap">
          <table>
            <thead><tr><th>Signal</th><th>Question à laquelle il répond</th><th>Où regarder</th></tr></thead>
            <tbody>
              <tr><td>Accès et indexation</td><td>Le moteur peut-il consulter les pages stratégiques ?</td><td>Search Console, Bing Webmaster Tools, robots.txt, logs serveur, inspection d’URL.</td></tr>
              <tr><td>Citation</td><td>Quelles pages et quels sujets apparaissent dans les réponses ?</td><td>Tests manuels répétés ; AI Performance de Bing pour les données qu’il expose ; suivi documenté par moteur.</td></tr>
              <tr><td>Visite issue d’une réponse</td><td>Une citation amène-t-elle des visiteurs sur le site ?</td><td>Référents et paramètres d’URL dans l’outil analytics, puis pages d’entrée.</td></tr>
              <tr><td>Valeur business</td><td>Ces visiteurs et cette présence produisent-ils une action utile ?</td><td>Conversions, demandes entrantes, recherches de marque, qualité des leads — comparés à une période de référence.</td></tr>
            </tbody>
          </table>
        </div>
        <div class="aeo-note aeo-dark-note">
          <p><strong>Ce que Bing mesure bien mérite d’être nommé précisément.</strong> La part de citation annoncée par Microsoft est une mesure observationnelle sur ses données, pas un classement concurrentiel, une part de trafic ou un score de qualité. AI Overviews et AI Mode, eux, sont intégrés au type de recherche « Web » dans le rapport Performance de Search Console selon la documentation Google. Chaque source de mesure répond à une question différente.</p>
        </div>
        <p>Pour une mesure artisanale mais défendable, calculez la part des tests où une URL du site est citée, sur un panel fixe et pour une plateforme donnée. Ajoutez un échantillon de prompts équivalents, conservez les captures ou les URL sources, puis comparez les périodes. C’est un indicateur de suivi interne, pas une métrique officielle de marché.</p>
      </section>

      <section class="aeo-section" aria-labelledby="titre-priorisation">
        <div class="aeo-section-head"><span class="aeo-num">Le diagnostic Apollo Lab</span><h2 id="titre-priorisation">Quatre questions avant de lancer un chantier AEO.</h2></div>
        <div class="aeo-grid-2">
          <div class="aeo-card"><span class="aeo-label">01 · Accès</span><h4>La page peut-elle être trouvée ?</h4><p>Indexation, snippets, robots et infrastructure vérifiés sur les plateformes prioritaires.</p></div>
          <div class="aeo-card"><span class="aeo-label">02 · Réponse</span><h4>Résout-elle une vraie question ?</h4><p>Intention claire, réponse utile, périmètre explicite et contenu propre à la page.</p></div>
          <div class="aeo-card"><span class="aeo-label">03 · Preuve</span><h4>Pourquoi la croire ?</h4><p>Auteur identifiable, sources vérifiables, expérience ou données qui apportent quelque chose.</p></div>
          <div class="aeo-card"><span class="aeo-label">04 · Observation</span><h4>Peut-on vérifier un progrès ?</h4><p>État de départ, requêtes testées, moteurs séparés, changements consignés et résultats business suivis.</p></div>
        </div>
        <p>Ce diagnostic n’attribue aucune probabilité de citation. Il sert à repérer le maillon faible et à décider du prochain investissement : corriger l’accès, enrichir la page, prouver l’expertise ou améliorer la mesure.</p>
      </section>

      <section class="aeo-section" id="plan-90-jours" aria-labelledby="titre-plan">
        <div class="aeo-section-head"><span class="aeo-num">07 / La mise en œuvre</span><h2 id="titre-plan">Un plan de 90 jours, construit autour des preuves.</h2></div>
        <p>Ne commencez pas par réécrire tout le site. Choisissez quelques sujets où une meilleure réponse peut réellement créer de la valeur et organisez le travail par étapes.</p>
        <div class="aeo-timeline">
          <div class="aeo-sprint"><span class="aeo-label">Jours 1–15<br>Mesurer</span><div><h3>Poser le niveau de départ</h3><p>Vérifier l’indexation et les règles de crawl des moteurs visés. Constituer le panel de questions. Relever les réponses, les sources citées, les positions organiques et les conversions de référence.</p></div></div>
          <div class="aeo-sprint"><span class="aeo-label">Jours 16–30<br>Corriger</span><div><h3>Traiter les blocages qui empêchent d’être trouvé</h3><p>Réparer les erreurs techniques, les pages inaccessibles ou les contenus stratégiques trop pauvres. Clarifier les pages À propos et auteur. Renforcer le maillage et les sources primaires.</p></div></div>
          <div class="aeo-sprint"><span class="aeo-label">Jours 31–60<br>Apporter</span><div><h3>Publier ce que les autres ne peuvent pas copier</h3><p>Développer une analyse, un cas client publiable, une méthodologie documentée ou des données propres. Réviser les pages prioritaires selon RAFT et attribuer chaque contenu à un expert responsable.</p></div></div>
          <div class="aeo-sprint"><span class="aeo-label">Jours 61–90<br>Comparer</span><div><h3>Comparer les résultats et choisir la suite</h3><p>Répéter le panel par moteur, examiner les citations dans les outils disponibles, analyser les visites et conversions, puis conserver les modifications qui améliorent vraiment la réponse ou le résultat business.</p></div></div>
        </div>
      </section>

      <section class="aeo-section" id="faq" aria-labelledby="titre-faq">
        <div class="aeo-section-head"><span class="aeo-num">Questions fréquentes</span><h2 id="titre-faq">AEO, AI Overviews et citations : les réponses courtes.</h2></div>
        <div class="aeo-faq">
          <details><summary>Comment faire pour être cité par une IA ?</summary><p>Il n’existe pas de recette garantie. Rendez la page accessible au moteur, répondez précisément à une question réelle, apportez des preuves vérifiables et mesurez séparément les citations observées sur les plateformes qui comptent pour votre audience.</p></details>
          <details><summary>L’AEO remplace-t-il le SEO ?</summary><p>Non. Pour les fonctionnalités IA de Google, les critères SEO existants restent pertinents : exploration, indexation, contenu utile et conformité aux règles. L’AEO ajoute une mesure et un travail de visibilité dans les réponses générées.</p></details>
          <details><summary>Faut-il créer un fichier llms.txt ?</summary><p>Pas pour apparaître dans AI Overviews ou AI Mode : Google dit qu’aucun fichier IA dédié n’est nécessaire. Un llms.txt peut être un document d’orientation dans d’autres contextes, mais ne constitue pas un levier de citation démontré.</p></details>
          <details><summary>Les données structurées ou FAQPage garantissent-elles une citation ?</summary><p>Non. Un balisage valide doit décrire des informations réellement présentes. Google ne demande pas de schéma spécifique pour ses AI Overviews ou AI Mode. Une FAQ a surtout sa place lorsqu’elle aide véritablement le lecteur.</p></details>
          <details><summary>Autoriser GPTBot suffit-il pour apparaître dans ChatGPT Search ?</summary><p>Non. OpenAI distingue GPTBot, utilisé pour gérer l’exploration susceptible d’être utilisée pour l’entraînement, et OAI-SearchBot, utilisé pour faire apparaître des sites dans les réponses des fonctions de recherche. Les contrôles robots sont indépendants.</p></details>
          <details><summary>Comment mesurer les AI Overviews dans Google ?</summary><p>Selon la documentation actuelle de Google, le trafic des fonctionnalités IA apparaît dans Search Console sous le type de recherche « Web ». Il faut compléter ces données par l’analyse des conversions et par des tests documentés des réponses et sources affichées.</p></details>
        </div>
      </section>

      <section class="aeo-section" id="sources" aria-labelledby="titre-sources">
        <div class="aeo-section-head"><span class="aeo-num">Références</span><h2 id="titre-sources">Sources et date de mise à jour.</h2></div>
        <p>Guide mis à jour le 15 octobre 2026. Les règles produit changent ; vérifiez les documentations liées avant chaque mise en œuvre.</p>
        <div class="aeo-sources">
          <ol>
            <li><a href="https://developers.google.com/search/docs/appearance/ai-features" target="_blank" rel="noopener noreferrer">Google Search Central — AI features and your website</a> <small>(fondamentaux, query fan-out, prérequis et mesure Search Console).</small></li>
            <li><a href="https://developers.openai.com/api/docs/bots" target="_blank" rel="noopener noreferrer">OpenAI — Overview of OpenAI Crawlers</a> <small>(rôles distincts de OAI-SearchBot, GPTBot et ChatGPT-User).</small></li>
            <li><a href="https://blogs.bing.com/webmaster/2026/2/Introducing-AI-Performance-in-Bing-Webmaster-Tools-Public-Preview/" target="_blank" rel="noopener noreferrer">Microsoft Bing — AI Performance dans Bing Webmaster Tools</a> <small>(rapport de citations, version aperçu public).</small></li>
            <li><a href="https://blogs.bing.com/webmaster/2026/10/introducing-topics-portfolio-beta-in-ai-performance/" target="_blank" rel="noopener noreferrer">Microsoft Bing — Topics Portfolio, 13 octobre 2026</a> <small>(thèmes et requêtes d’opportunité en bêta ; valeurs directionnelles).</small></li>
            <li><a href="https://arxiv.org/abs/2311.09735" target="_blank" rel="noopener noreferrer">Aggarwal et al. — GEO: Generative Engine Optimization</a> <small>(étude publiée à KDD 2024 ; résultats propres au benchmark testé).</small></li>
            <li><a href="https://arxiv.org/abs/2607.14035" target="_blank" rel="noopener noreferrer">Martinez — prépublication — revue critique des recherches GEO, 2023–2026</a> <small>(arXiv, juillet 2026 ; état de preuve hétérogène et prudence sur la causalité cross-plateforme).</small></li>
          </ol>
        </div>
      </section>
    </article>
  </div>

  <footer class="aeo-bottom aeo-full">
    <div class="aeo-wrap">
      <div class="aeo-bottom-inner">
        <div>
          <p class="aeo-eyebrow" style="color:var(--aeo-peach);font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.11em;text-transform:uppercase">Apollo Lab · SEO &amp; visibilité IA</p>
          <h2>Votre marque est-elle une source que les moteurs savent choisir ?</h2>
          <p>On peut regarder ensemble les pages, les preuves et les réponses qui comptent pour votre activité.</p>
        </div>
        <a class="aeo-button" href="https://wa.me/+33677992276" target="_blank" rel="noopener noreferrer">Parler de mon projet ↗</a>
      </div>
      <div class="aeo-footer-line"><span>Apollo Lab — We Hack Growth · We Design Meaning</span><a href="https://apollo-lab.fr/" style="color:#fff">Retour au site ↗</a></div>
    </div>
  </footer>

  <script>
    (function () {
      var root = document.getElementById('apollo-aeo');
      if (!root) return;
      root.querySelectorAll('[data-copy]').forEach(function (button) {
        button.addEventListener('click', function () {
          var text = button.previousElementSibling.innerText;
          var original = button.textContent;
          if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(function () {
              button.textContent = 'Copié';
              window.setTimeout(function () { button.textContent = original; }, 1800);
            }).catch(function () { window.prompt('Copiez ce prompt :', text); });
          } else {
            window.prompt('Copiez ce prompt :', text);
          }
        });
      });
    }());
  </script>
</div>