<svg viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg" font-family="'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif">
  <defs>
    <linearGradient id="titleUnderline" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="seoGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#89c684"/>
      <stop offset="1" stop-color="#79bb74"/>
    </linearGradient>
    <linearGradient id="aioGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#68b8ea"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
  </defs>

  <rect x="0" y="0" width="1200" height="675" fill="#ffffff"/>

  <!-- タイトル -->
  <text x="600" y="48" text-anchor="middle" font-size="27" font-weight="700" fill="#2d2d2d">検索順位とAI引用は評価軸が違う</text>
  <rect x="480" y="64" width="240" height="4" rx="2" fill="url(#titleUnderline)"/>

  <!-- 2パラダイム比較：左=検索エンジン、右=生成AI -->
  <!-- 左カラム -->
  <rect x="90" y="100" width="480" height="430" rx="16" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <rect x="90" y="100" width="480" height="56" rx="16" fill="url(#seoGrad)"/>
  <rect x="90" y="130" width="480" height="26" fill="url(#seoGrad)"/>
  <text x="330" y="135" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">検索エンジンが見る場所</text>

  <text x="330" y="190" text-anchor="middle" font-size="15" fill="#4a4a4a">ページ全体の信頼性やリンク数など</text>
  <text x="330" y="212" text-anchor="middle" font-size="15" fill="#4a4a4a">多くの要素を総合して順位を決める</text>

  <rect x="120" y="235" width="420" height="66" rx="10" fill="#ffffff" stroke="#cfe4cc" stroke-width="1.5"/>
  <text x="330" y="262" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">評価対象</text>
  <text x="330" y="286" text-anchor="middle" font-size="14" fill="#4a4a4a">サイト全体・被リンク・総合的な質</text>

  <rect x="120" y="315" width="420" height="66" rx="10" fill="#ffffff" stroke="#cfe4cc" stroke-width="1.5"/>
  <text x="330" y="342" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">成果指標</text>
  <text x="330" y="366" text-anchor="middle" font-size="14" fill="#4a4a4a">検索結果での「順位」</text>

  <rect x="120" y="395" width="420" height="66" rx="10" fill="#ffffff" stroke="#cfe4cc" stroke-width="1.5"/>
  <text x="330" y="422" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">対策の型</text>
  <text x="330" y="446" text-anchor="middle" font-size="14" fill="#4a4a4a">従来のSEO（検索エンジン最適化）</text>

  <rect x="120" y="475" width="420" height="40" rx="10" fill="#eaf4e8"/>
  <text x="330" y="500" text-anchor="middle" font-size="14" fill="#3f6b3c">上位でも引用されないことがある</text>

  <!-- 右カラム -->
  <rect x="630" y="100" width="480" height="430" rx="16" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <rect x="630" y="100" width="480" height="56" rx="16" fill="url(#aioGrad)"/>
  <rect x="630" y="130" width="480" height="26" fill="url(#aioGrad)"/>
  <text x="870" y="135" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">生成AIが見る場所</text>

  <text x="870" y="190" text-anchor="middle" font-size="15" fill="#4a4a4a">そのまま答えに使える</text>
  <text x="870" y="212" text-anchor="middle" font-size="15" fill="#4a4a4a">はっきりした一文を探す</text>

  <rect x="660" y="235" width="420" height="66" rx="10" fill="#ffffff" stroke="#c9e2f4" stroke-width="1.5"/>
  <text x="870" y="262" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">評価対象</text>
  <text x="870" y="286" text-anchor="middle" font-size="14" fill="#4a4a4a">誰が・何を・いくらで・どこでの一文</text>

  <rect x="660" y="315" width="420" height="66" rx="10" fill="#ffffff" stroke="#c9e2f4" stroke-width="1.5"/>
  <text x="870" y="342" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">成果指標</text>
  <text x="870" y="366" text-anchor="middle" font-size="14" fill="#4a4a4a">回答内での「引用」の有無</text>

  <rect x="660" y="395" width="420" height="66" rx="10" fill="#ffffff" stroke="#c9e2f4" stroke-width="1.5"/>
  <text x="870" y="422" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">対策の型</text>
  <text x="870" y="446" text-anchor="middle" font-size="14" fill="#4a4a4a">結論優先の文・構造化データ・FAQ</text>

  <rect x="660" y="475" width="420" height="40" rx="10" fill="#e6f2fa"/>
  <text x="870" y="500" text-anchor="middle" font-size="14" fill="#2f6a91">順位が低くても引用されることがある</text>

  <!-- 中央の対比記号 -->
  <circle cx="600" cy="315" r="26" fill="#ffffff" stroke="#b8b8b8" stroke-width="1.5"/>
  <text x="600" y="323" text-anchor="middle" font-size="20" font-weight="700" fill="#8a8a8a">≠</text>

  <!-- フッター -->
  <rect x="90" y="560" width="1020" height="70" rx="12" fill="#f5f5f3"/>
  <text x="600" y="588" text-anchor="middle" font-size="17" font-weight="700" fill="#2d2d2d">検索順位が高くてもAIに引用されるとは限らない</text>
  <text x="600" y="613" text-anchor="middle" font-size="15" fill="#4a4a4a">見出し直下で結論を言い切る整え方が、AI引用への近道</text>
</svg>
