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

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