
網站正在成為任務環境
AI 已不再只會尋找與摘要頁面。瀏覽器 Agent 能檢查介面、點擊控制項、輸入資訊,並代表使用者完成多步驟任務。
訪客可能要求 Agent 比較方案、預約服務、提交申請、將商品加入購物車,或變更帳戶設定。有些 Agent 使用截圖與視覺推理,另一些也會使用 DOM、無障礙樹或結構化工具。
Agent 友善網站不只是公開資訊,還能讓目的、狀態、影響與完成結果都可靠地被理解。
AI 瀏覽器看到的不只是像素,但仍不及人類
使用習得的視覺脈絡
- 辨識熟悉的圖示
- 從版面推斷意圖
- 察覺細微的視覺變化
- 可以尋求協助
需要明確且穩定的訊號
- 將文字與控制項配對
- 使用角色、名稱與狀態
- 版面改變時可能失去脈絡
- 需要可驗證的結果
購物車圖示對購物者而言可能一目了然,但若沒有無障礙名稱,對自動化系統來說可能只是一個沒有標籤的圖形。
依控制項將執行的操作命名
「繼續」或「確認」等含糊標籤會迫使 Agent 推斷操作後果。在付款、提交或刪除之前,這會造成風險。
準備進入下一步了嗎?
無法得知操作與目的地。
輸入付款資訊前,請先檢查你的項目。
下一個狀態可以預期。
使用原生連結進行導覽,使用按鈕執行操作。為只有圖示的控制項提供無障礙名稱,並讓重複卡片中的操作名稱保持獨特。
<button type="submit">確認諮詢預約</button>語意化 HTML 是操作脈絡
例如 <nav>, <main>, <button>, <a>, <form>,以及 <label> 能傳達結構與行為。經過樣式設定的 <div> 缺少瀏覽器會自動提供的原生角色、鍵盤行為與狀態。
使用 ARIA 補充原生 HTML 無法表達的資訊,而不是重建已存在的語意。
無障礙與 Agent 就緒程度有所重疊,因為當介面不完全依賴視覺、精準指標操作或隱藏脈絡時,兩者都能受益。
表單必須說明目的、格式與失敗原因
標籤會消失,錯誤訊息也未提供復原方式。
保持標籤可見、標示必填欄位、說明格式、將精確錯誤連結到對應欄位、群組相關選項,並在提交前提供檢查步驟。
讓多步驟任務保持穩定且可復原
顯示進度與目前狀態
為每個步驟命名,並傳達目前進行中的階段。
保留已輸入資訊
返回上一步或修正單一錯誤時,不應清除整個任務。
再次呈現關鍵細節
在檢查階段再次列出日期、數量、價格、方案與收件人。
讓完成結果可驗證
回傳訂單編號、狀態、時間戳記或可查詢的結果。
點擊並不能證明任務成功。可靠的系統會提供持久且明確的成功與失敗狀態。
具重大影響的操作需要人工界線
Agent 友善不代表完全自主。付款、刪除、發布、法律協議、憑證變更與個人資料傳輸,都應經過明確檢查。
提示詞注入
惡意頁面內容可能將 Agent 導向錯誤方向。請將頁面指令視為不受信任的輸入。
最小權限
只授予目前任務所需的存取權與資料。
人工核准
在不可逆、對外可見或涉及財務的操作前暫停。
清楚說明後果
直接說明金額、收款人、時間與是否可撤銷。
提交後將收取 NT$3,600 至末四碼為 4821 並建立 不可退款的預約 日期為 2026 年 8 月 18 日。
依風險程度採用安全防護
CAPTCHA、全頁彈出視窗、只能滑入操作的選單、只能拖曳的互動、過小的操作目標,以及會消失的通知,都可能阻礙合法使用者與已授權 Agent。
無障礙是良好的起點
兩項實務並不完全相同,但共享穩固的基礎:
- 合理的標題層級
- 原生語意控制項
- 具描述性的名稱
- 鍵盤操作
- 可見的焦點狀態
- 與欄位連結的錯誤訊息
- 不只依靠顏色的文字說明
- 動態狀態通知
優先修正語意、標籤、鍵盤操作流程與狀態回饋。這些改善能幫助使用者,也常能讓自動化系統更可靠地理解介面。
測試結果,而不只是點擊
沒有任何單一認證能證明網站適用於所有 Agent。請選擇高價值任務,並測試真實限制、含糊輸入、錯誤與不同視窗尺寸。
Agent 能否……
- 找到正確的服務?
- 準確比較方案?
- 完成並修正表單?
- 從驗證錯誤中復原?
它是否……
- 選擇預期的選項?
- 理解限制?
- 在敏感操作前暫停?
- 確認任務真正完成?
介面、文案、身分驗證、表單或後端變更後,請重新測試。Agent 就緒程度是一項持續性的品質工作。
Agent 友善網站檢查清單
常見問題
這與 SEO 有何不同?
SEO 與 AI 搜尋著重於發現、理解、索引與引用;Agent 友善設計則著重於操作介面並安全完成任務。
我需要為 Agent 建立另一個網站嗎?
通常不需要。先從語意化 HTML、標籤、鍵盤支援、可預期流程與可驗證狀態開始。
Agent 友善是否代表允許所有機器人?
不是。網站仍可執行身分驗證、隱私、速率、安全與商業規則。目標是為合法且已授權的 Agent 提供可預期的互動。
結構化資料能讓網站變得可操作嗎?
它能說明產品、活動、價格或文章,但不能取代語意控制項與互動回饋。
這與小型網站有關嗎?
如果網站包含預約、詢問、會員、購物或申請功能,以任務為基礎的 Agent 測試就已具實用價值。
標記能保證成功嗎?
不能。良好結構能降低失敗,但 Agent 各不相同,真實任務也可能含糊不清,因此持續測試仍不可或缺。
權威參考資料
OpenAI:Computer-Using Agent · OpenAI:Introducing ChatGPT Agent · W3C WAI:控制項標籤 · Google:網頁無障礙
為受委派的訪客設計
下一位訪客可能是人,也可能是獲得該使用者許可後代為操作的 Agent。清楚的結構、明確的控制項、可復原流程、可驗證結果與人工核准界線,能讓兩種體驗都更可靠。