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

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

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

2. 努力確保 Web 組件對(duì)搜索友好

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

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

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