文介紹了網(wǎng)站所有者在針對(duì)移動(dòng)設(shè)備設(shè)計(jì)網(wǎng)站時(shí)最常犯的一些錯(cuò)誤，包括Javascript、CSS 和圖片文件被屏蔽，視頻無(wú)法播放的內(nèi)容，錯(cuò)誤的重定向，404 錯(cuò)誤，插頁(yè)式廣告，移動(dòng)版網(wǎng)頁(yè)加載緩慢，字體過(guò)小，觸控元素間距離太近等常見錯(cuò)誤。

JavaScript、CSS 和圖片文件被屏蔽

為了實(shí)現(xiàn)最佳的呈現(xiàn)和索引編制效果，請(qǐng)始終允許 Googlebot 訪問(wèn)您的網(wǎng)站所用的 JavaScript、CSS 和圖片文件，以確保 Googlebot 在您的網(wǎng)站上看到的內(nèi)容與普通用戶看到的相同。如果網(wǎng)站的 robots.txt 文件禁止抓取這些資源，則會(huì)直接影響到我們的算法呈現(xiàn)您的內(nèi)容并將其編入索引的效果，進(jìn)而導(dǎo)致網(wǎng)站排名降低。

建議采取的措施：

1、通過(guò)使用 Search Console 中的網(wǎng)址檢查工具，確保 Googlebot 能夠抓取您的 JavaScript、CSS 和圖片文件。此工具可讓您了解 Googlebot 所看到的內(nèi)容以及它會(huì)如何呈現(xiàn)這些內(nèi)容，有助于您找出并解決網(wǎng)站上存在的一些索引編制問(wèn)題。

2、在 Search Console 中檢查和測(cè)試您的 robots.txt。

3、對(duì)您的移動(dòng)版網(wǎng)頁(yè)進(jìn)行移動(dòng)設(shè)備適合性測(cè)試，看看我們的系統(tǒng)是否會(huì)將您的網(wǎng)站檢測(cè)為適合移動(dòng)設(shè)備用戶訪問(wèn)。

4、如果您的移動(dòng)版網(wǎng)頁(yè)使用單獨(dú)的網(wǎng)址，請(qǐng)務(wù)必對(duì)移動(dòng)版網(wǎng)址和桌面版網(wǎng)址都進(jìn)行測(cè)試，以確保 Google 可以識(shí)別并抓取重定向。

無(wú)法播放的內(nèi)容

某些類型的視頻或內(nèi)容無(wú)法在移動(dòng)設(shè)備上播放。例如：許可受限的媒體內(nèi)容，或者需要通過(guò) Flash 或通過(guò)在移動(dòng)設(shè)備上未得到廣泛支持的其他播放器才能播放的內(nèi)容。任何網(wǎng)站的網(wǎng)頁(yè)上只要有無(wú)法播放的內(nèi)容，都會(huì)使用戶感到沮喪。

如果用戶訪問(wèn)的網(wǎng)頁(yè)上包含移動(dòng)設(shè)備不支持的內(nèi)容，用戶將會(huì)看到與下方示例類似的錯(cuò)誤消息：

這會(huì)給用戶帶來(lái)糟糕的移動(dòng)設(shè)備體驗(yàn)！

我們建議使用 html5 標(biāo)準(zhǔn)標(biāo)記添加視頻或動(dòng)畫，而不是使用專有視頻播放器或以不受支持的格式提供內(nèi)容。

對(duì)于動(dòng)畫內(nèi)容，請(qǐng)使用適合在所有網(wǎng)絡(luò)瀏覽器中播放的 Html5 動(dòng)畫。Google Web Designer 可幫助您輕松地使用 HTML5 制作此類動(dòng)畫。

建議采取的措施：

1、使用 HTML5 動(dòng)畫標(biāo)準(zhǔn)，為所有用戶提供出色的體驗(yàn)。

2、使用可在所有設(shè)備上播放的視頻嵌入內(nèi)容。

3、考慮提供視頻解說(shuō)詞。這樣一來(lái)，那些使用輔助瀏覽技術(shù)或所用瀏覽器無(wú)法播放專有視頻格式的用戶也能查看您的網(wǎng)站。

