「AIが、人に代わって、ホームページから予約や問い合わせをしてくれる」。少し前までは、未来の話のように聞こえましたが、いま、その仕組みづくりが、実際に進み始めています。その中心の一つが、Googleが開発者向けに情報を公開している、WebMCPという新しい仕組みです。
この記事では、広島で、ホームページを運営している企業の経営者・ご担当者さまに向けて、WebMCPとは何か、今の時点で何が分かっていて、何がまだ決まっていないのかを、公式の情報にもとづいて、整理します。そのうえで、「今すぐ実装する」のではなく、「今のうちにやっておくと、後で困らない準備」を、具体的にご紹介します。
先にお伝えしておくと、WebMCPは、まだ提案の段階にある仕組みです。仕様が変わる可能性があると、公式にも明記されています。ですので、この記事は、「導入をすすめる記事」ではなく、「正しく知って、落ち着いて備えるための記事」として、お読みください。
この記事のポイント
- WebMCPは、AIエージェントに、ホームページの「できること」を伝えるための、提案中のウェブ標準
- Chrome for Developersで、初期プレビューが2026年2月に発表され、現在は、実験的な提供の段階
- 仕様が変わる可能性があるため、本番サイトへの導入を急ぐ必要はない
- いま優先したいのは、きちんとしたHTMLと、分かりやすいフォームという、基本の整備
- この基本は、ウェブアクセシビリティの考え方とも、ほぼ重なる
WebMCPとは？｜AIエージェントに、ホームページの「できること」を伝える仕組み
WebMCPは、ウェブサイトが、AIエージェント（人に代わって、ブラウザなどを操作するAI）に対して、「このサイトでは、こんな操作ができます」という情報を、分かりやすい形で伝えるための、提案中のウェブ標準です。
いまのAIエージェントは、人間と同じように、画面の見た目や、ページの構造を、読み取りながら操作します。ボタンの位置を探し、入力欄を見つけ、文字を入れて、送信する、という具合です。この方法は、サイトの作りによっては、うまく動かないことがあります。そこで、サイトの側から、「予約をする」「商品を検索する」といった機能を、あらかじめ、AIに向けて公開しておけば、AIは、迷わずに、その機能を呼び出せる、という考え方が、WebMCPです。
これまでの流れ
Chrome for Developersの公式情報によると、WebMCPの初期プレビュー（Early Preview）は、2026年2月10日に発表されました。その後、同年5月18日に、開発者向けのドキュメントが公開され、6月9日には、オリジントライアル（ブラウザの新機能を、一部のサイトで試す仕組み）に関する情報も、公開されています。このオリジントライアルは、Chrome 149から、とされています。
手元で試したい開発者向けには、Chromeの設定画面（chrome://flags）に、WebMCPのテスト用の項目が用意されています。つまり、現時点では、一般のユーザーが、日常的に使う機能ではなく、開発者が試す、実験の段階にあります。
2つの作り方｜フォームに注釈を付ける方法と、JavaScriptで登録する方法
Chrome for Developersの説明では、WebMCPには、大きく2つの使い方があります。
宣言的な方法（Declarative API）
すでにある、HTMLのフォームに、AIエージェント向けの注釈を付ける方法です。お問い合わせフォームや、検索フォームのような、定型的な操作を、公開するのに向いています。
命令的な方法（Imperative API）
JavaScriptのプログラムで、AIエージェントが呼び出せる機能（ツール）を、登録する方法です。より複雑な処理や、画面の状態に応じた動きが必要な場合に使います。
なお、具体的な書き方（属性名や関数名）は、仕様の検討が続いており、今後、変わる可能性があります。この記事では、実装の細かい書き方には、あえて踏み込みません。実際に試される場合は、必ず、最新の公式ドキュメントを、ご確認ください。
MCPとWebMCPは、何が違うのか
名前が似ているため、混同されやすいのですが、役割は、異なります。
MCP（Model Context Protocol）は、AIが、外部のサービスやデータに、つながるための仕組みで、主に、サービスの裏側（バックエンド）の連携を担当します。一方、WebMCPは、ブラウザで表示されているホームページの画面（フロントエンド）の上で、AIエージェントと、サイトが、やり取りするための仕組みです。
公式の説明でも、この2つは、どちらかがどちらかを置き換えるものではなく、役割を分け合う関係として、整理されています。たとえば、予約システムの裏側は、MCPで、AIとつなぎ、画面上の操作は、WebMCPで、AIに案内する、といった組み合わせが考えられます。
安全面で、公式が示している注意点
AIが、ホームページの操作を代行できるようになると、便利になる一方で、安全面の配慮も、必要になります。公式の情報や、解説記事で、触れられている点を、整理します。
他サイトの埋め込み（iframe）の扱い
WebMCPには、toolsという権限のポリシーがあり、初期設定では、そのサイト自身（self）だけが、使えるようになっています。他のドメインの埋め込み部分（クロスオリジンのiframe）に、使わせたい場合は、allow=”tools”という指定が、必要です。意図しない部分に、機能を公開してしまわないための、仕組みです。
購入などの重要な操作は、確認を挟む
公式は、購入や、重要な設定の変更のような、影響の大きい操作については、確認のダイアログを、表示することを、推奨しています。AIが、勝手に決済まで進めてしまうことを、防ぐための考え方です。
偽サイトや、プロンプトインジェクションのリスク
開発者向けの解説記事では、偽のサイトが、紛らわしい機能を公開して、AIを誘導するリスクや、プロンプトインジェクション（AIへの、不正な指示の埋め込み）のリスクも、指摘されています。標準の議論は、W3C（ウェブの標準化団体）のコミュニティグループなどで、続けられており、こうした課題への対応も、含めて、今後、整理されていくと考えられます。
具体的なイメージ｜どんな場面で使われると考えられるのか
ここからは、公式に示された事例ではなく、WebMCPの考え方を、身近な場面に当てはめた、あくまで想定の話として、お読みください。
想定① 飲食店の予約
お客様が、AIに「広島駅の近くで、今週末の夜、4人で入れるお店を予約して」と頼んだとします。今の仕組みでは、AIは、お店のホームページを開いて、予約フォームを、画面から探し、日付や人数の欄を、一つずつ、見つけて入力します。サイトの側から、「予約をする」という機能と、必要な項目（日付、人数、お名前など）が、あらかじめ分かる形で公開されていれば、AIは、迷わずに、必要な情報を渡せる、という考え方です。
想定② 工務店の資料請求
家づくりを検討中の方が、AIに、複数の会社の資料請求を、まとめて頼む場面も、考えられます。このとき、フォームの項目が、きちんと整理され、ラベルが付いているサイトのほうが、AIにとっても、正しく入力しやすくなります。
想定③ 士業事務所の相談予約
相談の予約フォームで、「相談したい内容」の選択肢が、分かりやすく整理されていれば、AIも、人も、迷いにくくなります。
どの場面でも、共通しているのは、「サイトの側が、できることを、分かりやすく整理しているか」という点です。この考え方は、WebMCPを導入するかどうかに関わらず、ホームページの運用で、役に立ちます。
ホームページの「見られ方」が、増えていく
これまで、ホームページを見る主体は、「人」と「検索エンジンのロボット」が、中心でした。これからは、そこに、「人に代わって操作するAIエージェント」が、加わっていくと考えられます。web.devの解説でも、AIエージェントが、ページを読み取り、操作する前提で、サイトの作り方が、整理されています。
そのため、ホームページを作る側にとっては、「人が見て、分かりやすいか」「ロボットに、内容が伝わるか」に加えて、「操作する部品が、きちんと読み取れるか」という視点も、少しずつ、大切になっていきます。ただし、これは、いま慌てて、大きな投資をする話ではありません。日々の更新や、リニューアルのタイミングで、少しずつ、整えていけば、十分です。
広島の企業は、いま何をすればいいのか
ここまでの内容を踏まえると、広島の中小企業が、いま、WebMCPを、本番のホームページに、すぐ導入する必要は、ほとんどありません。理由は、次の3つです。
- まだ提案の段階で、仕様が変わる可能性が、公式に示されている
- 主な提供は、実験的な段階で、一般のユーザーが日常的に使う状況には、なっていない
- 導入しても、すぐに、問い合わせや売上が増えると言える根拠は、現時点で、示されていない
一方で、「AIエージェントが、ホームページを見て、操作する」という流れ自体は、すでに、動き始めています。そこで、WebMCPがどうなるかに関わらず、役に立つ準備を、進めておくことをおすすめします。
今のうちにできる準備｜「AIにも、人にも、使いやすい」ホームページの基本
Googleのweb.devでは、「AIエージェントに使いやすいウェブサイト」を作るための、考え方が、紹介されています。それによると、AIエージェントは、画面のスクリーンショット、HTMLの構造（DOM）、そして、アクセシビリティツリー（ブラウザが作る、操作できる部品の一覧）を、手がかりに、ページを理解します。そのため、人間にとって、分かりやすく作られたページは、AIにとっても、扱いやすいページになります。
やっておきたいこと
- ボタンやリンクには、正しいHTMLを使う：クリックできる部分は、buttonタグやaタグで作り、見た目だけを、ボタンに見せた部品は、避ける
- 入力欄には、ラベルを付ける：お問い合わせフォームの各項目に、何を入力するのか、きちんと関連付けられた、ラベルを用意する
- クリックできる部分を、見て分かるようにする：カーソルの形が変わるなど、操作できることが、伝わるようにする
- 操作部品を、十分な大きさにする：クリックやタップの対象は、小さくしすぎない（web.devでは、8ピクセル四方より大きくすることが、挙げられています）
- 画面の表示が、勝手にずれないようにする：読み込みの途中で、ボタンの位置が動いてしまう作りは、避ける
避けたいこと
- 操作できる部分の上に、透明な層を重ねる：見えない部品が、クリックを、邪魔してしまうことがある
- 表示が、常に、動き続ける作り：操作の途中で、位置が変わると、AIも人も、迷ってしまう
- 名前や説明の付いていない部品：何をするボタンなのか、読み取れなくなる
これらは、ウェブアクセシビリティの基本とも、大きく重なります。アクセシビリティの対応を進めることは、結果として、AIにも、使いやすいホームページに、つながります。ただし、こうした対応が、検索順位や、AIによる紹介を、直接、高めると、Googleが示しているわけではありません。「使いやすさを、高めるための基本」として、取り組むのが、現実的です。
新しい技術の情報を、読むときの3つのコツ
WebMCPのように、動きの速い分野では、ネット上の情報も、古くなりやすくなります。情報を読むときは、次の3点を、意識してみてください。
- 更新日を確認する：公式のドキュメントには、最終更新日が、記載されています。数か月前の記事と、最新のドキュメントで、内容が違うことも、ありえます。
- 「提案中」「実験的」といった表現を、見落とさない：確定した仕様なのか、検討中の内容なのかで、取るべき対応は、大きく変わります。
- 効果の断定には、注意する：「導入すれば、売上が上がる」といった表現は、公式の情報には、見当たりません。根拠が示されているかを、確認しましょう。
制作会社や、情報発信者の話を聞く際も、同じ視点で、「それは、どの情報にもとづいているのか」を、尋ねてみると、安心です。
広島の企業がやりがちな3つの失敗パターン
① 話題の言葉に、すぐ飛びついて、本番サイトに実験的な機能を入れる
仕様が変わる可能性のある機能を、本番のホームページに入れると、後から、作り直しが、必要になるかもしれません。まずは、検証用の環境で、試すところから、始めましょう。
② 基本の整備を後回しにして、新しい施策だけを追う
フォームのラベルが、不足している、ボタンが、画像だけで作られている、といった、基本の問題を残したまま、新しい仕組みを入れても、効果は、限られます。順番は、基本が先です。
③ 安全面の確認をしないまま、AIに任せる範囲を広げる
予約や購入など、お客様の大切な操作を、AIが代行できるようにする場合は、確認の手順や、誤操作への備えが、欠かせません。便利さと安全性は、セットで考えましょう。
WebMCPに関する、よくある質問
Q. WebMCPに対応しないと、AIに、サイトを使ってもらえなくなりますか？
現時点で、そのような状況は、公式には、示されていません。AIエージェントは、WebMCPがなくても、ページの構造や画面を手がかりに、操作できるため、まずは、基本の整備が、大切です。
Q. 小さな会社でも、いずれ対応が必要になりますか？
将来どうなるかは、現時点では、分かりません。標準になるかどうかも含めて、今後の動きを、確認していく段階です。
Q. 自社のホームページで、試すことはできますか？
開発者向けに、Chromeでテストするための手順が、公開されています。ただし、本番のサイトではなく、検証用の環境で、試すことをおすすめします。
Q. 最新の情報は、どこで確認できますか？
Chrome for Developersの、WebMCPのドキュメントが、最も確実です。公式のドキュメントには、更新日も、記載されているため、読む前に、確認しておきましょう。
Q. 自社のホームページが、AIに使いやすいかどうかは、どう確認すればいいですか？
まず、キーボードのTabキーだけで、お問い合わせフォームまで、たどり着けるかを、試してみてください。順番通りに、移動できて、いま、どこを選んでいるのかが、画面で分かれば、基本的な作りは、整っていると考えられます。途中で止まったり、選んでいる場所が、分からなくなったりする場合は、見直しの対象です。
Q. WordPressのサイトでも、対応できますか？
WebMCPの仕様自体が、検討の途中のため、現時点で、WordPress向けの決まった方法が、確立されているとは言えません。まずは、使っているテーマやフォームのプラグインが、ラベルや、正しいHTMLを、出力しているかを、確認することから、始めましょう。
《今回の情報で押さえたい基本ルール》
- WebMCPは、提案中の仕組みで、仕様が変わる可能性があると、理解しておく
- 本番サイトへの導入は、焦らず、検証用の環境から、始める
- 基本のHTMLと、フォームの整備を、先に進める
- 購入などの重要な操作には、確認の手順を、入れる
- 情報は、Chrome for Developersや、web.devなどの、一次情報で確認する
まとめ｜流行を追う前に、土台を整える
WebMCPは、AIエージェントと、ホームページが、やり取りするための、新しい仕組みとして、注目されています。しかし、現時点では、提案と実験の段階にあり、仕様の変更も、ありえます。大切なのは、流行の言葉に慌てず、基本を整えながら、公式の情報を、見守る姿勢です。
今日やること
- 自社のお問い合わせフォームの、すべての入力欄に、ラベルが付いているかを確認する
- ボタンが、画像だけで作られていないかを確認する
今週中にやること
- 主要なページで、操作できる部分の上に、透明な層が重なっていないかを確認する
- 読み込みの途中で、ボタンの位置が動いてしまわないかを確認する
今月中にやること
- ウェブアクセシビリティの観点も含めて、ホームページの現状を点検する
- Chrome for Developersの、WebMCPの最新情報を、確認する
ホームページの基本の整備を、ご検討の広島の企業様へ
マザーハンズ株式会社は、広島で、ホームページの制作や、WordPressの運用・保守、集客のご支援を行っています。ご相談は、即日対応で、お受けしています。
「自社のホームページが、AIにも人にも使いやすい作りか知りたい」「フォームやボタンの作りを見直したい」「新しい技術の動きを、無理なく取り入れたい」といった場合は、まずは、お気軽にご相談ください。
サイトの現状の確認から、優先して直すべき項目まで、貴社の状況に合わせて、ご案内します。
