<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 380" role="img" aria-labelledby="t-fin">
  <title id="t-fin">Les trois finalités distinctes SEO, AEO et GEO</title>
  <defs>
    <linearGradient id="otium-grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <style>
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .card { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.5; }
      .card-head { fill: url(#otium-grad); }
      .card-head-dark { fill: #1a1a1a; }
      .acronym { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 900; fill: #f5f1eb; letter-spacing: 4px; }
      .label { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; fill: rgba(245,241,235,0.8); }
      .goal { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; fill: #1a1a1a; }
      .desc { font-family: 'Montserrat', sans-serif; font-size: 12px; fill: #333; }
      .kpi { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; fill: #C45A1A; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Trois pratiques · trois finalités · trois mesures</text>

  <rect x="30" y="65" width="270" height="290" class="card" rx="6" />
  <rect x="30" y="65" width="270" height="68" class="card-head-dark" rx="6" />
  <text x="165" y="100" text-anchor="middle" class="acronym">SEO</text>
  <text x="165" y="120" text-anchor="middle" class="label">Search Engine Opt.</text>
  <text x="50" y="170" class="goal">Finalité</text>
  <text x="50" y="192" class="desc">Apparaître dans la liste</text>
  <text x="50" y="210" class="desc">de résultats Google</text>
  <text x="50" y="250" class="goal">Mesure</text>
  <text x="50" y="272" class="desc">Position + clics</text>
  <text x="50" y="310" class="goal">Signal clé</text>
  <text x="50" y="332" class="desc">Backlinks + contenu</text>

  <rect x="315" y="65" width="270" height="290" class="card" rx="6" />
  <rect x="315" y="65" width="270" height="68" class="card-head" rx="6" />
  <text x="450" y="100" text-anchor="middle" class="acronym">AEO</text>
  <text x="450" y="120" text-anchor="middle" class="label">Answer Engine Opt.</text>
  <text x="335" y="170" class="goal">Finalité</text>
  <text x="335" y="192" class="desc">Être la réponse directe</text>
  <text x="335" y="210" class="desc">(snippets, AI Overviews)</text>
  <text x="335" y="250" class="goal">Mesure</text>
  <text x="335" y="272" class="desc">Part de voix dans les réponses</text>
  <text x="335" y="310" class="goal">Signal clé</text>
  <text x="335" y="332" class="desc">Questions + FAQ schema + E-E-A-T</text>

  <rect x="600" y="65" width="270" height="290" class="card" rx="6" />
  <rect x="600" y="65" width="270" height="68" class="card-head" rx="6" />
  <text x="735" y="100" text-anchor="middle" class="acronym">GEO</text>
  <text x="735" y="120" text-anchor="middle" class="label">Generative Engine Opt.</text>
  <text x="620" y="170" class="goal">Finalité</text>
  <text x="620" y="192" class="desc">Être cité par ChatGPT,</text>
  <text x="620" y="210" class="desc">Perplexity, Claude</text>
  <text x="620" y="250" class="goal">Mesure</text>
  <text x="620" y="272" class="desc">Fréquence de citation LLM</text>
  <text x="620" y="310" class="goal">Signal clé</text>
  <text x="620" y="332" class="desc">Autorité + structure sémantique</text>
</svg>
