直接答案:如果你的官網內容靠 JavaScript 在瀏覽器裡才畫出來,ChatGPT、Claude 和 Perplexity 很可能讀不到。SEO 顧問 Glenn Gabe 在首次測試 434 天後,10 月 19 日更新結果仍是如此;先花 5 分鐘關掉 JavaScript 檢查官網,讀不到就從重要頁面的預渲染開始修。
10 月 19 日,Glenn Gabe 在 GSQI 部落格更新他 2025 年 8 月 11 日發表的實測,結論一句話:ChatGPT 與 Claude 等 AI 平台「仍然無法渲染 JavaScript 內容」。距離第一次測試已經 434 天。Search Engine Roundtable 10 月 20 日的每日回顧也收錄這篇。對官網用 React、Vue 寫成單頁應用的公司,這代表 AI 助理回答「台中有哪家公司做 XX」時,可能根本看不到你寫了什麼。
為什麼這件事現在更要緊?AI 爬蟲的量早就不小。Vercel 統計自家網路,一個月內 OpenAI 的 GPTBot 抓取 5.69 億次、Claude 抓取 3.7 億次,合計約 Googlebot 45 億次的 20%,而且主要 AI 爬蟲都不執行 JavaScript。過去 18 個月,前端框架讓「整頁交給瀏覽器畫」變得很普遍;同一段時間,使用者開始直接問 AI 推薦廠商。兩條趨勢交會,前端渲染的網站就出現了「Google 看得到、AI 助理看不到」的落差。
市場上分成三派解法。Prerender.io 這類預渲染服務,替爬蟲預先產生 HTML,9 月 15 日起入門方案每月 59 美元;Alli AI 把渲染和標題、Schema 調整綁在一起賣;另一派是框架本身,Next.js、Nuxt、Laravel 這類伺服器端輸出 HTML 的做法,等於從源頭解決。類別正從「SEO 外掛」走向「網站架構選擇」。
這跟台灣中小企業的關係很直接:很多新官網、活動頁、App 式網站是前端渲染。接下來說明實測細節、三種人今天能做什麼、工具比較,以及不付訂閱費的修法。
事件細節:三家 AI 都讀不到,Google 和 Bing 可以
結論是:問題出在網站的渲染方式,而不是 AI 封鎖你。Gabe 用一個完全前端渲染的客戶網站測試,這個網站關掉 JavaScript 就是一片空白,而且 robots.txt 沒有擋任何 AI 爬蟲。
- ChatGPT:多次回覆無法讀取內容,因為頁面依賴 JavaScript;網站圖示顯示成預設圖,連結只出現在「更多」區。
- Perplexity:每個測試網址都找不到內容,有時回報「Access Denied」;連結只在「已檢視」區出現,沒有摘要。
- Claude:回覆網址沒有可見文字。
- 對照組:同一批 AI 讀非 JavaScript 的部落格文章都正常。
Gabe 也指出,Google 的 AI Overviews、AI 模式與 Bing Copilot 能渲染 JavaScript,所以同一個網站可能在 Google 正常、在 ChatGPT 隱形。Vercel 的數據補上原因:ChatGPT 只有 11.50% 的請求會下載 JavaScript 檔、Claude 為 23.84%,但都只下載不執行。另一個值得注意的數字是錯誤率:兩者抓到 404 頁的比例約 34–35%,Googlebot 只有 8.22%,代表網址結構混亂的網站,被 AI 讀錯的機會更高。
三類讀者的立刻行動
先檢查、再分級修,不要一聽到就整站重做。
- 品牌主/中小企業老闆:今天就照本文 FAQ 的方法關掉 JavaScript 看首頁、服務頁、價格頁。公司名稱、服務項目、價格、電話若消失,就是要修的頁。
- 行銷/SEO 操作者:挑 10 個最常被搜尋的問題,請 ChatGPT 讀出你對應頁面的第一段;讀不到的頁面列成清單,與 Search Console 流量排序後決定先修哪幾頁。
- 開發者/接案商:新案預設伺服器端輸出核心內容,前端互動再用 JavaScript 加上去;舊案先在伺服器層對爬蟲做預渲染,並清理會產生 404 的舊網址。
預渲染工具比較
短期最快的是預渲染服務,但它是持續性月費,頁數越多越貴。
| 方案 | 做法 | 價格 | 適合 |
|---|---|---|---|
| Prerender.io | 替爬蟲產生並快取 HTML | 每月 59 美元/3 萬次渲染起,169 美元/10 萬次 | 頁數多、短期內無法改架構 |
| Alli AI | 渲染+標題、Schema 批次部署 | 固定級距,起價較高 | 代理商管理多個網站 |
| Ostr.io | 預渲染服務 | 依官網方案 | 想比較報價的中小型網站 |
| 改用伺服器端渲染 | Next.js、Nuxt、Laravel 直接輸出 HTML | 一次性開發費 | 準備改版、要長期經營內容 |
不會告訴你的事
預渲染不是萬靈丹,而且這篇實測有兩個限制要誠實說。
- 樣本是質化的:Gabe 沒有公布測了多少網址、成功率多少,結論來自案例觀察,不是大規模統計。
- AI 流量仍小:他自己也提醒,多數網站的 AI 搜尋流量占比仍低;為了它整站重寫,對只有 10 頁的形象網站未必划算。
- 預渲染會過期:快取的 HTML 若沒有隨價格、營業時間更新,AI 讀到的是舊資訊,比讀不到更糟。
中小企業不花訂閱費的替代方案
多數中小企業官網用一次性調整就能解決,不需要長期訂閱。
- 把公司名稱、服務、價格、地址、電話寫進伺服器輸出的 HTML,例如頁尾與服務頁固定文字。
- 重要頁面改成靜態產生(SSG),一般 10–30 頁的官網,改造工時約 3–8 個工作天。
- 補上 FAQPage 等結構化資料,並確認 sitemap 只列存在的網址。
- 每季重跑一次本文的 5 分鐘檢查,改版後也要再跑。
常見問題 FAQ
怎麼知道我的網站有沒有這個問題?
用瀏覽器關掉 JavaScript 再開首頁,看不到文字就有問題。也可以請 ChatGPT 讀出某頁第一段來驗證。
Google 的 AI 摘要也讀不到嗎?
Google 讀得到。Glenn Gabe 指出 AI Overviews、AI 模式與 Bing Copilot 都能執行 JavaScript。
用 WordPress 或 Wix 做的網站會受影響嗎?
多數不會,它們預設輸出完整 HTML。風險在 React、Vue 寫成的單頁應用和部分 App 式官網。
一定要整站重寫嗎?
不一定。先對重要頁面做預渲染,每月約 59 美元起;長期再把核心頁改成伺服器端渲染。
我的觀點
主流說法是「等 AI 爬蟲學會執行 JavaScript 就好」。我的判斷相反:434 天沒變,代表這不是技術做不到,而是成本選擇。執行 JavaScript 的運算成本遠高於讀 HTML,AI 公司每月要抓數億次網頁,沒有理由替每個網站開瀏覽器。未來 18 個月,更可能的是「看得懂 HTML 的網站被引用,看不懂的被跳過」,而不是爬蟲變聰明。花錢買預渲染月費,也只是把問題延後。
對 ScriptWalker(台灣 Laravel/Flutter 客製化開發工作室)的啟示是可以做成一項小服務:「AI 可讀性健檢」。用固定流程檢查客戶官網的渲染方式、404 網址、結構化資料與關鍵資訊是否為純文字,交付一份修正清單;需要動到架構的,再報價把核心頁改成伺服器端輸出。我們用 Laravel 做的官網本來就由伺服器產生 HTML,這是可以直接講給客戶聽的差異。