你花了三個月把網站設計得美美的，動畫滑順、hover 效果帥炸、layout 每次載入都有驚喜。老實說，人類看了會鼓掌。但問題來了：現在有一種新訪客，它不看設計、不玩 hover、不欣賞你的動畫，它只看你的網站能不能被它「讀懂」。這個新訪客叫 AI 代理人，而且它正在變成決定你的網站會不會被推薦、被比價、被預訂的關鍵角色。
Google 上週在 web.dev 掛了一份官方指南，標題直接破題：「Build agent-friendly websites」。不是建議，不是部落格觀點，是 Google 開發者文件的正式 guidance。重點來了，它明確告訴你：「some human users are pivoting from manual navigation to delegating goal-oriented journeys to AI agents。」翻譯成人話就是：人類開始懶得自己逛網站了，他們叫 AI 幫他們逛。
目錄
Google 開了什麼藥方？
這份指南沒有要你重寫整個網站，大部分建議其實就是你本來就該做的 accessibility 和 semantic HTML。但 Google 把它重新包裝成「agent-friendly」的規格，讓你有個新理由說服老闆投資技術債。
AI 代理人看網站的方式有三種：
1. Screenshots：它用視覺模型截圖看畫面，跟你一樣看顏色和按鈕位置
2. Raw HTML：它讀 DOM 結構，看標籤層級和元素關係
3. Accessibility tree：Google 叫它「high-fidelity map」，就是把視覺雜訊抽掉，只留互動元素的純粹地圖
說白了，第三種是最可靠的。如果你的網站 accessibility 做得爛，AI 代理人就像走進一間沒有導盲磚的建築物，它知道有門，但找不到門在哪。
Google 給的具體建議包括：用 <button> 和 <a> 標籤，不要用 styled <div> 假裝按鈕；頁面 layout 保持穩定，不要載入完突然位移；<label> 標籤要正確連到 input，用 for 屬性；可點擊元素要設 cursor: pointer。
這些聽起來像基本常識？老實說，你去巡一圈客戶的網站，大概一半都沒做到。
WebMCP 是什麼？Google 在鋪一條新路
指南最底下藏了一個大彩蛋：Google 連到 WebMCP，一個正在提案中的 web 標準，目的是讓網站可以「註冊」自己的功能給 AI 代理人，讓 agent 能直接呼叫網站的功能，而不是傻呼呼地截圖加點擊。
想像一下：現在的 AI 代理人逛你的網站，就像一個外國人走進餐廳，靠比手畫腳點菜。WebMCP 的目標是讓餐廳直接給它一份「標準化菜單 API」，AI 一看就知道你能做什麼、需要什麼參數、會回傳什麼結果。
Chrome 團隊說這是 early preview，正在開發者登記試用。如果這條路走通了，網站就不再是被「瀏覽」的對象，而是被「呼叫」的服務。這個差別很大，大到會改寫 SEO 的定義。
這件事為什麼跟行銷人有關？
你可能會說，這是工程師的事，跟我這個投廣告的沒關係。結果呢，關係大了。
如果你的品牌網站、電商站、或客戶的 landing page 現在還是 div 滿天飛、表單沒 label、按鈕用圖片代替，AI 代理人在幫用戶比價、找餐廳、訂飯店的時候，你的網站會被直接跳過。不是因為你的產品不好，是因為 AI 讀不懂你的網站在幹嘛。
Google 在指南最後放了一句總結：「Everything we suggest to make a site agent-ready also makes sites better for humans。」說白了，這是一條雙贏的路，但你得先開始走。
現在可以做的三件事
1. 檢查你的網站 accessibility 分數：用 Lighthouse 跑一次，看 accessibility 欄位是不是綠的。不是綠的就開工。
2. 把假按鈕換成真按鈕：搜尋一下 codebase 裡有多少 <div onclick=，能換成 <button> 的就換。
3. 關注 WebMCP 進展：這標準還在 preview，但如果 Google 認真推，半年後可能就成了業界標配。
講完了。重點是：你的網站現在不只要討好人類，還要討好那些幫人類做決定的機器。人類會因為設計帥而多停留三秒，AI 不會，它只會因為讀不懂而直接離開。你選哪一個？