如需了解更多詳情，請(qǐng)參閱 Google 的網(wǎng)站開發(fā)基礎(chǔ)中的視頻最佳做法。

錯(cuò)誤的重定向

如果您有單獨(dú)的移動(dòng)版網(wǎng)址，我們建議您將移動(dòng)設(shè)備用戶從各個(gè)桌面版網(wǎng)址重定向到相應(yīng)的移動(dòng)版網(wǎng)址。重定向到其他網(wǎng)頁(yè)（例如始終重定向到首頁(yè)）是錯(cuò)誤的行為。

示例：

1、桌面版網(wǎng)站的服務(wù)器配置為將移動(dòng)設(shè)備用戶重定向到移動(dòng)版網(wǎng)站的首頁(yè)，無(wú)論用戶原本請(qǐng)求訪問(wèn)哪個(gè)網(wǎng)址，也無(wú)論移動(dòng)版網(wǎng)站是否有與進(jìn)行重定向的桌面版網(wǎng)頁(yè)對(duì)應(yīng)的網(wǎng)頁(yè)。

2、桌面版網(wǎng)站的網(wǎng)址是動(dòng)態(tài)生成的，其中包含的網(wǎng)址參數(shù)不能很好地映射到對(duì)應(yīng)的移動(dòng)版網(wǎng)址。例如，如果某位用戶本想在桌面版網(wǎng)站上查找某一特定日期的列車時(shí)刻表，而系統(tǒng)卻將其重定向到了移動(dòng)版網(wǎng)站上的常規(guī)時(shí)刻表搜索頁(yè)面，勢(shì)必會(huì)引起用戶的不快。如果您有對(duì)應(yīng)的移動(dòng)版網(wǎng)址，我們建議您正確配置重定向，以便用戶能夠訪問(wèn)所需的網(wǎng)頁(yè)。

3、桌面版網(wǎng)站只針對(duì)部分移動(dòng)設(shè)備進(jìn)行重定向。例如，網(wǎng)站可能只會(huì)將 AndROId 用戶重定向至移動(dòng)網(wǎng)站，而不對(duì) iPhone 或 Windows Phone 用戶進(jìn)行重定向。

建議采取的措施：

1、使用 Search Console。如果您是經(jīng)過(guò)驗(yàn)證的用戶，那么只要 Google 檢測(cè)到您的網(wǎng)站上有任何網(wǎng)頁(yè)會(huì)將智能手機(jī)用戶重定向到首頁(yè)，我們就會(huì)向您發(fā)送消息。

2、設(shè)置服務(wù)器，使其能夠?qū)⒅悄苁謾C(jī)用戶重定向到智能手機(jī)版網(wǎng)站上的對(duì)應(yīng)網(wǎng)址。

3、如果網(wǎng)站上的網(wǎng)頁(yè)沒(méi)有對(duì)應(yīng)的智能手機(jī)版網(wǎng)頁(yè)，請(qǐng)將用戶留在桌面版網(wǎng)頁(yè)上，而不是將其重定向到智能手機(jī)版網(wǎng)站的首頁(yè)。在這種情況下，不進(jìn)行任何重定向總比重定向到無(wú)關(guān)網(wǎng)頁(yè)要好。

4、嘗試使用自適應(yīng)設(shè)計(jì)，為桌面設(shè)備用戶和智能手機(jī)用戶提供相同的內(nèi)容。

僅在移動(dòng)設(shè)備上顯示的 404 錯(cuò)誤

有些網(wǎng)站會(huì)向訪問(wèn)某個(gè)網(wǎng)址的桌面設(shè)備用戶顯示相應(yīng)內(nèi)容，但卻會(huì)向移動(dòng)設(shè)備用戶顯示報(bào)錯(cuò)網(wǎng)頁(yè)。

為確保提供最佳用戶體驗(yàn)，如果您識(shí)別出用戶是通過(guò)移動(dòng)設(shè)備訪問(wèn)桌面版網(wǎng)頁(yè)，并且您擁有采用不同網(wǎng)址的對(duì)應(yīng)移動(dòng)版網(wǎng)頁(yè)，請(qǐng)將用戶重定向至該網(wǎng)址，而不要顯示 404 錯(cuò)誤或軟 404 錯(cuò)誤頁(yè)面。此外，還請(qǐng)確保該適合移動(dòng)設(shè)備的網(wǎng)頁(yè)本身不是報(bào)錯(cuò)網(wǎng)頁(yè)。

