<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="titleUnderlineSearchFind" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowHeadSearchFind" markerWidth="9" markerHeight="9" refX="6" refY="4.5" orient="auto">
      <path d="M0,0 L9,4.5 L0,9 Z" fill="#a9a9a9"/>
    </marker>
  </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">検索に載るまでの3ステップ</text>
  <rect x="450" y="62" width="300" height="4" rx="2" fill="url(#titleUnderlineSearchFind)"/>

  <!-- スタート: ホームページ -->
  <rect x="50" y="150" width="150" height="160" rx="14" fill="#ffffff" stroke="#a9a9a9" stroke-width="2.5"/>
  <rect x="75" y="180" width="100" height="70" rx="6" fill="#f5f5f3"/>
  <text x="125" y="215" text-anchor="middle" font-size="12" fill="#6b6b6b">あなたの</text>
  <text x="125" y="232" text-anchor="middle" font-size="12" fill="#6b6b6b">ホームページ</text>
  <text x="125" y="278" text-anchor="middle" font-size="12.5" font-weight="700" fill="#2d2d2d">公開したばかり</text>
  <text x="125" y="296" text-anchor="middle" font-size="11" fill="#6b6b6b">まだ誰にも知られていない</text>

  <path d="M 205 230 L 260 230" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadSearchFind)"/>

  <!-- ステップ1: クロール -->
  <rect x="270" y="150" width="210" height="180" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="315" cy="185" r="15" fill="#79bb74"/>
  <text x="315" y="190" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">1</text>
  <text x="375" y="190" text-anchor="middle" font-size="15" font-weight="700" fill="#3f6b3c">クロール（発見）</text>
  <text x="375" y="220" text-anchor="middle" font-size="12" fill="#4a4a4a">検索エンジンの自動</text>
  <text x="375" y="240" text-anchor="middle" font-size="12" fill="#4a4a4a">プログラムがリンクを</text>
  <text x="375" y="260" text-anchor="middle" font-size="12" fill="#4a4a4a">たどって発見する</text>
  <text x="375" y="288" text-anchor="middle" font-size="11" fill="#6b8f68">新規サイトは時間がかかる</text>
  <text x="375" y="308" text-anchor="middle" font-size="11" fill="#6b8f68">こともある</text>

  <path d="M 480 230 L 545 230" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadSearchFind)"/>

  <!-- ステップ2: インデックス -->
  <rect x="555" y="150" width="210" height="180" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="600" cy="185" r="15" fill="#55aae2"/>
  <text x="600" y="190" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">2</text>
  <text x="660" y="190" text-anchor="middle" font-size="15" font-weight="700" fill="#2f6a91">インデックス（登録）</text>
  <text x="660" y="220" text-anchor="middle" font-size="12" fill="#4a4a4a">見つけたページの内容</text>
  <text x="660" y="240" text-anchor="middle" font-size="12" fill="#4a4a4a">を確認し、検索結果に</text>
  <text x="660" y="260" text-anchor="middle" font-size="12" fill="#4a4a4a">出せる状態で登録する</text>
  <text x="660" y="288" text-anchor="middle" font-size="11" fill="#4c7f9e">図書館が新刊を目録に</text>
  <text x="660" y="308" text-anchor="middle" font-size="11" fill="#4c7f9e">載せる作業に似ている</text>

  <path d="M 765 230 L 830 230" stroke="#a9a9a9" stroke-width="2" fill="none" marker-end="url(#arrowHeadSearchFind)"/>

  <!-- ステップ3: ランキング -->
  <rect x="840" y="150" width="210" height="180" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <circle cx="885" cy="185" r="15" fill="#e0894a"/>
  <text x="885" y="190" text-anchor="middle" font-size="14" font-weight="700" fill="#ffffff">3</text>
  <text x="945" y="190" text-anchor="middle" font-size="15" font-weight="700" fill="#a85a1e">検索結果（表示）</text>
  <text x="945" y="220" text-anchor="middle" font-size="12" fill="#4a4a4a">検索されるたびに最も</text>
  <text x="945" y="240" text-anchor="middle" font-size="12" fill="#4a4a4a">役立つページを評価し</text>
  <text x="945" y="260" text-anchor="middle" font-size="12" fill="#4a4a4a">表示順を決める</text>
  <text x="945" y="288" text-anchor="middle" font-size="11" fill="#b97b46">登録済みでも順位は</text>
  <text x="945" y="308" text-anchor="middle" font-size="11" fill="#b97b46">内容次第で変わる</text>

  <!-- フッター -->
  <rect x="90" y="565" width="1020" height="80" rx="12" fill="#f5f5f3"/>
  <text x="600" y="598" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">公開直後に検索へ出てこないのは正常。数日〜数週間かかることもある</text>
  <text x="600" y="626" text-anchor="middle" font-size="13.5" fill="#4a4a4a">Googleサーチコンソールに登録すると、状況の確認と登録のリクエストができる</text>
</svg>
