診斷常見 JavaScript SEO 問題的指南
了解如何發現 JavaScript 網站中的 SEO 問題以及在渲染時需要了解的內容。 說實話,JavaScript和SEO並不總是能很好地協同工作。對於一些 SEO 來說,這個主題可能感覺像是被籠罩在複雜的面紗之中。 好吧,好消息:當你剝去層層外衣時,許多基於 JavaScript 的 SEO 問題都會回歸到搜尋引擎爬蟲與 JavaScript 互動的基本原理。 因此,如果您了解這些基礎知識,您就可以深入研究問題,了解其影響,並與開發人員合作解決重要問題。 在本文中,我們將協助診斷基於 JS 框架建立網站時的一些常見問題。此外,我們還將分解每個技術 SEO 在渲染方面所需的基礎知識。 渲染簡介 在我們討論更具體的問題之前,讓我們先討論一下整體情況。 搜尋引擎為了理解由 JavaScript 驅動的內容,必須抓取並呈現該頁面。 問題是,搜尋引擎只有這麼多資源可用,所以他們必須選擇何時使用它們。即使爬蟲將頁面傳送到渲染佇列,也不一定會渲染該頁面。 如果它選擇不呈現頁面,或無法正確呈現內容,則可能會出現問題。 這取決於前端如何在初始伺服器回應中提供 HTML。 當在瀏覽器中建立 URL 時,React、Vue 或 Gatsby 等前端將產生該頁面的 HTML。在傳送 URL 以等待渲染之前,爬蟲程式會檢查伺服器是否已提供該 HTML(「預先渲染」 HTML),以便查看結果內容。 是否有預先渲染的 HTML 取決於前端的配置方式。它將透過伺服器或客戶端瀏覽器產生 HTML。 …