建議采取的措施：

1、使用 Search Console。如果您是網(wǎng)站的經(jīng)驗(yàn)證用戶，我們會(huì)通過(guò)消息中心向您發(fā)送通知。

2、如果您有使用單獨(dú)網(wǎng)址的智能手機(jī)版網(wǎng)站，請(qǐng)對(duì)服務(wù)器進(jìn)行設(shè)置，使其能夠?qū)⒅悄苁謾C(jī)用戶重定向到智能手機(jī)版網(wǎng)站上的對(duì)應(yīng)網(wǎng)址。

3、如果您采用"動(dòng)態(tài)提供內(nèi)容"配置，請(qǐng)務(wù)必正確配置用戶代理檢測(cè)功能。

4、如果網(wǎng)站上的網(wǎng)頁(yè)沒(méi)有對(duì)應(yīng)的智能手機(jī)版網(wǎng)頁(yè)，請(qǐng)將用戶留在桌面版網(wǎng)頁(yè)上。與顯示報(bào)錯(cuò)網(wǎng)頁(yè)相比，向用戶顯示所需的內(nèi)容可讓用戶獲得好得多的體驗(yàn)。

5、盡可能使用自適應(yīng)設(shè)計(jì)。如果采用此配置，您便可為所有用戶（無(wú)論他們各自使用什么樣的設(shè)備）提供相同的內(nèi)容。

避免使用插頁(yè)式廣告

很多網(wǎng)站都會(huì)顯示插頁(yè)式廣告或重疊式廣告，致使用戶訪問(wèn)的頁(yè)面內(nèi)容被部分覆蓋或完全覆蓋。這些插頁(yè)式廣告通常會(huì)出現(xiàn)在移動(dòng)設(shè)備上，旨在推廣網(wǎng)站的應(yīng)用、郵寄名單注冊(cè)表單或廣告，會(huì)讓用戶的體驗(yàn)變得非常糟糕。在極端情況下，用戶甚至很難關(guān)閉插頁(yè)式廣告以查看頁(yè)面上的實(shí)際內(nèi)容。由于移動(dòng)設(shè)備的屏幕空間非常有限，因此任何插頁(yè)式廣告都會(huì)給用戶體驗(yàn)帶來(lái)負(fù)面影響。

應(yīng)用下載插頁(yè)式廣告

許多網(wǎng)站站長(zhǎng)都會(huì)向其移動(dòng)網(wǎng)站的訪問(wèn)者推廣自家企業(yè)的應(yīng)用。如果在推廣時(shí)不夠謹(jǐn)慎，會(huì)導(dǎo)致索引編制出現(xiàn)問(wèn)題，并干擾訪問(wèn)者在網(wǎng)站上的體驗(yàn)。

插頁(yè)式廣告阻止用戶完成任務(wù)。

橫幅廣告會(huì)在用戶完成任務(wù)的過(guò)程中展示應(yīng)用。

建議采取的措施：

1、使用簡(jiǎn)單的橫幅廣告將應(yīng)用推廣內(nèi)嵌到網(wǎng)頁(yè)內(nèi)容中。您可通過(guò)以下途徑投放此類橫幅廣告：

2、瀏覽器支持的橫幅廣告，例如針對(duì) Safari 投放智能應(yīng)用橫幅廣告，或針對(duì) Chrome 推廣應(yīng)用內(nèi)安裝體驗(yàn)。

3、鏈接到正確的應(yīng)用下載商店的 HTML 橫幅廣告或圖片，與典型的小型廣告類似。

不相關(guān)的交叉鏈接

如果網(wǎng)站通過(guò)單獨(dú)的移動(dòng)版網(wǎng)址為用戶提供內(nèi)容，則通常的做法是：一方面，設(shè)置一些鏈接，讓它們從移動(dòng)版網(wǎng)頁(yè)指向針對(duì)桌面設(shè)備進(jìn)行了優(yōu)化的網(wǎng)頁(yè)；另一方面，設(shè)置從桌面版網(wǎng)頁(yè)指向移動(dòng)版網(wǎng)頁(yè)的鏈接。而常見錯(cuò)誤之一就是將鏈接指向不相關(guān)的網(wǎng)頁(yè)，例如將移動(dòng)版網(wǎng)頁(yè)鏈接到桌面版網(wǎng)站的首頁(yè)。

