AI News HubLIVE
サイト内リライト2 分で読了

WebMCP: ウェブサイトをAIエージェント対応にする

WebMCPは、AIエージェントがスクリーンショットや推測なしにウェブサイトの構造化関数を直接呼び出せるようにする技術です。本記事では、W3C/Chromeブラウザ仕様と即利用可能なJavaScriptライブラリの2つの実装を紹介し、個人ブログへの統合手順を詳しく解説します。

ソースHacker News AI著者: aashu_bel

WebMCPは、AIエージェントがウェブサイトとより効率的にやり取りするための新技術です。現在、AIエージェントとウェブサイトの対話方法は主に2つあります。1つはスクリーンショットと視覚モデルを使用してページ機能を推測する方法で、非効率的で信頼性に欠けます。もう1つはサイトごとにカスタムMCPサーバーを構築する方法ですが、普及が困難です。WebMCPは第3の選択肢を提供します。ウェブサイト自体が能力を宣言し、AIエージェントがインストールや視覚モデルなしで直接発見・呼び出せるようにします。

現在、「WebMCP」と呼ばれるプロジェクトは2つ存在します。1つはW3C/ChromeチームによるブラウザネイティブAPIで、Chrome Betaの機能フラグで有効にでき、宣言的APIと命令的APIの両方をサポートしますが、まだ安定版には至っていません。もう1つはJason McGheeが開発したオープンソースのJavaScriptライブラリで、任意のブラウザですぐに使用でき、ローカルWebSocketブリッジを介してMCPクライアントに接続します。著者は後者を選択し、自身のブログに統合しました。

統合プロセスはわずか20分で完了しました。著者は29KBのウィジェットファイルをダウンロードし、専用の/mcp/ページを作成し、4つのツールを登録しました:search_posts(キーワードでブログ記事を検索)、get_post(スラグで記事内容を取得)、list_posts(公開記事一覧を取得)、get_site_info(サイトの構造化情報を返す)。これらのツールはMCPプロトコルを介してAIエージェントから呼び出され、APIキーの共有は不要で、すべてクライアント側で実行されます。

大規模サイトでは、WebMCPの応用可能性はさらに広がります。例えば、Eコマースサイトでは商品検索、価格確認、カート追加などのツールを提供できます。ドキュメントサイトでは検索やセクション取得ツールが変革をもたらすでしょう。SaaSダッシュボードではメトリクス照会や操作ツールが有用です。ゼロフリクションを求めるChromeユーザーにはW3C仕様の安定版を待つことを推奨しますが、現在すぐに多様なMCPクライアントをサポートしたい場合はjasonjmcgheeライブラリが適しています。

SEOの観点から、WebMCPは新たな最適化次元を切り開きます。ツールの発見可能性、説明の正確性、スキーマ設計は、それぞれ従来のSEOにおけるインデックス、メタディスクリプション、構造化データに相当します。AIエージェントがウェブの主要ユーザーになりつつある中、WebMCPはサイトがエージェントトラフィックを引き付けるための鍵となる可能性があります。