AIエージェント向けサーフェスのデザイン
このサイトは現在、AIエージェントに対して1日あたり約13,100件のリクエスト(7日間平均)を、人間の訪問者に対して1日あたり約325件(28日間平均)を配信しています。いずれも自分のエッジログから直接得た数字で、比率にしておよそ40対1。その大半はライブ取得です。つまり、誰かがアシスタントに何かを尋ねた「今この瞬間」に、ChatGPT-Userがページを取りに来ているということです。この読者は、私が身につけてきたデザイン上の判断をことごとく無視します。タイポグラフィも、スペーシングのスケールも、モーションも見えません。それでもデザインに無関心なわけではなく、別のデザイン判断の集合に対しては容赦なく敏感です。しかもそれは、クラフトを巡る議論でほとんど語られてこなかった領域です。この記事は、私が実際に最も多く配信しているサーフェスのためのクラフトガイドです。 {.answer-block}
TL;DR
- このサイトでは、エージェントのサーフェスこそが多数派のサーフェスです——40対1で。 その流量を支配しているのは、ユーザーの指示によるライブ取得です。昨日はChatGPT-Userが約6,700件のリクエストを出したのに対し、OpenAIの学習用クローラーであるGPTBotはわずか4件でした。開発者向けサイトやリファレンス的なコンテンツを扱っているなら、ログの傾向も同じ側に寄っている可能性が高いでしょう。ただし、思い込む前に計測してください。
- エージェントは、人間がクリックするのとは別のページを読んでいます。 エッジログを見ると、比較記事やニッチな技術記事にエージェントのトラフィックが集中している一方、それらは人間側のトップ15にははるか及びません。アシスタントは、決して訪れてこない人間の代わりにそれらを読んでいるのです。
- 没入ではなく抽出のためにデザインする。 冒頭に一段落の答えを置き、見出しは問いの形にし、セクションは自己完結させ、列挙できるものは表にし、あらゆる主張に日付を添えます。
- ビジュアルのレイヤーとエージェントのレイヤーは対立しません。 機械がきれいに抽出できる構造は、そのまま人間が拾い読みしやすい構造です。答えを先に置くことは、どちらの読者にとっても良いデザインなのです。
- エージェントが実際に何を消費しているかを検証しましょう。 クリーンなマークアップを配信し、コンテンツをクライアントサイドレンダリングの外に置き、ログを見張ること。エージェントという読者層は、「ブランド印象」では決して得られなかった意味で計測可能なのですから。
何もレンダリングしない読者
デザインのクラフトは、眼の存在を前提にしています。タイポグラフィ、スペーシング、モーション——この分野全体が、視野の中で注意を導くための技術です。エージェントという読者に視野はありません。HTMLをテキストとして受け取り、厳格なトークン予算をそこに費やし、ユーザーの質問に答える部分を抽出し、あなたのページを一度も見ないかもしれない誰かに向けて引用または要約します。
これは劣化した読書ではありません。固有のクラフト変数を備えた、別の媒体です。
- 視覚的階層に代わるのは「位置」です。 単発フェッチのパイプラインでは、トークン予算に切り詰められる前に読まれるのは前方にあるものです。チャンク単位の検索ならクエリに合致する深い位置のセクションを救い出せますが、どのパイプラインに読まれるかは選べません。つまり、80%の深さに埋もれた結論は、存在したりしなかったりするのです。
- レイアウトに代わるのは「構造」です。 見出し、リスト、表は、装飾としてスタイリングされるのではなく、意味として解析されます。バージョンと日付を並べた
<table>は、同じ事実が段落に散らばっている場合とは比べものにならないほど機械可読です。 - 流れに代わるのは「自己完結」です。 人間向けの散文はセクションをまたいで積み上がりますが、抽出はセクションを単独で取り出します。「前述のとおり」で始まる段落は、参照先を失ったまま持ち出されます。
- 文脈に代わるのは「明示」です。 「2026年8月時点」という一言は、引用された主張と一緒に旅をします。周囲のページから匂わせるだけの鮮度は、旅に同行できません。
エージェントが実際に読んでいるもの
理屈からでは予想できなかったのがこの部分です——エージェントには、ページの好みがあります。直近7日間のエッジログから、エージェントのリクエスト数が多い順にページを挙げます。
| ページ | エージェントのリクエスト数(7日間) |
|---|---|
| /guides/hermes | 2,591 |
| /guides/suno | 2,268 |
| /guides/codex | 2,042 |
| /guides/claude-code | 1,730 |
| /guides/midjourney | 1,548 |
| 比較記事(codex vs. claude code) | 1,510 |
| ニッチなフレームワーク比較記事 | 1,284 |
リファレンスガイドが先頭に並ぶのは想定どおりで、人間側のランキングでも上位です。示唆に富むのは比較記事の行です。人間側のランキングでは大きく下位にあるページを、アシスタントは絶えず取りに来ます。「どちらを使うべきか」こそ、人がアシスタントに尋ねることだからです。アシスタントはその人の代わりに比較記事を読み、チャットの中で答えます。人間は一度も訪れません。それでもコンテンツは仕事を果たしたのです。
構成比も見逃せません。昨日のエージェント流量のうち、半分弱をChatGPT-User単独が占めていました——6,718件です。対して、OpenAIの学習用クローラーであるGPTBotは4件でした。学習目的のクロールが皆無というわけではなく(BytespiderとClaudeBotで合わせてその日の約28%を占めています)、それでも突出して最大の読者は、コーパスを溜め込むスクレイパーではありません。誰かが今まさに尋ねたからページを取りに来た、その人のアシスタントなのです。
クラフトのルール
いまエージェント向けのページに課している基準です——つまり、すべてのページに課している基準です。
1. 答えを最初に、全力で。 冒頭の段落は、読者が求めてきた答えを完全な形で述べます。予告ではなく、答えそのものです。このサイトではスタイルの付いたアンサーブロックになっていますが、構造としては抽出が引用するアブストラクトです。アシスタントが最初の200語しか読まないとしても、あなたの前置きではなく結論を持ち帰れるようにしてください。
2. 見出しはラベルではなく、問いか主張である。 「予算はどう切り詰められるのか」は「背景」に勝ります。問いの形をした見出しは、アシスタントが答えようとしているクエリと噛み合いますし、その下のセクションは隣を頼らずに問いを解決すべきです。(リファレンスページにはこのルールを厳格に適用します。エッセイ——この記事も含めて——はその一部を声と引き換えにしていますが、これは見落としではなく、読者層についての意図的な選択です。)
3. 列挙できる事実は表に入れる。 バージョン、日付、互換性、価格、比較——行になるものすべてです。表は抽出を無傷で生き延びますが、同じ事実が散文だと言い換えられて返ってきます。そして誤りが入り込むのは、その言い換えの中なのです。
4. 傷みやすいものには日付を。 腐りうる主張には、行内に日付を添えます——「2026年8月時点で」のように。引用されたテキストは、ページの文脈を置き去りにして旅立つからです。そうしなければ、2年前の数字があなたの名前のもと、最新のものとしてアシスタントに提示されることになります。
5. 本体をクライアントサイドレンダリングの外に置く。 ほとんどの検索エージェントは、配信されたHTMLを読みます。JavaScriptで実体化するコンテンツは、最大級の読者の一部にとって不可視です。curl に何が見えているかを確認してください。ブラウザよりも、そちらのほうがエージェントの視界に近いのですから。
6. 構造に両方の読者を担わせる。 ここまでのどれも、ビジュアルデザインと衝突しません。答えを先に置くのは忙しい人間の拾い読みの仕方そのものですし、問いの見出しは走査しやすく、表は人間にとっても散文に勝ります。両者の規律は収束します。そこが安心できる点です。抽出に奉仕するクラフトは、その大半が読者の時間への敬意に奉仕するクラフトなのですから。
見えない読者層を計測する
エージェントという読者層の奇妙な贈り物は、人間の読者層より計測しづらいどころか、よほど計測しやすいことです。取得のたびに、ユーザーエージェント付きのリクエストがログに残ります。私が追っているのは3つ。ファミリー別のエージェント総流量(誰が読んでいるか)、エージェント側のランキングと人間側のランキングの対比(人間が読まないもののうち何を読んでいるか)、そして比率の推移です。これらの数字は、どんなページビューのグラフよりも私のコンテンツ戦略を変えました。比較ページやリファレンス的な構造に、「滞在時間」では決して正当化できない投資をしているのは、そのためです。
居心地の悪い帰結もあります。エージェントの読者層は、人間向けに作られたアナリティクスにはまったく現れません。戦略をセッション数と直帰率で回しているなら、40対1のサーフェスは不可視のままです。そして多数派の予算で、少数派のチャネルを最適化していることになります。
よくある質問
AIエージェントサーフェスとは何ですか
AIアシスタントとその検索エージェント——ChatGPT、Claude、Perplexityとそれぞれのフェッチャー——によって消費される、あなたのサイトのバージョンのことです。配信されたHTMLを構造化テキストとして読み、トークン予算の中で答えを抽出し、多くの場合は一度も訪問しないユーザーへ中継します。計測しているサイトでは、このサーフェスが人間のトラフィックを圧倒することもあります。私の場合、人間の訪問1件あたりおよそ40件のエージェントリクエストです。
AIエージェント向けにコンテンツをデザインするには
結論を丸ごと述べる答え先行の冒頭、自己完結したセクションを伴う問いの形の見出し、列挙できる事実の表、傷みやすい主張への行内の日付、そしてクライアントサイドレンダリングではなく配信HTMLに置かれた本体です。同じ構造は拾い読みする人間にも役立ちます。2つの読者層は、同じ規律に報いるのです。
AIエージェントは人間の訪問者とは違うページを読んでいますか
はい、計測できる形で違います。私のエッジログでは、リファレンスガイドと比較ページが週に数千件のエージェントリクエストを集める一方、そのいくつかは人間の訪問がほとんど記録されません。アシスタントは意思決定の質問にチャットで答えるために「X vs Y」型のコンテンツを取りに来るので、訪問がなくてもページは仕事を果たします。エージェント側のランキングと人間側のランキングを並べれば、2つの読者層がどこで分かれるのかが見えてきます。
エージェント向けのデザインは人間の体験を損ないますか
いいえ——要件は収束します。答え先行の構造、正直な見出し、表、日付入りの主張は、忙しい人間への敬意あるデザインがすでに備えている姿です。ビジュアルのレイヤー(タイポグラフィ、スペーシング、モーション)は完全に人間の領域のままですし、エージェントのサーフェスは構造レイヤーの品質を計測可能にしてくれるだけなのです。