官網開起來好好的,Google 看到的是一張白紙:11% 的商家網站是 JS 空殼

你看到的網頁跟搜尋引擎看到的,可能是兩個東西。六都實測 683 個商家官網,11% 的 HTML 本體近乎空白,內容全靠 JavaScript 事後載入——人看得到,多數 AI 爬蟲讀不到。這篇教你一個右鍵就能做的自查。

官網開起來好好的,Google 看到的是一張白紙:11% 的商家網站是 JS 空殼

網站開起來一切正常——圖都在、字都在、版面漂亮。

問題是:你看到的,跟搜尋引擎第一時間拿到的,可能是兩個東西。

我們實測六都 683 個在地商家官網,11%(75 家) 的網頁本體近乎空白,內容全部要靠 JavaScript 事後載入。人看得到,機器不一定。

兩分鐘搞懂發生了什麼

瀏覽器開一個網頁,拿到的第一份東西是 HTML——理想狀態下,你的店名、服務、文章都直接寫在裡面。

有些網站的做法不同:HTML 本體幾乎是空的,只放一支程式,內容等程式跑完才長出來。你的瀏覽器會跑,所以你看到的一切正常。

抓網頁的機器就分兩種了:

  • Google 有能力補跑 JavaScript,但要排隊、分兩階段處理,收錄可能延遲或不完整
  • ChatGPT、Perplexity 這類 AI 搜尋的爬蟲,多數不執行 JavaScript——拿到空殼,就當你的網站是空的

普查裡我們用一個粗但有效的指標:HTML 本體小於 15KB(一般有內容的頁面遠大於這個數)。各行業的比例:

行業JS 空殼比例
專業服務15.4%
居家服務11.8%
餐飲11%
零售7.2%
美容健康6.5%

兩個零工具的自查

第一個:看原始碼。 電腦開自己的官網,頁面上按右鍵 →「檢視網頁原始碼」,然後 Ctrl+F 搜自己的服務關鍵字(「美睫」「水電」「會計」)跟電話號碼。搜得到,代表內容真的寫在 HTML 裡;整頁搜不到幾個中文字,你大概中了。

第二個:問 Google 收了什麼。 Google 搜 site:你的網域,看收錄出來的標題和摘要。摘要是空的、或跟頁面內容對不上,代表 Google 拿到的版本跟你看到的不一樣。

為什麼會做出這種網站

通常沒有人「選擇」它——它是某些建站方式的副作用:

  • 部分建站工具與網頁 App 框架預設就是前端渲染,做的人沒特別處理,出來就是空殼
  • 接案方交付時看的是「畫面對不對」,畫面是對的,沒人去看原始碼
  • 網站當年做好時 AI 搜尋還不存在,「Google 會補跑」在當時是可接受的答案——現在 AI 爬蟲把標準拉高了

最後一點是這一年變化最大的:查店家、找推薦的行為正在往 AI 搜尋移動,而那些爬蟲對 JS 空殼是真的一個字都拿不到。我們在 AI 能見度健檢那篇有完整的檢查法。

中了怎麼辦

先說不用做的:不用重寫網站的視覺。這是輸出方式的問題,長相可以不變。

處理方向照成本排:

  1. 問你的廠商或平台能不能開啟「伺服器端渲染」或「預先產生頁面」——很多工具有這個選項,只是預設沒開
  2. 最重要的資訊補進 HTML:至少讓店名、服務、電話、地址不依賴 JavaScript(這也是結構化資料在做的事)
  3. 上面都動不了的話,這個網站對搜尋和 AI 的能見度有天花板——下一次改版時把這件事放進需求,比事後補救便宜

這是健檢在查的事

這個問題的麻煩在於業主自己永遠看不到——你每次開網站都是正常的。要機器的視角才看得出來,所以我們把它放進網站健檢的固定項目。

免費健檢在這裡——貼上網址,我們用爬蟲的視角看一次你的網站,連同另外五個首頁看不出來的問題一起。

常見問題

Q1:我的網站是 WordPress,會中嗎?

A: 傳統 WordPress 主題是伺服器端輸出,天生不會中。會中的多半是新式建站工具、網頁 App 框架做的站、或某些「超快速上線」方案。不確定就用上面的右鍵自查,一分鐘有答案。

Q2:15KB 這個標準會不會誤判?

A: 會有邊界情況,所以它是篩查指標而非判決——一頁真的只有兩行字的極簡網站也可能小於 15KB。判斷要配合原始碼自查:內容搜得到就沒事,數字只是幫我們從 683 個站裡快速找出可疑的那批。

Q3:Google 不是會跑 JavaScript 嗎?那影響到底多大?

A: Google 會,但分兩階段、要排隊,新內容的收錄會比較慢,複雜的載入也可能漏。真正一翻兩瞪眼的是 AI 搜尋的爬蟲——多數不跑 JS,空殼就是空殼。你的網站對 Google 是「慢一點被看到」,對 AI 搜尋是「完全不存在」。

延伸閱讀

想知道你的網站到底漏在哪?

速度、SEO、安全、收信、AI 能見度 —— 3 分鐘免費健檢,把看不見的問題變成看得見的數字。

免費網站健檢 看完想找人處理,聊聊規劃

健檢完想要專人處理,再留需求就好。

MO DESIGN STUDIO

我們專注品牌網站設計、行銷著陸頁與整合式 CMS 流程,協助團隊打造有感的線上體驗。

← 返回部落格