Page 1 of 1

Google 如何處理頁面上的 JavaScript 內容

Posted: Sat Dec 28, 2024 10:45 am
by rifathasana
以下是 Googlebot 處理 JavaScript 的步驟:

使用HTTP 請求從爬網佇列取得URL
檢查 robots.txt 檔案中是否有網站不允許查看的URL 。
跳過「禁止」的 URL,分析其他 URL 的回應並將它們新增至抓取佇列。
將頁面排隊等待渲染,標記為不可索引的頁面除外
Chromium 渲染頁面、執行 JavaScript 並索引頁面
重新解析連結的渲染 HTML
排隊抓取 URL
Google 什麼時候不對 JavaScript 內容編製索引?
如果 JavaScript 實作正確,Google 可以對其 比利時電報手機號碼列表 進行索引。例如,如果您的某些 JS 和CSS檔案被隱藏,Google 將無法正確索引網站。同樣,如果來源 HTML 中存在渲染的 HTML 中沒有的鏈接,Google 在抓取或索引這些連結時可能會跳過這些連結。此外,如果 JavaScript 沒有直接嵌入 HTML,Google 將必須下載該檔案才能執行。此外,搜尋引擎可能有網頁的快取版本(以提高效能),而頁面上的 JavaScript 可能與其不同步。因為必須讀取每一位 JavaScript 程式碼,過度使用 JavaScript 會降低頁面速度或導致逾時錯誤。

為什麼 JavaScript SEO 很重要?
JavaScript SEO 很重要,因為它會影響Google(或搜尋引擎)為 SEO 抓取的許多頁面元素和排名因素:

頁面上的元素 潛在的搜尋引擎優化問題 可能的搜尋引擎優化解決方案
渲染內容 如果您網站的 robots.txt 檔案中的資源被阻止,搜尋引擎(例如 Google)將無法顯示您的頁面。此外,Google 無法索引或渲染被封鎖或隱藏的JS 和 CSS檔案。 減少主頁​​內容上的 JavaScript 使用替代的客戶端渲染方法,例如伺服器端渲染、動態渲染、混合渲染(​​客戶端和伺服器端渲染的組合)
連結 如果某些鏈接是內部鏈接或 JavaScript 在用戶單擊它們時生成 URL 鏈接,則 Google 將無法檢測到此類鏈接。 使用帶有 href 屬性的錨點連結、連結的描述性錨文本。不會查看 <div> 和 <span> 標籤等偽連結。
元數據 如果網站不使用vue-meta 等Node.js包,搜尋引擎可能會查看相同的元數據,或者更糟的是,根本不會查看每個視圖或頁面的元數據。 使用 Node.js 套件,如react-helmet、vue-meta、react-meta-tags
懶惰的圖像 搜尋引擎不會選擇標記為延遲載入的內容。搜尋引擎無法滾動內容,因此某些內容可能永遠不會顯示。 使用IntersectionObserver API,它可以了解 DOM 元素可存取時的可見性 和 位置 。您也可以使用瀏覽器 ( Chrome ) 的內建延遲載入功能。
頁面載入時間 包含大量 JavaScript 的頁面可能會載入緩慢,這會影響其搜尋排名。 內嵌新增關鍵 JS 程式碼,並將非關鍵 JS 程式碼延遲到顯示主要內容,從而減少整體 JS 程式碼。