JavaScript SEO是技術SEO的一部分，其重點是使用JavaScript構建的網站更容易被搜索引擎抓取、呈現和索引。

　　常見的任務包括：

　　優化通過JavaScript注入的內容

　　正確實現延遲加載

　　遵循內部鏈接最佳實踐

　　防止、發現和修復JavaScript問題

　　谷歌的網絡爬蟲（被稱為Googlebot）對頁面進行排序，以便抓取和渲染。

　　它抓取隊列中的每個URL。

　　Googlebot發出請求。然后服務器發送HTML文檔。

　　接下來，Googlebot決定需要哪些資源來呈現頁面內容。

　　這意味著它會抓取HTML。而不是JS或CSS文件，因為渲染JavaScript需要大量的資源。

　　試想一下，Googlebot需要多大的計算能力來下載、讀取和運行近20億個網站上數萬億頁的JS。

　　因此，Google推遲了JavaScript的呈現。它將任何未執行的內容排在隊列中，待資源可用時再處理。

　　一旦資源允許，無頭Chrome（沒有用戶界面的Chrome瀏覽器）呈現頁面并執行JavaScript。

　　Googlebot再次處理呈現的HTML中的鏈接。并將它找到的用于爬行的url排成隊列。

　　在最后一步中，Google使用呈現的HTML為頁面建立索引。

　　服務器端呈現

　　服務器端呈現（SSR）是指在服務器上呈現JavaScript。然后將呈現的HTML頁面提供給客戶端（瀏覽器、Googlebot等）。

　　例如，當你訪問一個網站時，你的瀏覽器會向保存網站內容的服務器發出請求。

　　處理請求后，瀏覽器返回呈現的HTML并將其顯示在屏幕上。

　　SSR傾向于幫助網頁的SEO性能，因為：

　　它可以減少加載頁面主要內容所需的時間

　　它可以減少影響用戶體驗的布局變化

　　然而，SSR會增加頁面允許用戶輸入所需的時間。

　　這就是為什么一些處理大量JS的網站選擇對某些頁面使用SSR而不是其他頁面。

　　在這樣的混合模型下，SSR通常用于對SEO有影響的頁面。客戶端呈現（CSR）通常是為需要大量用戶交互和輸入的頁面保留的。

　　但是對于開發人員來說，實現SSR通常是復雜且具有挑戰性的。

　　盡管如此，還是有一些工具可以幫助實現SSR:

　　用于React框架的Gatsby和Next.JS

　　用于Angular框架的Angular Universal

　　Vue.js框架的next .js

　　道然專注于提供定制化大數據服務、VR建設、軟件系統開發、網站建設、微信開發、小程序開發、宣傳片拍攝等服務，多年的互聯網經驗讓道然能準確的洞察市場風向，幫助客戶贏得更廣闊的互聯網市場，以客戶為本，幫助企業做好線上建設搭建對外溝通的橋梁，讓每一家企業擁有自己的名片。道然根據企業形象主打量身定制，拒絕千遍一律我們只做高端。