Docs

WebMCP でサイトを AI エージェント対応にするには？

まず基本を整えてください。HTML で配信されるページ、明確な事実、構造化データ、使いやすいフォームです。WebMCP は、ページが「予約する」などのツールを AI エージェントに公開する仕組みで、まだ早期プレビューです。2026年10月のドラフトは W3C の標準ではないため、試すことはできても、今そのために作り直す必要はありません。

ファクト

WebMCP とは何ですか？

WebMCP は、ウェブページが自身の機能を AI エージェントにツールとして提供できるようにする、提案中のブラウザ API です。各ツールには名前、説明、入力スキーマがあります。エージェントはどのボタンを押すかを推測する代わりに、「空き状況を確認」や「カートに追加」を直接呼び出せます。

現在のドラフトでは、入口は document.modelContext です。以前の解説では navigator.modelContext が使われていました。仕様がまだ速く変わっていることの表れです。

// WebMCP のドラフト (W3C Community Group, 2026年10月9日): API はまだ変わる可能性があります。
if ("modelContext" in document) {
  document.modelContext.registerTool({
    name: "check_availability",
    description: "日付 (YYYY-MM-DD) の空いている予約枠を返します。",
    inputSchema: { type: "object", properties: { date: { type: "string" } }, required: ["date"] },
    execute: async ({ date }) => (await fetch("/api/slots?date=" + date)).json(),
  });
}

今、自社のビジネスで WebMCP を実装すべきですか？

エージェントが実際に行うであろう操作（予約、見積もり、在庫確認）がサイトにある場合に限り、実験として行ってください。ドラフトは変わる可能性があり、Chrome 自身も早期プレビューだと説明しています。

ほとんどの企業サイトで、今効果があるのは、エージェントと AI 検索がすでに使っている仕組み、つまり読みやすいページと正確な事実です。

今日、サイトをエージェント対応にするには何が必要ですか？

AI アシスタントがページを読んで引用できるようにするものと、同じ要素です：

層やること2026年の状況
読める内容本文を、JavaScript の実行後だけでなく HTML で配信する今すぐ可能
明確な事実価格、営業時間、対応エリア、規約をページに書く今すぐ可能
構造化データOrganization、Product、LocalBusiness、FAQ を JSON-LD で記述する今すぐ可能
使いやすいフォームラベル付きの入力欄、隠れたステップをなくす、明確な確認画面今すぐ可能
WebMCP のツール操作をスキーマ付きのツールとして公開する早期プレビュー

誰が実装すべきですか？

すでにリポジトリで作業している開発者またはコーディングエージェントです。これらは設定の変更ではなく、コードの変更です。easyIndex を使えば、そのエージェントが MCP 経由で読みやすいページと構造化データを作り、easyIndex が公開中のサイトで各ページを監査して確認します。

ステップごとの手順

  1. エージェントが何を読めるか確認する. ページのソースを開き、本文が HTML に含まれていることを確認します。
  2. 事実を書き出す. 価格、営業時間、対応エリア、規約を、画像や PDF だけでなくページに書きます。
  3. 構造化データを加える. ページの内容と一致する JSON-LD を追加します。
  4. フォームを整える. ラベル付きの入力欄と、エージェントが読める明確な確認画面を用意します。
  5. 1 つの操作で WebMCP を試作する. 機能の有無を確認する仕組みの裏側で、ブランチ上で、現在のドラフトに従って行います。

よくある間違い

  • 基本が読めるようになる前に、ドラフト段階の API のためにサイトを作り直すこと。
  • （注文や支払いなど）データを変更するツールを、利用者の確認なしに公開すること。
  • 現在のドラフトで名前が変わった入口を使う、古いチュートリアルをそのまま写すこと。
  • 価格や規約を、エージェントが読めない JavaScript やフォームの裏に隠すこと。

easyIndex での解決方法

easyIndex は、コーディングエージェントに MCP 経由で 1 ステップずつ作業を案内し、ページを読みやすく、事実を明確に、マークアップ付きにします。その後、各ページを監査し、ライブで確認し、AI からの訪問と AI クローラーの読み取りを計測します。エージェントが毎月行う調査で、追跡している質問に対して ChatGPT、Claude、Perplexity、Gemini がどの情報源を引用したかも記録します。料金は 1サイトあたり月額 US$30 で、7日間の無料トライアルがあります。

よくある質問

WebMCP は MCP と同じものですか？

いいえ。MCP はエージェントをサーバーに接続します。WebMCP は、ブラウザ上のウェブページがエージェントにツールを提供できるようにします。WebMCP は、ツールという考え方を MCP から借りています。

どのブラウザが WebMCP に対応していますか？

Chrome が 2026年2月に早期プレビューとして提供を開始しました。その上で作る前に、現在のドラフトを確認してください。

WebMCP を使えば、ChatGPT の回答に表示されやすくなりますか？

今のところ、そのことを示すものはありません。回答は、アシスタントが読めるページから作られます。WebMCP は操作に関するものです。

llms.txt はエージェント対応の一部ですか？

それは別の、任意のファイルです。読みやすいページと構造化データのほうが重要です。

続きを読む

最終確認日 .

エージェント対応のサイト：WebMCP とは何か、今やること