技術 GEO

JavaScript 連結導致網站頁面對 AI 搜尋隱形？41 日實驗揭露真相 — 香港技術 GEO 指南

2026年8月24日Hong Kong SEO 團隊閱讀時間：5 分鐘

最新研究：JavaScript 連結令 AI 爬蟲無法發現頁面

2026 年 8 月 19 日，Search Engine Land 刊登咗一篇由 LOCOMOTIVE SEO 副總監 Vinicius Stanula 撰寫嘅研究文章，揭示咗一個對所有網站管理員極具警示性嘅發現：使用 JavaScript 實現嘅連結，可能令你嘅網站頁面對 AI 搜尋引擎完全隱形。

呢項研究透過長達 41 日嘅實驗，測試咗 GPTBot（OpenAI）、Claude-Web（Anthropic）、Google-Extended 等主流 AI 爬蟲對 JavaScript 連結嘅處理能力。結果顯示，依賴 JavaScript 事件（如 onClick）或動態生成嘅導航連結，大部分 AI 爬蟲都無法正確發現同跟隨。

對於香港企業嚟講，呢個發現極具現實意義——香港大量網站使用 React、Vue、Next.js 等現代前端框架構建，好多導航同內部連結都依賴 JavaScript 執行。如果你嘅網站正係呢種情況，你可能正在失去 AI 搜尋嘅曝光機會。

41 日實驗嘅核心發現

Stanula 嘅團隊建立咗一個測試環境，對比咗以下幾種連結方式喺 AI 爬蟲眼中嘅可見度：

  • 標準 HTML <a href> 連結 — 所有 AI 爬蟲都能正常發現
  • JavaScript onClick 事件導航 — 大部分 AI 爬蟲無法發現
  • 動態生成連結（如 SPA 路由） — 只有部分爬蟲能夠解析
  • 透過 window.location 嘅程式化導航 — 幾乎所有 AI 爬蟲都無法發現

實驗嘅關鍵結論包括：

  • GPTBot：完全無法跟隨 JavaScript 生成嘅連結，只會索引 HTML 原始碼中靜態存在嘅連結
  • Claude-Web：部分情況下可以執行 JavaScript，但對複雜嘅 SPA 路由處理能力有限
  • Google-Extended：雖然 Googlebot 本身可以渲染 JavaScript（如 Google 所聲稱），但 Google-Extended（專門為 AI 訓練用途嘅爬蟲）嘅行為同 Googlebot 有所不同，對 JavaScript 連結嘅處理較弱

點解呢個問題對香港網站特別重要？

香港作為一個科技發達嘅市場，唔少企業網站都採用咗現代前端技術。以下係幾種常見嘅情況：

  • Next.js／React SPA 網站：使用 client-side routing，內部連結通過 JavaScript 動態渲染
  • Vue.js 單頁應用：導航依賴 Vue Router，連結唔係靜態 HTML
  • WordPress 主題使用大量 JavaScript：部分高級主題使用 JavaScript 實現平滑滾動、動態加載等效果，取代咗傳統嘅 <a href> 連結
  • 電商網站產品篩選：產品分類篩選結果使用 AJAX 加載，URL 變化由 JavaScript 控制

如果你嘅網站屬於上述任何一種情況，你嘅內部頁面可能正喺度被 AI 搜尋引擎「忽略」——即使你嘅首頁被成功索引，入面嘅子頁面因為連結無法被 AI 爬蟲發現，永遠唔會出現在 AI 搜尋結果中。

唔止係 AI 爬蟲，傳統爬蟲都有類似問題

雖然 Googlebot 近年已經大幅提升咗 JavaScript 渲染能力，但 Google 亦多次提醒：Server-Side Rendering（SSR）或 Static Site Generation（SSG）仍然係最可靠嘅方式。事實上，Search Engine Land 呢篇文章進一步證實咗一個趨勢：AI 爬蟲嘅 JavaScript 處理能力遠低於傳統搜尋引擎爬蟲。

呢意味住，即使你嘅網站喺 Google 傳統搜尋中排名良好，喺 AI 搜尋（ChatGPT、Gemini、Claude、Perplexity）中可能完全唔存在——因為佢哋嘅爬蟲根本無法發現你嘅頁面。

香港企業技術 GEO 檢查清單

基於呢項研究嘅發現，以下係你可以立即執行嘅技術審計行動：

