JavaScript 連結可能令你的網頁在 AI 搜尋中消失：香港中小企技術 SEO 警示
TL;DR：AI 爬蟲可能看不到你的 JS 連結，你的頁面正在消失
2026 年 8 月 19 日，Search Engine Land 發表了一篇引起廣泛關注的研究報告：使用 JavaScript 生成連結，可能導致你的網頁對 AI 搜尋引擎完全不可見。這對香港許多使用 React、Vue.js 等前端框架構建網站的中小企來說，是一個不容忽視的技術 SEO 警示。
1) 問題核心：AI 搜尋爬蟲與 JavaScript 的兼容性
Google 的搜尋爬蟲（Googlebot）多年來已經能夠執行 JavaScript 並發現由 JS 生成的連結，但 AI 搜尋引擎的爬蟲——例如 ChatGPT 的 oai-searchbot、Perplexity 的爬蟲、以及 AI Mode 中的檢索系統——在處理 JavaScript 方面遠不如 Googlebot 成熟。
Search Engine Land 的研究發現，當網站的內部連結和導航連結是通過 JavaScript 動態生成的（例如使用 React Router 的 SPA 應用、或通過 onclick 事件處理的導航），AI 爬蟲在以下情況下會完全「看不到」這些連結：
- 爬蟲不執行 JavaScript：許多 AI 爬蟲根本不會執行任何 JS 代碼，它們只讀取原始 HTML——如果連結不在 HTML 中，它們就不存在
- 爬蟲執行 JS 但不完整：部分 AI 爬蟲會嘗試執行 JS，但超時時間極短，而現代 SPA 應用的 JavaScript 載入和執行往往需要數秒，超時後爬蟲就放棄了
- 爬蟲無法處理客戶端路由：使用 React Router 等客戶端路由的網站，其 URL 結構是通過 JS 動態渲染的，AI 爬蟲無法從 HTML 中發現這些頁面
對香港中小企的影響：如果你的網站是使用 Create React App、Next.js（客戶端渲染模式）、Vue.js SPA 或 jQuery 動態生成導航連結構建的，你的頁面可能對 AI 搜尋引擎完全不可見——即使它們在 Google 搜尋中排名良好。
2) 哪些香港網站最可能受影響？
根據我們對香港市場的觀察，以下類型的網站尤其需要警惕：
- 使用 React 或 Vue.js 開發的 SPA 網站：很多香港初創公司和科技公司使用現代前端框架，但忽略了伺服器端渲染（SSR）配置
- 依賴 JavaScript 選單的 WordPress 網站：部分 WordPress 主題使用 JavaScript 生成導航選單，而非標準的 HTML 連結
- 使用 JavaScript 分頁的電商網站：產品列表頁的分頁連結如果通過 JS 生成，AI 爬蟲將無法發現第 2 頁以後的產品
- 全頁面 AJAX 載入的網站：內容通過 AJAX 動態載入的網站，爬蟲可能只看到空白頁面
- 使用 Webflow 或 Wix 等平台但未優化 SEO 設定的網站：這些平台的部分模板依賴 JS 生成連結
自測方法：在瀏覽器中關閉 JavaScript（Chrome 開發者工具 → 設定 → 停用 JavaScript），然後查看你的網站導航是否仍然可以點擊到所有頁面。如果不能，你的連結對 AI 爬蟲就是不可見的。
3) 如何修復這個問題？4 個實用方法
好消息是，這個問題有明確的解決方案。以下是 4 個方法，按難度從低到高排列：
方法一：使用標準 <a> 連結（最簡單）
確保所有導航連結和內部連結都使用標準的 HTML <a href="..."> 元素，而不是通過 JavaScript 事件處理器（如 onclick、addEventListener）來觸發頁面切換。這是最基本也最有效的修復方法。
方法二：啟用伺服器端渲染（SSR）
如果你使用 React 或 Vue.js，請確保啟用伺服器端渲染（SSR）。框架如 Next.js（預設為 SSR）、Nuxt.js 和 Gatsby 都支援 SSR 或靜態生成（SSG），這能確保爬蟲收到的是完整的 HTML 內容，而非空的 JavaScript 外殼。
方法三：使用動態渲染（Dynamic Rendering）
如果無法立即轉用 SSR，可以考慮動態渲染——針對爬蟲的請求提供預先渲染的 HTML 版本，而對一般用戶則提供標準的 SPA 體驗。Google 官方支援這種做法，但需要注意正確設定 User-Agent 檢測。
方法四：提交 XML Sitemap（最低限度）
即使你的連結對 AI 爬蟲不可見，提交一個完整的 XML Sitemap 至少能讓爬蟲知道你的網站有哪些頁面。但這只是治標不治本——Sitemap 幫助爬蟲發現頁面，但不能幫助爬蟲理解頁面之間的關係和網站結構。
優先順序建議：立即執行方法一（檢查並改用標準連結），然後在下次網站改版時考慮方法二（SSR 架構）。
4) 為什麼這個問題對 AI 搜尋尤其重要？
你可能會問：「既然 Google 爬蟲可以處理 JavaScript，為什麼我要擔心 AI 搜尋？」
原因有三：
- AI 搜尋流量正在快速增長：ChatGPT Search、Perplexity、Google AI Mode 等 AI 搜尋產品的用戶數量正在以倍數增長。如果這些 AI 爬蟲無法發現你的頁面，你將失去一個快速增長的流量來源。
- AI 爬蟲的技術能力參差不齊：與 Googlebot 不同，不同 AI 平台的爬蟲技術水平差異很大。有些平台（如 OpenAI）的爬蟲會執行 JS，但超時時間很短；有些平台則完全不執行 JS。為了確保在所有平台上的可見性，最好的做法是讓所有連結在沒有 JS 的情況下也正常工作。
- 「漸進增強」是最穩妥的策略：即使你的網站需要 JavaScript 來提供互動功能，也應該確保核心內容和導航在沒有 JS 的情況下仍然可訪問。這種「漸進增強」（Progressive Enhancement）的做法不僅有利於 SEO，也能提升網站的可訪問性（Accessibility）。
總結：回到 HTML 的基礎
在 AI 搜尋時代，技術 SEO 的基本原則比以往任何時候都更加重要。JavaScript 連結問題提醒我們：現代化的網站框架應該為用戶體驗而服務，但不應該犧牲搜尋引擎的可見性。
對香港中小企來說，最簡單的檢查方法就是關閉瀏覽器的 JavaScript，看看你的網站是否仍然可以正常瀏覽。如果不行，你現在就知道問題在哪裡了。
需要技術 SEO 審計服務？
我們可以為您的網站進行全面的技術 SEO 檢查，包括 AI 爬蟲兼容性測試、JavaScript 渲染評估和網站結構優化建議。
SEO Company 為香港中小企提供：技術 SEO 審計、AI 搜尋優化、網站架構諮詢等專業服務。