Tenten AIGEO
回到部落格
技術實作手冊評估

JavaScript 渲染會擋住 AI 爬蟲嗎?SSR、SSG 與 CSR 的可爬性比較

多數 AI 爬蟲不執行 JavaScript,純前端渲染(CSR)的內容在 GPTBot、ClaudeBot 眼裡就是空白頁。這篇比較 SSR、SSG、CSR 對 AI 爬蟲的可爬性,教你用 30 秒檢視原始碼自我檢測,並排出關鍵頁面的補救優先順序。

Tenten GEO 團隊發布於 2026-07-125 分鐘閱讀
以光影隱喻 JavaScript 渲染阻擋 AI 爬蟲讀取網頁內容的封面圖。

先說最關鍵的一句:目前主流的 AI 爬蟲幾乎都不執行 JavaScript。如果你的頁面內容要靠瀏覽器端的 JS 跑完才長得出來,那在 GPTBot、ClaudeBot、PerplexityBot 眼裡,它就是一張空白頁。這不是排名高低的問題,是「有沒有被看見」的生死差別。

很多人拿 Googlebot 的經驗來推論 AI 爬蟲,這正是誤會的起點。Googlebot 這些年練就了一套算得上成熟的 JavaScript 渲染能力,就算你用純前端渲染,它多半還是抓得到內容,只是慢一點、耗它一點資源。AI 爬蟲不是這樣運作的。它們絕大多數只做一件事:抓下伺服器回傳的原始 HTML,讀完就走,不開瀏覽器、不等 JS、不做第二輪渲染。

AI 爬蟲和 Googlebot 不是同一種生物

Googlebot 的抓取分兩波。第一波先讀原始 HTML,把能拿的先拿走;第二波再把頁面排進一個算圖佇列,用類似 Chrome 的無頭瀏覽器把 JavaScript 跑完,補上動態生成的內容。這套機制很吃運算資源,Google 願意燒,是因為搜尋就是它的本業。

AI 公司的爬蟲沒有這第二波。OpenAI 的 GPTBot、Anthropic 的 ClaudeBot、Perplexity 的爬蟲,以及負責 ChatGPT 即時搜尋的 OAI-SearchBot,目前都是拿到 HTML 就結束。原因很現實:對它們來說,在全網規模上跑無頭瀏覽器成本高得離譜,而且它們要的本來就是「能直接讀進模型的文字」,不是要重現你的視覺畫面。你花在前端互動、動畫、延遲載入上的那些 JavaScript,對它們而言全是雜訊或空白。唯一算得上例外的是 Google 的 AI Overviews,它建立在 Google 既有索引之上,因此沿用了 Googlebot 的渲染能力;但只要你的目標包含 ChatGPT、Perplexity、Claude,就不能賭 JavaScript 一定會被跑完。

三種渲染方式,對 AI 的可讀性差在哪

同一份內容,用不同的渲染策略送出去,AI 爬蟲拿到的東西天差地遠。差別只在一個問題:內容是「在伺服器端就寫進 HTML」,還是「等瀏覽器端 JS 跑完才出現」。

  • SSG(靜態產生):建置時就把每一頁的完整 HTML 產好,存成靜態檔。伺服器直接回傳成品,AI 爬蟲一抓就是全文。可讀性最高,載入也最快。
  • SSR(伺服器端渲染):每次請求時由伺服器即時組出完整 HTML 再回傳。AI 爬蟲同樣拿得到全文,代價是伺服器每次都要算一遍,流量大時要留意負載。
  • CSR(純前端渲染):伺服器只回一個近乎空白的 HTML 骨架,真正的內容等瀏覽器下載並執行 JS 之後才填進去。AI 爬蟲不跑 JS,看到的就是那個空骨架,幾乎沒有可引用的文字。

講白一點:SSG 和 SSR 對 AI 爬蟲來說沒有本質差別,兩者都在伺服器端就把內容寫進 HTML,差的只是「何時算」,SSG 提前算、SSR 當下算。真正的分水嶺是 CSR。單頁應用(SPA)框架如果沒做伺服器端渲染,首屏 HTML 往往只剩一個空的根容器 div 加上一串 script 標籤,AI 爬蟲讀到的就是這些,沒有半句正文。

