任何優秀的 SEO 都知道，指出問題而不提供解決方案是沒有成效的。 那麼，讓我們看看我們可以為 Web 開發人員提供哪些選項來改進 JavaScript SEO。
這些解決方案的可行性取決於您網站的技術堆疊。 因此，制定一個好的/更好/最好的方法很重要。
理想的解決方案：在原始 HTML 中提供關鍵內容
作為 SEO，我們可以高枕無憂，因為我們知道我們網站的內部連結、頁面標題、正文等內容都可以透過原始 HTML 提供給 Google。 搜尋機器人可以有效地抓取我們的關鍵內容並將其編入索引，而不會冒與 Google 渲染服務相關的錯誤或延遲的風險。
確保向開發人員突出顯示原始 HTML 中目前缺少的關鍵 SEO 元素，並探索進行這些更新的可行性。
下一個最佳解決方案：實作伺服器端渲染 (SSR) 解決方案
在討論此解決方案之前，讓我們先了解一下伺服器端渲染 (SSR) 與客戶端渲染 (CSR)：
-
伺服器端渲染：初始頁面載入透過 HTML 將所有內容傳送到瀏覽器。
-
客戶端呈現：JavaScript 檔案中的內容在初始頁面載入後下載到瀏覽器。
對 JavaScript 渲染的內容進行索引的問題來自其客戶端渲染。 您知道當您關閉瀏覽器中的 JavaScript 時，頁面的某些部分就會消失嗎？ 這就是問題所在。
我經常使用 Onely 的這個類比來解釋其中的差異：“CSR 就像烹飪食譜。Google 獲取需要烘焙和收集的蛋糕食譜。SSR – Google 獲取可供食用的蛋糕。無需烘焙。”
因此，我們開發人員面臨的基本問題是：“我們是否可以依靠 SSR 而不是 CSR 在初始頁面加載期間提供內容？”
這裡有一個專業提示：如果您熟悉網站的 JavaScript 框架，許多框架都會提供方便的工具來順利整合 SSR。
|
JS框架 |
固態繼電器解決方案 |
|
反應 |
Next.js、蓋茲比 |
|
角 |
角度通用 |
|
Vue.js |
Nuxt.js |
最後的解決方案：實現動態渲染
動態渲染是一種混合解決方案，您的使用者可以體驗網站的用戶端渲染，而搜尋引擎機器人則獲得單獨的靜態 HTML 版本。
