JavaScript可以改善購物者的購買體驗，鼓勵互動，甚至在某些情況下提高站點性能。但是在搜索引擎優化方面，JavaScript需要額外的關注。

Googlebot是谷歌的網頁抓取機器人，它的抓取能力超過130萬億頁。如果每個網頁需要一秒鐘的加載時間，Googlebot將用超過四年的時間處理頁面加載以獲取每個網頁。

慶幸的是Googlebot可以同時抓取大量頁面，它甚至可以呈現JavaScript。但是，JavaScript在抓取和索引過程中需要一個額外的階段，即渲染階段。

谷歌網站管理員趨勢分析師Martin Splitt表示：“Googlebot在渲染頁面時會執行JavaScript，但由于這個渲染階段(就執行時間而言)代價高昂，它不能總是立即完成。將索引和呈現分開，可以讓我們盡可能快地對不使用JavaScript的內容進行索引，并在稍后返回并添加確實需要JavaScript的內容。”

JavaScript必須單獨處理是電子商務營銷人員特別關注JavaScript的原因之一。例如，雖然我們知道Googlebot最終能夠“看到”用JavaScript添加的內容，但可能出現的情況是，這些內容需要更長的時間進行索引，需要更長的時間出現在谷歌搜索結果中。

對于產品詳細信息頁面來說，這可能不是問題。這個頁面可能不會隨著時間的推移而發生什么變化，而是在很長一段時間內保持原樣。因此，多等幾天也許是值得的。但是在線商店可能想要一個新的銷售頁面或假日購物指南盡快出現在谷歌的索引和相關的搜索引擎頁面中。

抓取、呈現、索引

在2019年7月，谷歌發布了一個關于JavaScript seo的簡短指南。指南介紹了Google在抓取、呈現和索引JavaScript添加頁面內容時所采取的步驟。

在我們研究這個過程時，重要的是理解Googlebot將讀取并索引它發現的任何傳統HTML內容。因此，額外的步驟只適用于JavaScript添加到瀏覽器頁面中的內容。

抓取。首先，Googlebot從抓取隊列獲取頁面的地址(比如電子商務商店的類別頁面)，并按照網址進行操作。假設頁面沒有被機器人robots.txt阻止，Googlebot將解析該頁面。

在抓取階段，Googlebot發現的任何新鏈接(URL)都會被發送回抓取隊列。然后可以對解析頁面上的HTML內容進行索引。

處理(呈現)。此時，將為JavaScript處理URL。Martin Splitt表示：“谷歌呈現頁面需要多長時間取決于許多不同的因素，我們不能在這里做任何保證。”

本質上，頁面被放置在渲染隊列時，它就必須在隊列等待輪到它。一旦渲染JavaScript, Googlebot將向抓取隊列添加它發現的新URL，并將新內容(通過JavaScript添加的內容)作為執行的HTML轉發到索引。

索引。這個階段將內容添加到谷歌的索引中，無論是來自HTML的內容還是來自JavaScript的附加內容。當有人在谷歌上輸入相關搜索時，可能會顯示該頁面。

JavaScript SEO

現在,你已經了解了Googlebot如何呈現和讀取JavaScript,并且認識到 JavaScript 驅動的內容可能需要更長的時間才能顯示在Google的索引中,你可以更好地決定何時以及如何在電子商務中使用JavaScript網站。

下面是一個簡單的例子。JavaScript可用于在產品類別頁面上延遲加載圖像。當購物者訪問此類別頁面時，將加載顯示在可見屏幕上的所有圖像。那些“在折疊下方”的圖片，直到購物者滾動或滑動時才會加載。

這可以幫助頁面加載得更快，并提供更好的購物體驗。但是，如何實現這種形式的延遲加載可能會影響SEO。JavaScript只加載圖像嗎？或者是否回撥數據庫以獲取所有必要的產品信息？

在前者中，Googlebot在最初解析HTML時將看到大部分鏈接，而在后一種情況中，它將在處理后才發現這些鏈接。

了解了谷歌如何讀取和呈現JavaScript之后，你就可以對JavaScript和SEO進行更多的研究了，這對大多數電子商務網站都很重要。

（編譯/雨果網 呂曉琳）

【特別聲明】未經許可同意，任何個人或組織不得復制、轉載、或以其他方式使用本網站內容。轉載請聯系：editor@cifnews.com