--- title: "JavaScript 產生的內容，搜尋引擎真的看得到嗎？" description: "保存一份以 Search Console 網址檢查工具確認 JavaScript 內容是否被渲染的實務筆記，並連回搜尋引擎抓取與索引的基礎文章。" canonical: "https://www.darrenhuang.com/notes/facebook-javascript-rendering-and-indexing.html" markdown: "https://www.darrenhuang.com/notes/facebook-javascript-rendering-and-indexing.md" language: zh-Hant type: article published: "2022-04-10T00:00:00.000Z" modified: "2026-08-24T00:00:00.000Z" --- > 此 Markdown 版本由正式 HTML 內容自動產生。 > 引用時請使用 [canonical page](https://www.darrenhuang.com/notes/facebook-javascript-rendering-and-indexing.html)。 數位引擎筆記 · Facebook 保存 # JavaScript 產生的內容，搜尋引擎真的看得到嗎？ 保存一份以 Search Console 網址檢查工具確認 JavaScript 內容是否被渲染的實務筆記，並連回搜尋引擎抓取與索引的基礎文章。 原始分享於數位引擎 Facebook·2022年4月10日·約 1 分鐘整理於 2026年8月24日 **來源註記** 這篇內容保留 Facebook 貼文的原始脈絡，部分工具、介面與外部連結可能已經改變。 JavaScript SEO 的問題不是「網站能不能使用 JavaScript」，而是重要內容能不能被搜尋引擎順利取得、渲染與理解。 原始貼文建議使用 Google Search Console 的網址檢查工具，查看測試結果中的頁面截圖與 HTML，確認由 JavaScript 產生的內容是否真的出現。 如果內容沒有出現，可能需要檢查 robots.txt、資源請求、載入速度、錯誤處理與渲染時機。 把所有互動都改回純 HTML 並不一定是正確答案。 比較實際的方向，是把核心內容與主要導覽做成可被穩定取得的結構，再讓 JavaScript 增加互動與漸進式體驗。 原始文章與工具畫面屬於 2022 年的脈絡，今天進行技術診斷時仍應以目前的 Search Console 與官方文件為準。 ## 原文提到的連結 - [facebook.com](https://www.facebook.com/searchenginecommunity/videos/399775824108328/) - [onely.com](https://www.onely.com/blog/ultimate-guide-javascript-seo/) - [ahrefs.com](https://ahrefs.com/blog/javascript-seo/) - [seo-tea.com](https://www.seo-tea.com/javascript-seo/) **分類** - [網站技術](/categories/網站技術.html) - [SEO相關](/categories/seo相關.html) **標籤** - [JavaScript SEO](/tags/javascript-seo.html) - [渲染](/tags/渲染.html) - [Google Search Console](/tags/google-search-console.html) - [索引](/tags/索引.html) Keep exploring ## 延伸閱讀 網站文章 2020年5月27日 ### [SEO搜尋引擎原理 - 爬蟲抓取篇](/how-search-engines-crawl.html) 檢索是搜尋引擎的第一步，爬蟲有個網址，前去拜訪，然後發現更多的網址，如此循環下去。看似簡單的過程卻有很多的SEO細節。 網站文章 2020年7月17日 ### [SEO電子報第十二期 – 2020.07.01~2020.07.15](/seo-newsletter-issue-12.html) 在SEO裡，"document", "page", "url"有什麼差別? John Mueller告訴你該用什麼心態看待排名、更多的JavaScript SEO。訂閱數位引擎接收更多SEO新知! 網站文章 2022年4月1日 ### [SEO電子報第五十三期 – 2022.03.16~2022.03.31](/seo-newsletter-issue-53.html) 這集內容相當多，寫了頗長，可以找個時間慢慢的閱讀+消化。如果要選的話會建議大家好好關注GA4準備全面取代舊版GA的消息，接下來幾週也會繼續分享更多技巧和工具。另外第七點的content brief以前似乎較少提到，如果工作上有需要管理內容的產出，相當推薦參考這項方法。 Facebook 保存筆記 2021年7月12日 ### [頁面提交後仍未被索引：先檢查整個網站](/notes/facebook-site-wide-indexing-quality.html) 從「已檢索但尚未建立索引」的案例出發，提醒索引問題不一定只發生在單一網址，也可能與整個網站的品質與結構有關。 Facebook 保存筆記 2021年1月21日 ### [Search Console 檢索統計：Google 最近在爬什麼頁面？](/notes/facebook-search-console-crawl-stats.html) 整理 Search Console 檢索統計資料中的發現與重新整理概念，將爬蟲行為連回 sitemap、重複網址與網站被植入頁面的排查。 Facebook 保存筆記 2020年3月9日 ### [行動版內容優先索引：Dynamic Serving 別忘了 Vary](/notes/facebook-mobile-first-indexing.html) 保存一則工作案例，說明 Dynamic Serving 依 User-Agent 回傳不同 HTML 時，為什麼 HTTP 的 Vary: User-Agent 可能成為重要的快取訊號。 × 開啟原圖 ↗