📚 這是「Agent-Ready 網站進化指南」系列的第 1 篇。
TL;DR
WebMCP 是 Google 和 Microsoft 聯手推動的新 Web 標準，讓網站能主動為 AI 代理提供結構化的「工具清單」，而不是讓 AI 盲猜你的按鈕在哪裡。
比傳統截圖方式節省 89% 運算成本，準確度接近 100%。Chrome 146 已發布早期預覽，預計 2026 年中正式推出。
這是 SEO → GEO → WebMCP 進化鏈的最新一環——從被搜尋引擎找到、被 AI 引用，到讓 AI 代理直接在你的網站完成任務。
上週同事請 ChatGPT 幫忙找「台北假日日文會話課程」，順便幫他報名。ChatGPT 很認真地打開了幾間語言補習班的網站，但接下來的過程有點尷尬。
它先截了一張課程頁面的螢幕截圖，盯著圖片判斷哪裡可以點，結果第一次點到了 Banner 上的裝飾圖，第二次點到了「分享到 Facebook」，反覆三次才終於找到報名表單。接著要填寫姓名、電話、想報名的課程——結果它把「進階班」填成了「初級班」，電話欄位還多打了一碼。
這不是特例，這就是現在 AI 代理操作網站的日常——看不懂介面、猜不到按鈕、填不對表單。而 Google 在 2026 年 2 月推出的 WebMCP，就是要終結這個荒謬的局面。
💡 WebMCP：讓網站遞菜單給 AI
WebMCP，全名 Web Model Context Protocol，是 Google 和 Microsoft 聯手推動的新 Web 標準，目前在 W3C Web Machine Learning 社群小組孵化，2026 年 2 月 10 日在 Chrome 146 發布早期預覽。
用最白話的方式解釋：WebMCP 讓你的網站可以主動「發布一份工具清單」給 AI 代理。
你可以把它想像成餐廳的菜單。在 WebMCP 出現之前，AI 代理走進你的「網站餐廳」，完全看不到菜單，只能從裝潢去猜你賣什麼——看到紅色燈籠就猜你是中餐廳，看到木頭桌椅就猜你賣日式料理。猜對了是運氣好，猜錯了就點了一盤莫名其妙的菜。
WebMCP 的做法是：你直接把菜單遞給 AI，上面清楚寫著「我們有這些菜、每道菜需要什麼配料、怎麼點餐」。AI 代理不用再猜，照菜單下單就好。
技術上來說，WebMCP 讓網站定義一組結構化的「工具」（Tools），每個工具有明確的名稱、描述、需要的參數和回傳結果。比如一個旅遊網站可以發布 `searchFlights(origin, destination, date)` 這樣的工具，AI 代理看到定義就知道怎麼搜航班，不用再截圖猜欄位在哪裡。
🔍 截圖、猜按鈕、亂點：AI 代理的笨方法
在 WebMCP 之前，AI 代理操作網站的流程大概是這樣：對頁面截圖，用視覺模型辨識畫面上的元素，猜測哪個像是按鈕、哪個像是輸入欄位，然後嘗試點擊。猜錯了（很常發生）就再截一張圖，重來一次。
業界把這叫「像素級操作」（pixel-based actuation）。聽起來很酷，但實際上問題一大堆。
首先是脆弱——網站只要改個版面、換個按鈕位置，AI 代理可能整個壞掉。其次是昂貴——截圖再用視覺模型分析，每次操作都消耗大量 token（也就是 AI 的運算成本）。根據 Google 的數據，WebMCP 比截圖方式節省了 89% 的 token 成本。最後是不可靠——AI 代理經常點錯按鈕、填錯欄位，或者根本找不到需要的功能。
WebMCP 的核心精神用一句話總結：「Publish tools, not pixels」（發布工具，不是像素）。不要讓 AI 猜你的網站長什麼樣，直接告訴它你的網站能做什麼。
🎯 兩種方式讓網站變 Agent-Ready
WebMCP 提供了兩種 API，讓不同類型的網站都能導入。
宣告式 API 是最簡單的入門方式。你只需要在現有的 HTML 表單上加幾個描述屬性（像是 `toolname` 和 `tooldescription`），瀏覽器就會自動把表單轉換成 AI 代理可以理解的結構化格式。對已經有完善表單的網站來說，導入成本非常低。
命令式 API 則是給需要更複雜互動的網站準備的。透過 JavaScript 的 `navigator.modelContext` API，網站可以註冊更精細的工具函數，處理多步驟流程或動態產生的內容。
安全方面，WebMCP 採用「瀏覽器中介」的設計——所有工具呼叫都經過瀏覽器，不是 AI 代理直接跟網站後端溝通。網站完全控制要暴露哪些功能，表單預設也需要使用者手動確認送出，不會出現「AI 偷偷幫你下單」的狀況。
SEO 專家 Dan Petrovic 對此的評價是：「這是自結構化資料以來，技術 SEO 最大的轉變。」這代表網站未來的競爭力，不只在於頁面設計好不好看，還在於你的「工具定義」寫得夠不夠清楚。
⚡ SEO → GEO → WebMCP
如果你有在關注我們之前的 GEO 系列文章，WebMCP 是一條清晰進化路線的最新一環：SEO 解決「讓搜尋引擎找到你」，GEO 解決「讓 AI 在生成答案時引用你」，WebMCP 解決「讓 AI 代理直接在你的網站上完成任務」。
從被找到、到被引用、到被操作——這三個階段不是互相取代，是層層疊加。你的 SEO 基礎支撐 GEO 表現，而 GEO 建立的內容品質和信任度，又會影響 AI 代理是否優先選擇跟你的網站互動。
✅ 這不是未來式，是現在進行式
WebMCP 目前在 Chrome 146 Canary 提供早期預覽，需要開啟實驗旗標才能使用。Google 預計在 2026 年中的 Google I/O 或 Cloud Next 上做更正式的發布。
確實還很早期，但有個歷史經驗值得參考：當年 Google 推出結構化資料（Schema Markup）時，早期導入的網站在搜尋結果中獲得了明顯的曝光優勢。WebMCP 很可能重演這個劇本——早期佈局的網站，會成為 AI 代理優先互動的對象。
下一篇，我們來聊具體的：你的網站離 Agent-Ready 還有多遠？現在該做什麼、不該做什麼？
→ 下一篇：你的網站 Agent-Ready 了嗎？WebMCP 企業因應與實作指南
- WebMCP is available for early preview – Chrome for Developers, 2026-02-10
- Google Chrome ships WebMCP in early preview – VentureBeat, 2026-02
- Google previews WebMCP, a new protocol for AI agent interactions – Search Engine Land, 2026-02
- Chrome’s WebMCP Early Preview: the end of “AI agents clicking buttons” – DEV Community, 2026-02
- WebMCP Official Website – W3C Web Machine Learning Community Group
註：所有數據與引述均截至 2026 年 2 月
