移動端稱王,響應(yīng)式網(wǎng)站建設(shè)是適合手機(jī)訪問的最好選擇
2020-12-30

今天,移動設(shè)備占據(jù)了世界的主導(dǎo)。大多數(shù)用戶使用搜索引擎在移動設(shè)備上進(jìn)行搜索。在移動設(shè)備上,桌面版網(wǎng)站的瀏覽和使用可能不那么容易。所以擁有一個適合手機(jī)的網(wǎng)站是提升網(wǎng)絡(luò)影響力的一個重要因素。實際上,從2016年末開始,搜索引擎就開始嘗試主要使用移動版內(nèi)容42網(wǎng)站中的排名、結(jié)構(gòu)化數(shù)據(jù)分析和摘要生成。
一、響應(yīng)式網(wǎng)站建設(shè)首先要理解設(shè)備的不同之處:
Smartphone:在本文檔中,Mobile或Mobile設(shè)備是指智能手機(jī),比如運行Android系統(tǒng)的手機(jī),iPhone或者WindowsPhone。盡管移動設(shè)備的屏幕更小,并且在大多數(shù)情況下,默認(rèn)的屏幕方向是縱向,但是移動瀏覽器和桌面瀏覽器一樣,能夠呈現(xiàn)各種HTML5規(guī)格的網(wǎng)頁。
Tablet:我們把Tablet作為一種獨立的設(shè)備分類,所以當(dāng)提到移動設(shè)備的時候,它通常不會被提到。相對來說,平板電腦的屏幕更大。也就是說,如果你不能為平板電腦提供的內(nèi)容,那么當(dāng)用戶在平板電腦上瀏覽網(wǎng)站時,他們還是希望看到桌面瀏覽器而不是智能手機(jī)瀏覽器的顯示。
多媒體電話:這種電話所使用的瀏覽器可以呈現(xiàn)出符合XHTML編碼標(biāo)準(zhǔn)的網(wǎng)頁;支持HTML5標(biāo)簽,支持JavaScript/ECMAscript,但是可能不支持某些擴(kuò)展API,因為它們是HTML5標(biāo)準(zhǔn)。它通常指的是那些擁有3G功能的非智能手機(jī)瀏覽器。
功能性移動電話:這類手機(jī)所采用的瀏覽器不能呈現(xiàn)用標(biāo)準(zhǔn)HTML編碼的標(biāo)準(zhǔn)桌面版網(wǎng)頁,包括那些只用諸如cHTML(iMode)、WML、XHTML-MPF等語言編碼的網(wǎng)頁。
雖然我們的建議主要針對智能手機(jī),但是即使是針對多媒體手機(jī)和非智能手機(jī)的網(wǎng)站,我們也鼓勵網(wǎng)站所有者在適當(dāng)?shù)臅r候予以采納。
二、選取恰當(dāng)?shù)?a href="http://www.45799.cn/" target="_blank" title="網(wǎng)站建設(shè)">網(wǎng)站建設(shè)策略:
使你的網(wǎng)站適合移動設(shè)備的方法很多,而且搜索引擎也支持不同的實現(xiàn)方式:
適應(yīng)性設(shè)計43(推薦)
即時內(nèi)容44。
獨立網(wǎng)址45。
當(dāng)你完成了一個適合移動設(shè)備的站點創(chuàng)建,你可以通過搜索引擎的移動設(shè)備適應(yīng)性測試46來檢查你的站點上的網(wǎng)頁是否滿足在搜索引擎搜索結(jié)果頁面上標(biāo)記為“適合移動設(shè)備”的條件。你也可以看一下SearchConsole的“移動設(shè)備易用性”報告47,它修正了一些問題,這些問題會影響你的網(wǎng)站在移動設(shè)備上的易用性。
假如你的網(wǎng)站有很多靜態(tài)內(nèi)容(比如博文或者商品登陸頁面),那么考慮使用AMP48(AcceleratedMobilePages)來實現(xiàn)這些靜態(tài)內(nèi)容。AMP是一種特殊的HTML,它保證了你的站點保持快速和方便的用戶使用,并且可以通過各種平臺(包括搜索引擎搜索)得到進(jìn)一步的加速。
將移動網(wǎng)站配置為精確地對其進(jìn)行索引。
不管你選擇什么配置來設(shè)置你的移動站點,你都要注意以下幾點:
若你使用動態(tài)提供內(nèi)容,或當(dāng)網(wǎng)頁采用適合移動設(shè)備的格式時,如果你擁有獨立的移動網(wǎng)站(或當(dāng)網(wǎng)頁使用適合移動設(shè)備的格式時),請告訴搜索引擎。這樣可以幫助搜索引擎將內(nèi)容精確的提供給移動設(shè)備搜索用戶。
如果使用自適應(yīng)設(shè)計,那么可以使用metaname="viewport"標(biāo)簽來告訴瀏覽器如何調(diào)整內(nèi)容。在使用動態(tài)提供內(nèi)容的情況下,使用VaryHTTP頭,根據(jù)用戶代理程序指示所做的更改。若使用獨立網(wǎng)址,則使用帶有rel='canonical'和rel='alternate'元素的標(biāo)記來表示兩個網(wǎng)址之間的關(guān)系。
保證資源的可獲取性。封鎖網(wǎng)頁資源會使搜索引擎無法全面地了解你的網(wǎng)站。這通常發(fā)生在robots.txt文件阻止訪問部分或全部網(wǎng)頁資源時。假如搜索引擎bot不能訪問某個網(wǎng)頁的資源(比如CSS,JavaScript,或者圖片),那么我們就不能檢測到這個網(wǎng)頁是為在移動設(shè)備上正常顯示和運行而構(gòu)建的。這就是說,我們可能不能檢測到這是一個“適合移動設(shè)備的”網(wǎng)頁,因此不能以合適的方式將此網(wǎng)頁提供給移動設(shè)備的搜索用戶。
不要犯一些會影響移動設(shè)備訪問者使用體驗的常見錯誤,如存在不能播放的視頻(如將Flash視頻作為重要網(wǎng)頁)。
若手機(jī)網(wǎng)頁不能提供令人滿意的搜索體驗,則手機(jī)搜索結(jié)果的排名就會下降,或者出現(xiàn)在手機(jī)搜索結(jié)果中的警告信息。這種情況包括但不限于,移動設(shè)備上的全頁面插頁廣告49會影響用戶體驗。
提供所有設(shè)備上的所有功能。手機(jī)用戶想要網(wǎng)站在移動設(shè)備(如發(fā)表評論、瀏覽)和內(nèi)容上提供相同的功能。除文字內(nèi)容外,確保所有重要圖片和視頻都嵌入了手機(jī)版本,用戶可以通過手機(jī)設(shè)備訪問。對搜索引擎來說,所有結(jié)構(gòu)化數(shù)據(jù)和其他元數(shù)據(jù)(例如標(biāo)題、描述、鏈接元素和其他元標(biāo)簽)都可以在網(wǎng)頁的所有版本中使用。
保證手機(jī)網(wǎng)站上也有桌面版網(wǎng)站上的結(jié)構(gòu)化數(shù)據(jù),圖片,視頻和元數(shù)據(jù)。
三、網(wǎng)站性能實踐:
用手機(jī)適合性測試50測試你的手機(jī)版網(wǎng)頁,看搜索引擎是否認(rèn)為你的網(wǎng)站適合于在手機(jī)上瀏覽。
假如你的移動版網(wǎng)頁有一個獨立的網(wǎng)址,一定要測試一下移動版和桌面版的網(wǎng)址,以確保搜索引擎能夠識別和獲取相關(guān)的重定向。