SSG、SSR 與 CSR 三種渲染方式對 AI 爬蟲可讀性的差異示意圖
內容寫進伺服器端 HTML 才讀得到;CSR 把內容留在瀏覽器端,AI 爬蟲只看到空骨架。

一個 30 秒就能做的自我檢測

不用工具、不用問工程師,你自己就能判斷網站踩不踩雷。在瀏覽器打開你的重要頁面,按右鍵選「檢視網頁原始碼」(View Source)。注意:不是開發者工具的 Elements 面板,那個顯示的是 JS 跑完後的結果,會騙你。View Source 看到的,才是伺服器最初回傳、AI 爬蟲真正讀到的原始 HTML。

CSR 網站要怎麼補救

發現自己是 CSR,不必打掉重練整個前端。按投入成本由低到高,通常有三條路可走。

  1. 預先渲染(Prerendering):在爬蟲來訪時,回傳一份事先產好的靜態 HTML 快照。這是把現有 SPA 快速補救的做法,改動最小,缺點是要另外維護快照的更新。
  2. 改用支援 SSR/SSG 的框架:像 Next.js、Nuxt、SvelteKit 這類框架,能讓你在保留前端互動的同時,把首屏內容放到伺服器端渲染。這是最一勞永逸、也是我們給多數 B2B 客戶的預設建議。
  3. 關鍵頁面優先 SSR:資源有限時不必全站一次改完。先把最需要被 AI 引用的頁面轉成伺服器端渲染,例如產品頁、方案頁、定價頁和深度文章;其餘管理後台、互動工具維持 CSR 無妨。

不是每一頁都值得 SSR

渲染策略是取捨,不是信仰。使用者登入後的儀表板、內部工具、高度互動的設定頁,這些本來就不是要給 AI 引用的內容,維持 CSR 完全合理,硬要 SSR 反而增加伺服器負擔。真正該講究的,是那些你希望「被 AI 當成答案來源」的頁面:解釋你解決什麼問題、憑什麼、和別人差在哪。判斷法則很簡單,如果這一頁的內容你希望出現在 ChatGPT 或 Perplexity 的回答裡,它就必須在伺服器端 HTML 裡完整存在。

Googlebot 會等你的 JavaScript 跑完,AI 爬蟲不會。在 AI 決定要引用誰的世界裡,看不見就等於不存在。Tenten GEO

多數台灣 B2B 網站的可爬性問題,不在內容寫得好不好,而在內容根本沒送到 AI 面前。這類問題往往藏在框架選型和渲染設定裡,肉眼看網站一切正常,View Source 一拉才現形。如果你不確定自己的重要頁面到底被不被 AI 讀得到,我們的 30 分鐘 GEO 診斷會直接用你的網址,帶你看首屏 HTML 裡到底有沒有內容,以及哪幾頁該優先補上伺服器端渲染。

常見問題

AI 爬蟲會執行 JavaScript 嗎?
目前主流的 AI 爬蟲,包括 GPTBot、ClaudeBot、PerplexityBot 與 OAI-SearchBot,都不執行 JavaScript,只讀伺服器回傳的原始 HTML。唯一算得上例外的是 Google AI Overviews,因為它沿用了 Googlebot 的渲染能力。
CSR 網站在 AI 搜尋裡會有什麼問題?
CSR 網站的首屏 HTML 幾乎是空的,內容要等瀏覽器跑完 JavaScript 才出現。由於 AI 爬蟲不跑 JS,它們讀到的是空骨架,你的內容因此無法被抽取、也無法被引用進 AI 的回答裡。
怎麼快速確認我的頁面 AI 讀不讀得到?
在瀏覽器對頁面按右鍵選「檢視網頁原始碼」,用 Ctrl+F 搜尋一段正文。搜得到,代表內容在伺服器端 HTML 裡、AI 讀得到;搜不到就是 CSR 生成的,需要改用 SSR 或 SSG 補救。

READY WHEN YOU ARE

想知道你的品牌在 AI 答案裡值多少?

30 分鐘 GEO 診斷,我們用你的實際提問,帶你看見在六大 AI 引擎裡的能見度缺口,以及補上它的優先順序。

預約 30 分鐘診斷