
Google 的 web.dev 指引指出,能代表使用者執行任務的 AI agents,可能以畫面截圖、HTML/DOM 及 accessibility tree 理解網站。這帶來一個務實結論:企業網站的按鈕、連結、表單與行動流程不能只「看起來」可用,也要有清楚而可讀的結構。香港 SME 若希望網站更容易由人、輔助科技及新型瀏覽代理使用,應優先改善語意 HTML、表單標籤和版面穩定性;這不保證任何 AI agent、搜尋平台或轉換結果。
AI agents 可能從三個層面理解網站
畫面只是一種線索
代理可分析畫面截圖,利用位置、大小和顏色判斷元素的重要性;但視覺分析較慢,也可能因遮擋或版面跳動而誤判。只有把行動按鈕做得顯眼,並不足以說明它的用途或目標。
HTML 與 accessibility tree 提供行動意義
DOM 可呈現元素的層級與關係;accessibility tree 則抽取互動元件的角色、名稱和狀態,是輔助科技和 agents 理解按鈕、輸入欄及切換元件的重要地圖。Chrome 指出,缺少標籤不但妨礙視障使用者,也可能令 agents 無法完成任務。
香港 SME 的三項優先檢查
一:用真正的連結和按鈕
前往新頁面應採用 <a>;提交、展開、計算或啟動流程應採用 <button>。不要只用加上 click event 的 <div> 模擬按鈕。如因系統限制不能使用原生元素,至少補上適當的 role 與 tabindex,並以鍵盤操作測試。
二:令每個欄位與動作有清楚名稱
聯絡、查詢和預約表單的每個輸入欄應有可見 label,並以 for 屬性連結對應欄位;按鈕名稱應交代結果,例如「提交 GEO 網站診斷申請」,而非只有「送出」。錯誤訊息、必填資料和成功狀態亦應清楚,讓使用者知道下一步。
三:移除干擾與不穩定版面
避免透明遮罩覆蓋可點選元件,也避免彈窗、載入動畫或廣告令主要按鈕位置反覆改變。Google 的指引提醒,代理可能忽略被遮蓋的節點,或因不同頁面把相同行動放在不同位置而混淆。對人類使用者而言,穩定版面同樣較容易完成任務。
先把「查詢服務」流程做清楚
以一條可完成的客戶路徑測試
企業可選一項常見任務,例如由服務頁找到聯絡方式、選擇所需服務、填寫查詢表單和閱讀提交後提示。以手機、鍵盤和一般瀏覽器逐步測試:每一步是否看得到、說得清、可返回,並且有正常的錯誤處理。這比直接加入尚在演進中的 agent 技術更適合作為第一步。
敏感操作要保留人手確認
若網站涉及付款、帳戶權限、正式提交或更改資料,流程應清楚標示後果,並要求使用者於最後一步確認。Google 的 WebMCP 指引也提醒,敏感動作可配置使用者確認;企業不應因追求自動化而刪除必要的授權與覆核。
如何驗證而不作過度承諾
先以 Lighthouse accessibility audit 檢視 accessibility tree 是否完整,再用實際使用者流程作測試。這些改善可提升網站可及性、可用性與結構清晰度,但並非任何平台的收錄、引用、排名或交易保證。AI agent 技術與相關標準仍在發展,企業宜先做好長期有效的網站基本功。
GEO Expert 的觀點
面向 agents 的網站準備,本質上是面向人的可及性和清楚流程。把服務資料、按鈕、表單和確認步驟設計得可理解、可操作、可驗證,能降低資訊和操作摩擦;但 GEO 服務不應把這些工作包裝為必然帶來 AI 展示或業務轉換的捷徑。