この記事では、WebサイトをAIエージェント対応に近づけるWebMCP（Webサイトの機能をAIが操作しやすくする仕組み）についてまとめています。Chrome 149でOrigin Trial（正式公開前の機能を期間限定で試す制度）への登録が始まりました。
実際に触ってみると、最初の壁はAIの知識ではなく「自分のサイトのどの操作をツールとして公開するか」を決めることです。問い合わせフォームや社内検索のように、入力と結果がはっきりしている機能から始めると理解しやすくなります。
先に結論として、WebMCPは正式リリース済みの一般機能ではありません。現時点では実験段階なので、本番サイトの重要な処理をいきなり任せるのではなく、検証用ページや社内向けの小さなフォームで試すのが安全です。
WebMCPで変わること
これまでAIにWebサイトを操作させる場合、画面上のボタンや入力欄をAIが読み取り、画面操作を組み立てる方法が中心でした。人間には見えている画面でも、AIにとっては位置や表示内容が変わると判断しづらいことがあります。
WebMCPでは、Webアプリ（ブラウザー上で動くサービス）がAIエージェント（目的に合わせて複数の操作を進めるAI）に対して、利用できる操作のルールを公開できます。たとえば「商品名を受け取り、検索結果を返す」「問い合わせ内容を受け取り、送信前に確認する」といった形です。
| 従来の操作 | WebMCPを使う考え方 |
|---|---|
| AIが画面を見てボタンや入力欄を探す | サイト側が利用できる操作と入力内容を示す |
| 画面レイアウトの変更に影響されやすい | 操作の目的や入力項目を整理しやすい |
| 誤操作を画面側だけで防ぐ | 公開するツールの範囲や処理条件を設計する |
つまり、Webサイトを「人が見るページ」だけでなく、「AIが使う機能の窓口」として設計する発想です。WordPressなら、まずは検索フォームや資料請求フォームなど、処理内容を限定しやすい場所が候補になります。
2種類のAPIを使い分ける
WebMCPには、HTMLフォーム向けのDeclarative API（HTMLの記述を中心に設定する方法）と、JavaScript（ブラウザー上で動くプログラム）向けのImperative API（プログラムから細かく設定する方法）があります。
HTMLフォーム向けのDeclarative API
HTML（Webページの構造を記述する言語）で作ったフォームを、AIエージェントが扱えるツールとして公開する方法です。入力項目や送信処理がシンプルなフォームに向いています。
実際に試す場合は、既存フォームの項目名を整理し、何を入力すると何が返るのかを明確にします。人向けの見た目を大きく変えずに検証しやすい点が初心者向きです。
JavaScript向けのImperative API
検索、予約、社内データ照会など、処理の途中で条件分岐が必要な機能にはJavaScript向けの方法が適しています。処理開始前の確認や、返す結果の整形も設計しやすくなります。
ただし、コードを書く量が増えるため、最初から複雑な業務処理を移行するのはおすすめしません。まずは「キーワードを受け取り、検索結果を返す」程度の小さな機能で動きを確認しましょう。
Origin Trialを始める手順
ここからは、検証用のWebページを用意して試す流れです。画面名や表示内容は試験期間中に変わる可能性があるため、登録画面の案内を確認しながら進めてください。
- Chromeの対応状況を確認する
Chromeを起動し、右上の縦三点メニューから「ヘルプ」「Google Chromeについて」の順に開きます。表示されたバージョンがChrome 149に対応しているか確認します。更新がある場合は先に適用し、ブラウザーを再起動します。 - Origin Trialの案内を開く
Chrome for DevelopersのWebMCP Origin Trial案内を開き、ページ内の登録ボタンを探します。Origin Trialは、特定のWebサイトで実験機能を有効にするための登録制度です。 - Googleアカウントなどで登録する
画面の案内に従って、利用するサイトの情報と連絡先を入力します。対象サイトを間違えると検証ページで機能を確認できないため、テスト用のドメインや環境を先に決めておきます。 - 発行された設定情報をサイトへ追加する
登録後に表示されるOrigin Trial用の設定情報を、案内された場所へ追加します。WordPressではテーマファイルを直接編集するより、子テーマ（親テーマの変更に影響されにくいカスタマイズ用テーマ）や検証用プラグインを使う方が安全です。 - フォームまたはJavaScriptのツールを作る
まずは問い合わせフォームや検索フォームを1つ選びます。入力項目、実行する処理、返す結果、失敗時のメッセージを紙やメモに書き出してから実装します。 - 対応するAIエージェントで動作を確認する
AIエージェント側でサイトのツールが認識されるかを確認します。入力を変えたときに適切な結果が返るか、未入力や権限のない操作が拒否されるかもテストします。
実際の検証では、登録よりも「想定外の入力への対応」に時間がかかります。正常に動く例を1つ作った後、空欄、長すぎる文字列、存在しない検索語を順番に試すと、改善点を見つけやすくなります。
初心者がつまずきやすいポイント
最初に確認したいのは、WebMCPを追加すれば、どのAIでも自動的にサイトを操作できるわけではない点です。Origin Trialに登録しても、対応するブラウザーやAIエージェント、実装状況によって動作が異なります。
- 機能が表示されない：Chromeのバージョン、Origin Trialの対象サイト、設定情報の追加場所を確認します。
- フォームが認識されない：入力項目の目的や送信処理を整理し、複雑なJavaScriptを一度減らします。
- 処理結果が不安定：成功時だけでなく、エラー時に返す内容も決めます。AIに任せる操作を小さく分けるのが効果的です。
- 本番環境で試してしまう：最初はテスト用ページを使い、個人情報や決済処理を含めない構成にします。
料金と利用前に知っておきたい注意点
WebMCPのOrigin Trialについて、提供元の案内で利用料金が必要だという情報は確認できませんでした。ただし、Webサイトのサーバー代、外部AIサービスの利用料、開発や保守にかかる費用まで無料になるわけではありません。特にAIエージェント側の料金体系は別に確認してください。
また、Origin Trialは期間限定の実験制度です。正式機能と同じ安定性や互換性を期待せず、試験終了や仕様変更に備えて、通常のフォーム操作でも業務が止まらない設計にします。
個人情報をAIエージェントへ渡す場合は、入力内容、保存先、送信先、削除方法を確認します。会員情報の変更、注文確定、送金など取り消しにくい処理は、AIだけで完了させず、人による最終確認を入れるのが安全です。
向いている人と向かない人
WebMCPの検証に向いているのは、社内ポータルや問い合わせフォームを管理している人、AIを使った業務改善を小さく試したい人、Web制作の次のテーマを探している人です。完成した大規模サービスより、1つの検索や申請を試せる環境がある人ほど成果を確認しやすくなります。
一方で、すぐに安定した本番機能が必要な人、対応環境を細かく管理できない人、個人情報を扱う仕組みを十分に検証できない人には、まだ向きません。今は通常のフォームや既存API（外部のサービスやシステムと連携する仕組み）を使い、WebMCPは別の検証環境で試す方法が現実的です。
FAQ
WebMCPは正式リリースされた機能ですか
いいえ。Chrome 149でOrigin Trialへの登録が可能になった段階で、正式リリースではありません。仕様や対応環境が変わる可能性があるため、実験機能として扱います。
WordPress初心者でも試せますか
小さな検証なら可能です。まずはテスト用ページにフォームを1つ置き、子テーマや検証用プラグインで変更を管理します。テーマ本体を直接編集する方法は、更新時に変更が消えるため避けてください。
AIの知識がないと使えませんか
AIモデルを自作する必要はありません。ただし、どの入力を受け取り、どんな処理を実行し、何を返すかを整理する必要があります。フォームの設計経験があれば、その考え方を応用できます。
最初に何を作るとよいですか
検索フォーム、社内FAQの照会、資料請求の下書きなど、結果を確認してから次へ進める機能がおすすめです。注文確定やアカウント変更のような取り消しにくい処理は後回しにします。
今日からできる最初の一歩
まずは自社サイトや練習用サイトから、入力と結果が明確なフォームを1つ選びましょう。次に「AIに許可する操作」「入力してよい情報」「人が確認する場面」を3行で書き出します。
WebMCPは、WebサイトをAIに丸ごと任せるための機能ではありません。人が使ってきたフォームや業務機能を、AIにも扱いやすい形へ整理するための実験的な入口です。Origin Trialで小さく検証し、動作と安全性を確認できた部分だけ、次の改善につなげていきましょう。
参考・公式情報
📦 Amazonで関連商品を探す
🛒 楽天市場でHTML CSS JavaScript 入門 本を探す
