<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="titleUnderlineStructDataBA" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
  </defs>

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

  <!-- タイトル -->
  <text x="600" y="46" text-anchor="middle" font-size="26" font-weight="700" fill="#2d2d2d">構造化データの有無での伝わり方比較</text>
  <rect x="400" y="62" width="400" height="4" rx="2" fill="url(#titleUnderlineStructDataBA)"/>

  <!-- 左カラム: 人間が見た目で読む（オレンジ） -->
  <rect x="90" y="100" width="480" height="400" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <text x="330" y="140" text-anchor="middle" font-size="19" font-weight="700" fill="#a85a1e">人間が見るページ</text>
  <text x="330" y="165" text-anchor="middle" font-size="13.5" fill="#4a4a4a">見た目とデザインで意味がわかる</text>

  <rect x="130" y="185" width="400" height="90" rx="10" fill="#ffffff" stroke="#e0894a" stroke-width="1.5"/>
  <text x="150" y="212" font-size="14" font-weight="700" fill="#a85a1e">〇〇美容室</text>
  <text x="150" y="234" font-size="13" fill="#4a4a4a">営業時間　10:00〜19:00</text>
  <text x="150" y="254" font-size="13" fill="#4a4a4a">住所　〇〇市〇〇1-2-3</text>

  <text x="330" y="308" text-anchor="middle" font-size="14" fill="#a85a1e">見た目のレイアウトで判断</text>

  <rect x="130" y="325" width="400" height="76" rx="10" fill="#ffffff" stroke="#e0894a" stroke-width="1.5"/>
  <text x="330" y="351" text-anchor="middle" font-size="13.5" font-weight="700" fill="#a85a1e">機械にとっては、ただの文字の並び</text>
  <text x="330" y="374" text-anchor="middle" font-size="12.5" fill="#4a4a4a">「これが営業時間」という保証がない</text>
  <text x="330" y="392" text-anchor="middle" font-size="12.5" fill="#4a4a4a">＝誤解や読み落としが起きやすい</text>

  <rect x="130" y="415" width="400" height="46" rx="23" fill="#e0894a"/>
  <text x="330" y="443" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">意味のラベルが「無い」状態</text>

  <!-- 右カラム: 機械が読む情報（緑） -->
  <rect x="630" y="100" width="480" height="400" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <text x="870" y="140" text-anchor="middle" font-size="19" font-weight="700" fill="#3f6b3c">機械が読む裏側のデータ</text>
  <text x="870" y="165" text-anchor="middle" font-size="13.5" fill="#4a4a4a">意味のラベル付きで伝わる</text>

  <rect x="670" y="185" width="400" height="90" rx="10" fill="#ffffff" stroke="#79bb74" stroke-width="1.5"/>
  <text x="690" y="210" font-size="12.5" fill="#3f6b3c">"name": "〇〇美容室"</text>
  <text x="690" y="230" font-size="12.5" fill="#3f6b3c">"openingHours": "10:00-19:00"</text>
  <text x="690" y="250" font-size="12.5" fill="#3f6b3c">"address": "〇〇市〇〇1-2-3"</text>

  <text x="870" y="308" text-anchor="middle" font-size="14" fill="#3f6b3c">項目名で意味が確定する</text>

  <rect x="670" y="325" width="400" height="76" rx="10" fill="#ffffff" stroke="#79bb74" stroke-width="1.5"/>
  <text x="870" y="351" text-anchor="middle" font-size="13.5" font-weight="700" fill="#3f6b3c">検索エンジン・AIが迷わず理解</text>
  <text x="870" y="374" text-anchor="middle" font-size="12.5" fill="#4a4a4a">店名・営業時間・住所と誤解なく紐づく</text>
  <text x="870" y="392" text-anchor="middle" font-size="12.5" fill="#4a4a4a">＝正確な紹介・リッチリザルトに寄与</text>

  <rect x="670" y="415" width="400" height="46" rx="23" fill="#79bb74"/>
  <text x="870" y="443" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">意味のラベルが「有る」状態</text>

  <!-- フッター -->
  <rect x="90" y="520" width="1020" height="90" rx="12" fill="#f5f5f3"/>
  <text x="600" y="553" text-anchor="middle" font-size="16.5" font-weight="700" fill="#2d2d2d">見た目は同じでも、機械への伝わり方はまったく違う</text>
  <text x="600" y="582" text-anchor="middle" font-size="14" fill="#4a4a4a">構造化データは順位を直接上げないが、正確に理解される土台になる</text>
</svg>
