我要如何用 WebMCP 讓網站可供 AI 代理使用?
先把基礎做好:以 HTML 提供網頁、清楚的事實、結構化資料,以及不需要技巧就能運作的表單。WebMCP 可讓網頁把「預約時段」之類的工具提供給 AI 代理,但它仍處於早期預覽:Chrome 於 2026 年 2 月開放試用,而 2026 年 10 月的草案還不是 W3C 標準。可以先試驗,但還不需要為它重建網站。
重點事實
- Chrome 於 2026 年 2 月 10 日宣布 WebMCP 為向計畫參與者開放的早期預覽。 (Chrome for Developers:WebMCP 早期預覽(2026 年 2 月))
- 2026 年 10 月 9 日的 WebMCP 規格是社群團體草案報告(Draft Community Group Report),明確表示它不是 W3C 標準,也不在 W3C 標準軌道上。 (W3C 網路機器學習社群團體:WebMCP 草案(2026 年 10 月))
- Chrome 說明 WebMCP 有兩套 API:宣告式的一套用於 HTML 表單中的動作,命令式的一套則以 JavaScript 實作。 (Chrome for Developers:WebMCP 早期預覽(2026 年 2 月))
- WebMCP 的工具概念借自 Model Context Protocol,Anthropic 於 2024 年 11 月 25 日將其作為開放標準推出。 (Anthropic: Introducing the Model Context Protocol)
- Google 表示結構化資料有助於它理解網頁內容;其文件列出了支援的類型及其規則。 (Google Search Central:結構化資料簡介)
什麼是 WebMCP?
WebMCP 是一項提議中的瀏覽器 API,讓網頁能把自己的功能以工具的形式提供給 AI 代理,每個工具都有名稱、說明與輸入結構。代理不必猜測要點哪個按鈕,而是直接呼叫「查詢可預約時段」或「加入購物車」。
目前草案把進入點放在 document.modelContext;較早的文章使用 navigator.modelContext,這顯示該規格變動得有多快。
// WebMCP 草案(W3C 社群團體,2026 年 10 月 9 日):API 仍可能改變。
if ("modelContext" in document) {
document.modelContext.registerTool({
name: "check_availability",
description: "Returns the free appointment slots for a date (YYYY-MM-DD).",
inputSchema: { type: "object", properties: { date: { type: "string" } }, required: ["date"] },
execute: async ({ date }) => (await fetch("/api/slots?date=" + date)).json(),
});
}我的企業現在該實作 WebMCP 嗎?
只適合當作實驗,而且前提是您的網站有 AI 代理真正會執行的動作(預約、報價、查詢庫存)。草案仍可能改變,Chrome 本身也稱之為早期預覽。
對大多數企業網站來說,現在有回報的工作,是 AI 代理與 AI 搜尋已經在使用的部分:可讀的網頁與正確的事實。
什麼能讓網站今天就可供代理使用?
與讓 AI 助理能讀取並引用網頁相同的做法:
| 層面 | 要做什麼 | 2026 年的狀態 |
|---|---|---|
| 可讀的內容 | 以 HTML 提供主要文字,而不是只在 JavaScript 執行後才出現 | 今天即可運作 |
| 清楚的事實 | 把價格、營業時間、服務範圍與政策寫在頁面上 | 今天即可運作 |
| 結構化資料 | 以 JSON-LD 標示 Organization、Product、LocalBusiness、FAQ | 今天即可運作 |
| 可用的表單 | 欄位有標籤、沒有隱藏步驟、確認訊息清楚 | 今天即可運作 |
| WebMCP 工具 | 把動作以帶有結構的工具形式公開 | 早期預覽 |
誰應該來實作?
應由已經在您的程式碼庫中工作的開發人員或 AI 程式代理來做:這些是程式碼變更,而不是設定。透過 easyIndex,該代理會透過 MCP 建立可讀的網頁與結構化資料,而 easyIndex 會在線上網站上稽核並檢查每一頁。
逐步操作
- 檢查代理能讀取什麼. 打開網頁原始碼:主要文字應該在 HTML 中。
- 把事實寫下來. 價格、營業時間、服務範圍與政策要寫在頁面上,而不是只放在圖片或 PDF 裡。
- 加入結構化資料. JSON-LD 的內容要與頁面所述一致。
- 整理表單. 欄位有標籤,並有代理能讀取的清楚確認訊息。
- 先在一個動作上試做 WebMCP. 放在功能偵測之後,於分支中依照目前的草案進行。
常見錯誤
- 在基本內容還無法讀取前,就為草案 API 重建網站。
- 在沒有人類確認的情況下,公開會改變資料的工具(訂單、付款)。
- 照抄使用了草案已更名之進入點的舊教學。
- 把價格與條款藏在代理無法讀取的 JavaScript 或表單後面。
easyIndex 如何解決
easyIndex 透過 MCP 一次給您的 AI 程式代理一個步驟,讓網頁可讀、有事實依據並帶有標記,接著稽核每一頁、在線上檢查,並衡量 AI 造訪者與 AI 檢索器的讀取次數;它也會在您的 AI 程式代理每月執行的掃描中,記錄 ChatGPT、Claude、Perplexity 與 Gemini 在您追蹤的問題中引用了哪些來源。每個網站每月 US$30,並提供 7 天免費試用。
常見問題
WebMCP 與 MCP 相同嗎?
不同。MCP 把代理連接到伺服器;WebMCP 則讓瀏覽器中的網頁把工具提供給代理。WebMCP 借用了 MCP 的工具概念。
哪些瀏覽器支援 WebMCP?
Chrome 於 2026 年 2 月以早期預覽方式開放。在依賴它之前,請先查看目前的草案。
WebMCP 能幫我出現在 ChatGPT 的回答中嗎?
目前沒有任何證據顯示如此。回答來自助理能讀取的網頁;WebMCP 處理的是動作。
llms.txt 是可供代理使用的一部分嗎?
它是獨立且選用的檔案。可讀的網頁與結構化資料更重要。
延伸閱讀
- 結構化資料(schema)能幫助 AI 引用我的網站嗎?
- ChatGPT 和 Claude 看得到我以 JavaScript 建置的網站嗎?
- 我的程式代理需要的 GEO MCP 伺服器應該做什麼?
- llms.txt 有效嗎?
- easyIndex 如何運作?我需要準備什麼?多久會有成效?
- easyIndex 是什麼?
最後驗證日期 .