WebMCP 是什麼？為甚麼三大巨頭同一週出手？
2026年8月最後一週，人工智能與網站互動的方式出現了一個關鍵轉折點。
OpenAI 在 ChatGPT 桌面瀏覽器加入「Site Tools」功能（8月25日），Shopify 宣布旗下所有 Liquid 模板店舖預設啟用10項 WebMCP 工具（8月27日），Cloudflare 緊接推出邊緣網路（edge）WebMCP 橋接開發者預覽（8月28日）。同一時間，OpenAI 發起了為期10天的 WebMCP Challenge，獲得 Google Chrome、Shopify、Cloudflare、Netlify、Vercel 和 Render 等平台支持。
WebMCP（Web Model Context Protocol）並非全新概念——Google Chrome 早在2月就已經發布早期預覽，並在6月的 Chrome 149 開啟原始試用（origin trial）。但當時欠缺兩個關鍵拼圖：廣泛部署的網站端支援與消費者端的 AI Agent 客戶端。Shopify 供應了前者，OpenAI 供應了後者，Cloudflare 則展示了如何在基礎設施層無需修改源站代碼就能加入 WebMCP 介面。
WebMCP 與傳統瀏覽器自動化的根本差異
傳統上，AI Agent 操作網站的方式相當「人類化」——它截取頁面截圖、辨識按鈕位置、模仿點擊和輸入。這種做法每一步都充滿變數：按鈕文字改了、彈窗忽然出現、自訂日期選擇器打亂佈局——任何一個小失誤都能中斷流程。
WebMCP 提供的是完全不同的路徑。網站可以向瀏覽器註冊一個 命名工具（named tool），附上描述和結構化的輸入/輸出格式（JSON schema）。AI Agent 發現工具後，直接傳入所需參數、接收結構化回應，完全繞過視覺辨識的脆弱環節。
Google Chrome 團隊對 WebMCP 的描述最能點出其定位：「以往你的應用程式是 AI Agent 內的客人；現在，AI Agent 是你平台上的客人。」
Shopify 如何實現？對香港電商的直接影響
Shopify 在其每個 Liquid 模板店舖中提供了 10個 WebMCP 工具，包括：
- 瀏覽商品目錄（browse products）
- 搜尋商品（search products）
- 組裝購物車（assemble cart）
- 結帳導引（proceed_to_checkout）
Shopify 的傑出工程師 Ilya Grigorik 解釋：ChatGPT 瀏覽器可以在 Shopify 店舖上使用網站提供的工具來瀏覽商品目錄並組裝購物車。所有互動都在顧客當前活躍的分頁內進行，購物車的任何更新會即時反映。
但一個關鍵細節是：proceed_to_checkout 只會將顧客帶到結帳頁面，並不會自動完成支付。 這就是設計上的巧妙之處——AI Agent 可以協助瀏覽和選貨，但最終的購買決策和付款仍然由人類掌控。
對於香港 Shopify 商家的意義
香港是 Shopify 在亞洲的重要市場之一，不少本地品牌、餐飲、零售和跨境電商均使用 Shopify 建立網店。這項更新意味著：
- 你的 Shopify 店舖已經有 AI 可讀的結構化介面——如果你使用 Liquid 模板，WebMCP 工具已預設啟用。
- ChatGPT 用戶可以用自然語言在 Shopify 店舖上購物——例如「找一款500港元以下的藍色連衣裙」或「幫我比較這三款耳機的功能」。
- 但這只是起點——Shopify 預設的工具清單是通用設計。真正能發揮效果的，是商家如何理解和引導 AI Agent 的行為。
Cloudflare 和 OpenAI 的整合代表甚麼？
Cloudflare：無需改動源站的 WebMCP 橋接
Cloudflare 的 WebMCP 橋接在 CDN 邊緣層攔截請求，加入 WebMCP 工具宣告。這意味著即使你的網站沒有直接修改代碼，透過 Cloudflare 也能啟用 WebMCP 功能。對於香港大量使用 Cloudflare 的企業來說，這大大降低了技術門檻。
OpenAI：ChatGPT 變成「瀏覽器中的 Agent 平台」
OpenAI 在 ChatGPT 桌面瀏覽器（macOS/Windows 應用）中加入 Site Tools，意味著 ChatGPT Work 和 Codex 用戶現在可以直接在瀏覽器內調用網站提供的 WebMCP 工具。這不只是另一個新功能——它代表了 ChatGPT 從對話產品進化為 AI Agent 作業系統的第一步。
若網站沒有提供合適的 Site Tools，ChatGPT 會退回到標準的瀏覽器操作方式（視覺點擊）。但對於提供了 WebMCP 工具的網站，AI Agent 的體驗將會明顯更穩定和精確。
香港企業現在應該做的六件事
1. 確認你的 Shopify 店舖 WebMCP 狀態
如果你使用 Shopify Liquid 模板，你的店舖已經啟用了 WebMCP 工具。但如果你是自訂 Shopify Hydrogen 開發者預覽版（非 Liquid），請檢查是否已啟用 WebMCP 工具集。
2. 審視產品目錄的結構化數據品質
當 AI Agent 透過工具瀏覽你的商品目錄時，產品資料的結構化程度直接影響 Agent 能否正確推薦你的商品。確保你的 Google Merchant Center feed、Product structured data 和分類層級清晰完整。
3. 如果你是 Cloudflare 用戶——嘗試 WebMCP Bridge
登入 Cloudflare Dashboard，查看開發者預覽中的 WebMCP Bridge 功能。這項功能讓你在不修改源站代碼的情況下，為網站加入 WebMCP 支援，尤其適合非 Shopify 的自建網站。
4. 開始思考「Agent 體驗」而不只是「用戶體驗」
當 AI Agent 成為你的網站訪客時，它的「體驗」會如何？你的網站導航、結帳流程和產品資訊能否被結構化工具正確解讀？這與傳統 UX 設計不同——你需要確保每個商業流程都有對應的結構化工具描述。
5. 訂閱 OpenAI WebMCP Challenge 動態
OpenAI 正在進行 10 天 WebMCP Challenge，可能產生新的最佳實踐和參考範例。密切關注 GitHub 上的相關討論和範例實作。
6. 長期策略：為 AI Agent 準備「雙重體驗」
Google 在5月發布的指南中已明確指出：網站需要同時為「人類用戶」和「AI Agent」做好準備。WebMCP 就是實現這一目標的核心技術之一。香港企業應該將「Agent readiness」納入 2026-2027 年的數位轉型路線圖。
總結
2026年8月的最後一週，將會被視為「WebMCP 元年」的起點。Shopify 提供了網站端、OpenAI 提供了 Agent 客戶端、Cloudflare 提供了基礎設施層——三大巨頭在同一時間點協同落地，這在搜尋生態系統中極為罕見。
對於香港企業而言，這不是遙遠的未來趨勢。如果你的網站使用 Shopify 或 Cloudflare，WebMCP 的影響已經開始。現在開始理解這項技術、審視你的產品數據結構、並將 AI Agent 體驗納入規劃，將幫助你在下一波 AI 驅動的搜尋和商業互動中保持競爭優勢。
參考來源：
- Search Engine Journal: “WebMCP Connects AI Agents To Actions Inside Websites” (2026年8月28日)
- Search Engine Journal: “OpenAI Adds WebMCP Site Tools To ChatGPT’s Browser” (2026年8月27日)
- Google Chrome 開發者文件：WebMCP Origin Trial 規格