搜尋引擎可以索引JavaScript嗎?


JavaScript 為使用者提供了直觀、動態和互動式的線上體驗。抓取傳統的 HTML 頁面時,一切都很簡單,過程很快。Googlebot 下載 HTML 檔案並提取原始碼中的連結後,可以同時訪問。下載 CSS 檔案後,頁面由 Google 的索引器進行索引,索引器也會接收所有下載的資源。

  • 當抓取主要使用 JavaScript 的網站時,事情就變得具有挑戰性了。Googlebot 下載 HTML 檔案。

  • Googlebot 無法看到原始碼中的連結,因為這些連結只有在 JavaScript 執行後才會插入。

  • 接下來,下載 CSS 和 JS 檔案。Googlebot 必須使用 Google 網頁渲染服務來解析、構建和執行 JavaScript。

  • WRS 從資料庫或其他 API 獲取資料。

  • 索引器可以索引內容。然後,Googlebot 可以將其找到的新連結新增到其佇列中,以便進一步抓取。

這就是網頁渲染。將 HTML、CSS 和 JavaScript 程式碼轉換為點選連結時訪問者期望看到的互動式網頁的過程稱為網頁渲染。網站的每個頁面都是以使用者為中心建立的。

渲染SEO

對於使用者和 Google 來說,解析、構建和執行 JavaScript 檔案都需要大量時間。Google 通常無法索引包含大量 JavaScript 的頁面的內容,除非網站已完全生成。

並非所有速度較慢的都是渲染過程。它還描述了查詢新連結的方法。在頁面生成之前,Google 經常難以在 JavaScript 富含的網站頁面上查詢連結。JavaScript 是一種必須構建才能使用的計算機語言;任何與特定 JavaScript 版本不相容的語法都會導致構建失敗。

最新的 Chrome 版本是 Googlebot 的基礎。這意味著 Googlebot 使用最新版本的瀏覽器來渲染網站。Googlebot 瀏覽網站的方式與使用者使用瀏覽器的方式相同。但是,Googlebot 不是普通的 Chrome 瀏覽器。Googlebot 會拒絕使用者的授權請求(即,Googlebot 會拒絕影片自動播放請求)。在頁面載入之間,會刪除 Cookie、本地儲存和會話儲存。如果您的內容依賴於 Cookie 或其他本地儲存的資訊,Google 將不會索引您的內容。Googlebot 可能會決定不下載所有資源,但瀏覽器始終會下載。

Google 認為使用 JS 進行的規範標籤更改不可靠。因此,請確保您的規範 URL 位於 HTML 中,而不是 JS 中。雖然 Google 可能已經解決了這個問題,但在確定之前,不應冒險進行 SEO。

索引JavaScript

Google 對 JavaScript 有相當的瞭解。但是,JavaScript 比普通的 HTML 需要更多工作,因為爬蟲試圖理解和排名全球數十億個網站。因此,它有時可能會受到影響。

Google 聲稱 Googlebot 使用 JavaScript 爬取網站分兩個階段進行。爬蟲會在其初始掃描期間檢查 HTML,並使用它來索引網站。他們會在稍後時間返回以顯示必要的 JavaScript。但是,使用伺服器端渲染製作的網站上會顯示帶有 HTML 標記的內容。Googlebot 不需要再次訪問該網站來渲染頁面上的 JavaScript 以正確索引內容,因為主要內容已經可見。這可以極大地改進 JavaScript SEO 方法。

由於網站第一次和第二次執行之間的時差,JavaScript 中包含的內容不會被快速索引。因此,在確定初始排名時不會考慮該內容,並且 Google 注意到更改並更新其結果可能需要一些時間。

因此,使用 JavaScript SEO 的企業應確保在其網站的 HTML 中包含儘可能多的重要內容。如果他們希望內容計入其排名,他們應該編寫爬蟲可以立即理解的重要資訊。

在 Googlebot 對您的網站進行第二次訪問之前,不會渲染 JavaScript。因此,有些網站會犯這樣的錯誤:在 Google 初次掃描網站期間載入的 HTML 中新增標記,例如“noindex”標籤。此標籤可能會阻止 Googlebot 再次訪問該網站來執行 JavaScript,這隨後會阻止該網站被正確索引。

結論

隨著企業使用 JavaScript 來標記其頁面並使其網站對訪問者更具吸引力,它仍然是網際網路的一個重要組成部分。但是對於許多人來說,瞭解 Googlebot 和其他爬蟲如何解釋 JavaScript 以及它如何與 JavaScript SEO 互動仍然很重要。現在,爬蟲和搜尋引擎可以像處理基於 HTML 的網站一樣解析、渲染和索引基於 JavaScript 的網站。但是,開發人員有責任使其網站易於訪問和可抓取,並瞭解現代 JavaScript 網站的 SEO 如何運作。

更新於:2022年12月28日

瀏覽量:362

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.