發布日期：2026 年 6 月 22 日
隨著 AI 代理程式的發展，這類程式不僅能生成文字，還能瀏覽網站、與網站互動，以及完成複雜工作，因此開發人員需要專用工具，確保這些非人類使用者享有優質體驗。新版 Lighthouse 代理瀏覽類別搭配 Chrome 開發人員工具的強化功能，可提供確定性稽核和測試架構，協助您建構支援代理程式的網站。
轉向代理程式網路的過程分為兩個主要階段：代理程式搜尋網路，以及代理程式使用網路。
如果代理程式只是搜尋網站，搜尋引擎最佳化 (SEO) 原則仍然適用。 在本網誌文章中，我們將著重於代理程式直接與網站互動時，開發人員可以執行的工作。
審查、改善及偵錯可供 AI 代理使用的網站
如要讓 AI 代理程式在網站上順利完成預約或下單等流程，必須提供可預測的機器可讀取信號。以下工具可協助你評估及提升準備度。
稽核網站的代理程式就緒程度
Lighthouse 的全新代理式瀏覽類別 (自 M150 起提供) 提供一組確定性稽核，可供開發人員評估網站對代理程式的友善程度，並鼓勵採用新的業界標準。
稽核檢查內容：稽核作業著重於機器互動的三大關鍵領域：
- 無障礙功能：無障礙功能首先是為人類設計，代理程式會以從 DOM 衍生而來的無障礙樹狀結構做為輔助技術 (AT) 的主要資料模型。Agentic Browsing 稽核會驗證無障礙稽核中的部分類別，這些類別對機器互動至關重要。舉例來說，這兩項稽核都會驗證每個互動元素是否都有程式輔助名稱。格式正確的無障礙功能樹狀結構是 AI 代理瞭解網頁的主要方式。
- 穩定性：使用累計版面配置位移 (CLS) 評估視覺穩定性，確保元素不會意外移動，避免服務專員誤按。
- WebMCP 整合：檢查已註冊的 WebMCP 工具是否可用、缺少宣告式 WebMCP 的表單，以及結構定義是否有效。採用 WebMCP 可協助代理程式明確公開網站的邏輯和表單，確保互動可靠。
分數：與其他 Lighthouse 類別不同，發布時，Agentic Browsing 是資訊類別，且未經過基準測試。重點在於提供可執行的信號 (通過或失敗狀態和警告)，而非明確的排名。
如要進一步瞭解具體的稽核檢查項目和改善方法，請參閱 Lighthouse 的代理程式瀏覽稽核說明文件。
讓代理程式與網站之間的互動更快速可靠
WebMCP 是一項提案標準，旨在向現有網站上的 AI 代理公開結構工具，加快及簡化代理互動。如要進一步瞭解如何導入，請參閱「Read about WebMCP」。
使用偏好的程式設計代理實作最新功能
「現代化網站指南」提供一系列最佳做法和技能，協助開發人員建構可供代理程式使用的網站。包括 webmcp 技能，可將 WebMCP 工具的實作作業委派給程式碼代理程式。將 Modern Web Guidance 整合至開發工作流程，確保應用程式從一開始就符合現代標準，且對代理程式友善。詳情請參閱現代化網站指南文件。
使用 Chrome 開發人員工具 (代理商專用) 測試及偵錯網站
如要進行深入偵錯和疊代開發，Chrome 開發人員工具的代理程式提供獨特的測試角色。您可以將自己的 AI 輔助 IDE 或程式設計代理轉換為瀏覽代理，並享有高度控制權。
代理專用開發人員工具提供的功能：
- 模擬代理程式互動：您可以模擬代理程式會採取的確切步驟，有效「成為使用者」(或代理程式)，重現失敗情況並驗證網站流程是否具確定性。
- 直接叫用 Lighthouse：測試環境可以直接在有效分頁上叫用
lighthouse_audit工具。這項功能會根據網頁的目前狀態，立即提供多類別的健康狀態檢查結果，方便您根據 Agentic Browsing 標準，逐步驗證修正內容。 - 螢幕側錄和偵錯：這項工具提供詳細的記錄和螢幕側錄功能，因此您可以確切瞭解代理程式如何解讀網頁並與網頁互動。這會公開一些機器可讀取的信號 (例如無障礙樹狀結構)，可能會讓代理程式感到困惑。
這有助於確保非人類使用者在部署前獲得優質體驗。
如要進一步瞭解 Chrome 開發人員工具的代理程式功能和設定，請參閱 GitHub 存放區。
以下是 Agents 的 Chrome 開發人員工具設定範例 (~/.gemini/config/mcp_config.json 適用於 AntigravityCLI，或在 Antigravity 中設定)，可連線至 Chrome Canary。
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
使用範例查詢： 「Using Chrome 開發人員工具 MCP, go to https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ and create me a pizza with 10 mushrooms and 2 bell peppers; make sure to give me a summary of what you did and what tools you called.」
您也可以使用 Agents 的開發人員工具執行代理程式就緒度 Lighthouse 稽核：
「I want to do an agentic lighthouse audit on https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname using Chrome DevTools MCP; give me a full summary.」(我想使用 Chrome 開發人員工具 MCP 對 https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname 進行代理式 Lighthouse 稽核，並提供完整摘要。)
後續步驟
如要參與討論及貢獻心力，請參閱 Lighthouse 官方存放區。
如要進一步瞭解 WebMCP，請參閱 WebMCP 說明文件。如要進一步瞭解 Modern Web Guidance，請參閱相關說明文件。如要進一步瞭解如何針對生成式 AI 最佳化網站，請參閱「針對 Google 搜尋的生成式 AI 功能進行網站最佳化」。