✅ JavaScript 連結與 AI 爬蟲檢查清單

  • ☐檢查網站內部連結方式 — 使用瀏覽器開發者工具檢查你網站嘅導航連結：右鍵 → Inspect Element，睇下連結係 <a href="/page"> 定係 <div onClick={...}> 或 <button>
  • ☐使用 curl 或 wget 測試原始 HTML — 用 curl -sL https://your-hk-site.com | grep "href=" 檢查冇 JavaScript 執行嘅情況下，爬蟲可以見到啲咩連結。如果大量內部連結喺原始 HTML 中唔存在，就係問題所在
  • ☐確保關鍵內部連結使用標準 HTML href — 所有重要嘅內部連結（產品頁、服務頁、分類頁）都應該使用標準嘅 <a href="/page">Page</a> 格式，唔好依賴 JavaScript 事件
  • ☐使用 Static Site Generation（SSG）或 Server-Side Rendering（SSR） — 如果你用 Next.js，確保關鍵頁面使用 getStaticProps 或 getServerSideProps，而唔係純 client-side rendering。呢個網站就係用 Next.js SSG 構建嘅
  • ☐提交 Sitemap 俾 AI 爬蟲 — 即使連結方式有問題，提交完整嘅 XML sitemap 可以幫 AI 爬蟲直接發現你嘅頁面。參考我哋嘅 技術 GEO 指南
  • ☐設置 llms.txt 檔案 — 喺網站根目錄建立 llms.txt 檔案，列出所有重要頁面嘅 URL，等 AI 爬蟲可以直接讀取你嘅內容結構
  • ☐檢查 robots.txt 有冇意外封鎖 AI 爬蟲 — 確認你嘅 robots.txt 冇封鎖 GPTBot、Claude-Web、Google-Extended、CCBot 等 AI 爬蟲。詳情可以參考我哋嘅 AI 爬蟲存取設定指南
  • ☐測試 AI 爬蟲能否抓取你嘅內容 — 使用 Search Console 嘅 URL Inspection 工具測試 Googlebot 渲染結果，亦可以用 Ahrefs Site Audit 檢查內部連結嘅可發現性
  • ☐考慮使用靜態 HTML fallback — 對於非互動性嘅內容頁面（服務介紹、關於我們、聯絡我們），確保有純 HTML 版本俾爬蟲讀取

修復 JavaScript 連結問題嘅具體方法

以下係針對常見前端框架嘅修復建議：

Next.js / React

使用 Next.js 嘅 Link 元件（呢個網站就係用緊），佢會自動渲染出標準嘅 <a href> 標籤。避免使用 onClick + router.push() 嘅組合作為導航方式。

Vue.js / Nuxt.js

使用 <NuxtLink> 或 <router-link>，佢哋會渲染為標準嘅 <a> 標籤。避免直接使用 @click 事件綁定導航。

WordPress

檢查你嘅主題有冇使用 JavaScript 取代菜單連結。如果發現菜單連結係用 <span> 或 <div> 包住嘅，即係有問題。確保使用 WordPress 嘅標準 wp_nav_menu() 功能。

呢個問題同傳統 SEO 有咩分別？

傳統 SEO 領域，Googlebot 已經可以處理大部分 JavaScript 連結。但 Stanula 嘅研究顯示，AI 爬蟲嘅 JavaScript 處理能力明顯較弱。由於 AI 搜尋引擎（ChatGPT Search、Gemini、Perplexity、Claude）嘅爬蟲係相對新嘅技術，佢哋對現代網頁嘅渲染能力仍然有待提升。

另外，AI 爬蟲嘅目標同傳統搜尋引擎爬蟲有本質唔同：AI 爬蟲主要係為咗蒐集內容用於 LLM 訓練或即時回答，佢哋更注重內容本身嘅抓取效率，而唔係完整嘅頁面索引。因此，如果一個連結需要執行 JavaScript 先見到，AI 爬蟲好可能會直接跳過。

想了解更多 AI 爬蟲嘅技術細節？可以參考我哋嘅 llms.txt 與 AI 爬蟲時代嘅技術 GEO 指南。

總結：AI 搜尋時代嘅技術基礎

Search Engine Land 呢項 41 日嘅實驗揭示咗一個簡單但重要嘅道理：喺 AI 搜尋時代，技術基礎比以往任何時候都更加重要。如果你嘅網站使用 JavaScript 連結導航，而冇提供靜態 HTML fallback，你嘅內容可能完全唔存在喺 AI 搜尋引擎嘅世界入面。

好消息係，修復呢個問題通常唔需要重大嘅技術改動——確保關鍵連結使用標準嘅 <a href> 格式、提交完整嘅 sitemap、同埋考慮 SSR/SSG 方案，已經可以大幅改善 AI 爬蟲對你網站嘅可發現性。

繼續關注我哋嘅 SEO 網誌，獲取更多香港適用的技術 GEO 策略同 AI 搜尋優化指南。