既然數字展廳已經(jīng)了解了如何為搜索引擎優(yōu)化基于 JavaScript 的網(wǎng)頁(yè)，那么讓我們來(lái)看看如何修復常見(jiàn)的 JavaScript SEO 錯誤。您應該能夠使用本指南快速識別和解決可能會(huì )阻止您的網(wǎng)頁(yè)呈現的 JavaScript 問(wèn)題。

1. 期望機器人索引需要用戶(hù)許可的內容

Googlebot 將忽略任何需要用戶(hù)同意的內容。Googlebot 及其 Web 呈現服務(wù) (WRS) 在頁(yè)面加載時(shí)清除本地存儲、HTTP cookie 和會(huì )話(huà)存儲數據，因此您不能依賴(lài)數據持久性來(lái)提供內容。Googlebot 不支持 WebGL。如果數字展廳使用 WebGL 在瀏覽器中渲染照片效果，請部署服務(wù)器端渲染以預渲染照片效果。

2. 努力確保 Web 組件對搜索友好

數字展廳可以通過(guò)盡可能將您的內容放入輕量級 DOM（文檔對象模型）來(lái)解決此問(wèn)題。Light DOM 位于組件的 shadow DOM 之外，并且標記由組件的用戶(hù)編寫(xiě)。Shadow DOM 定義了組件的內部結構、作用域 CSS，并封裝了實(shí)現細節。這些技術(shù)消除了由于 HTML、CSS 和 JavaScript 的全球性而構建 Web 應用程序的脆弱性。例如，當使用新的 HTML id/class 時(shí)，可能會(huì )與頁(yè)面上的現有元素發(fā)生沖突?？赡軙?huì )出現意想不到的錯誤，樣式選擇器可能會(huì )出錯，CSS 特異性可能會(huì )成為問(wèn)題。使用光影 DOM 將幫助您解決這些問(wèn)題。

3. 不測試網(wǎng)站的移動(dòng)友好功能

移動(dòng)友好性是成功網(wǎng)站的一個(gè)關(guān)鍵特征，但許多網(wǎng)站在發(fā)布之前未能對其進(jìn)行測試。Google 提供了一個(gè)網(wǎng)站，您可以在其中將 URL 粘貼到提供的空間中，單擊“分析”，然后等待幾秒鐘以了解您的網(wǎng)站對移動(dòng)設備的友好程度。您也可以使用獨立服務(wù)提供商提供的移動(dòng)友好型測試工具。加起來(lái)，搜索引擎機器人旨在以最佳方式抓取和索引 Web 內容，但它們可能會(huì )因多種原因而絆倒，其中之一就是 JavaScript。不正確或不精確地使用 JavaScript 可能會(huì )阻止 Google 爬蟲(chóng)以用戶(hù)感知的方式查看您的網(wǎng)頁(yè)，從而導致糟糕的 SEO。確保 Google 可以輕松訪(fǎng)問(wèn)您頁(yè)面上的 JavaScript 的最佳方法是通過(guò)細致的測試。作為網(wǎng)站所有者，最終由您來(lái)確保您的網(wǎng)頁(yè)是 SEO 友好的，這樣數字展廳就可以從您的投資中獲得最大的收益。一系列工具可幫助您實(shí)現創(chuàng )建搜索引擎喜愛(ài)的網(wǎng)站的目標。也就是說(shuō)，數字展廳的 SEO 專(zhuān)業(yè)人員的技能和經(jīng)驗也起著(zhù)重要作用。