建議采取的措施：

1、檢查鏈接，確保各個(gè)鏈接指向正確的對(duì)應(yīng)網(wǎng)頁(yè)。

移動(dòng)版網(wǎng)頁(yè)加載緩慢

確保移動(dòng)版網(wǎng)站快速加載非常重要。如果用戶必須等待很長(zhǎng)時(shí)間才能看到網(wǎng)站內(nèi)容，便會(huì)感到非常沮喪。

建議采取的措施：

使用 Google PageSpeed Insights（尤其是"速度"子部分），查看網(wǎng)頁(yè)上是否存在可能會(huì)拖慢網(wǎng)頁(yè)加載速度的問(wèn)題。請(qǐng)一定設(shè)法解決標(biāo)記為"應(yīng)該修復(fù)"的問(wèn)題。

有關(guān)詳情，請(qǐng)參閱：

1、讓移動(dòng)版網(wǎng)頁(yè)在 1 秒內(nèi)呈現(xiàn)出來(lái)

2、提高移動(dòng)版網(wǎng)頁(yè)的加載速度

3、針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化

正確設(shè)置視口

由于網(wǎng)站訪問(wèn)者使用的設(shè)備各異且屏幕尺寸也各不相同，因此您應(yīng)使用視口元標(biāo)記為網(wǎng)頁(yè)指定視口。此標(biāo)記可以指示瀏覽器如何根據(jù)設(shè)備尺寸調(diào)整網(wǎng)頁(yè)大小及縮放網(wǎng)頁(yè)。下面是兩個(gè)常見問(wèn)題：

使用寬度固定的視口。這樣做會(huì)使網(wǎng)頁(yè)無(wú)法針對(duì)所有設(shè)備尺寸（現(xiàn)在越來(lái)越多了）靈活縮放。了解詳情。

假定一個(gè)最小寬度不切實(shí)際的視口，迫使小型設(shè)備的用戶必須橫向滾動(dòng)屏幕才能查看內(nèi)容。如果網(wǎng)頁(yè)在 CSS 聲明中使用了絕對(duì)值，或者網(wǎng)頁(yè)使用的圖片要在特定的瀏覽器寬度（例如 980 像素）下才能實(shí)現(xiàn)最佳顯示效果，就會(huì)發(fā)生這種情況。要修正此類錯(cuò)誤，請(qǐng)確保網(wǎng)頁(yè)為 CSS 元素使用相對(duì)寬度值和位置值，并確保圖片可以縮放。了解詳情。

字體過(guò)小

避免設(shè)置過(guò)小的字體（通常小于 12 像素），因?yàn)檫@會(huì)讓內(nèi)容無(wú)法在移動(dòng)設(shè)備上清晰顯示，使訪問(wèn)者不得不"張合雙指進(jìn)行縮放"才能閱讀內(nèi)容。如需修正此類錯(cuò)誤，請(qǐng)?jiān)谥付ňW(wǎng)頁(yè)的視口后，將字體大小設(shè)為可在視口內(nèi)適當(dāng)?shù)剡M(jìn)行縮放。請(qǐng)參閱使用清晰可辨的字體大小這篇文章，詳細(xì)了解字體大小最佳做法。

觸控元素間距離太近

避免讓觸控元素（如按鈕和鏈接）之間的距離太近，因?yàn)檫@會(huì)導(dǎo)致移動(dòng)設(shè)備用戶在用手指點(diǎn)按所需元素時(shí)，很容易就按到相鄰的元素。要修正此類錯(cuò)誤，請(qǐng)務(wù)必為按鈕和導(dǎo)航鏈接設(shè)置適合移動(dòng)設(shè)備訪問(wèn)者使用的大小和間距。有關(guān)詳情，請(qǐng)參閱適當(dāng)調(diào)整點(diǎn)按目標(biāo)大小。