網(wǎng)站移動(dòng)化勢在必行。自百度站長平臺中推出的移動(dòng)適配關(guān)系后,一直鼓勵(lì)站點(diǎn)做好移動(dòng)適配。做好網(wǎng)站移動(dòng)適配關(guān)系,一方面加強(qiáng)移動(dòng)網(wǎng)站與搜索引擎的友好結(jié)合,另一方面也可以加強(qiáng)網(wǎng)站在移動(dòng)搜索中的表現(xiàn)。目前較流量的PC站與移動(dòng)站配置方式有跳轉(zhuǎn)適配、代碼適配、自適應(yīng)三種方式,遠(yuǎn)策科技今天為大家詳解三種適配方式的特點(diǎn)、區(qū)別和辨認(rèn)方法。

1.跳轉(zhuǎn)適配
特點(diǎn):PC及移動(dòng)的站點(diǎn)URL不一致、網(wǎng)頁代碼不同
解釋:利用單獨(dú)的網(wǎng)址向每種設(shè)備提供不同的代碼。這種配置會嘗試檢測用戶所使用的設(shè)備或ua,然后使用 HTTP 重定向和 Vary HTTP 標(biāo)頭重定向到相應(yīng)的頁面。
辨認(rèn)方法:pc和移動(dòng)網(wǎng)址是不一樣的,一般都是使用m.的二級域名或者/m/的目錄。
2.代碼適配
特點(diǎn):PC及移動(dòng)的站點(diǎn)URL一致、網(wǎng)頁代碼不同
詳解:使用相同的網(wǎng)址(不考慮用戶所使用的設(shè)備),但會根據(jù)服務(wù)器對用戶所用瀏覽器的了解(ua),針對不同設(shè)備類型生成不同版本的 HTML。
辨認(rèn)方法:網(wǎng)址不變,根據(jù)終端設(shè)備UA進(jìn)行判斷,通過UA知道是移動(dòng)設(shè)備訪問,那么就會返回給你一個(gè)移動(dòng)端形式的網(wǎng)頁,反之會返回給一個(gè)pc端的網(wǎng)頁,而這兩種網(wǎng)頁的網(wǎng)頁代碼也是不同的。所以這種形式做移動(dòng)站,開發(fā)也是比較困難的。
3.自適應(yīng)
特點(diǎn):PC及移動(dòng)的站點(diǎn)URL一致、網(wǎng)頁代碼相同
詳解:通過同一網(wǎng)址提供相同 HTML 代碼。不考慮用戶所使用的設(shè)備(pc、平板電腦、移動(dòng)設(shè)備),但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)(即適應(yīng))顯示屏。
辨認(rèn)方法:網(wǎng)址不變,根據(jù)設(shè)備的瀏覽器尺寸進(jìn)行判斷,網(wǎng)站會根據(jù)你的流量器窗口的大小給你按照不同比例去展示內(nèi)容,比如你同樣是在PC上打開某一個(gè)網(wǎng)頁,當(dāng)你把瀏覽器窗口縮小時(shí),網(wǎng)站也會隨著你的窗口大小,進(jìn)行顯示內(nèi)容一樣而格局有所變化的網(wǎng)頁。代碼的一般情況都是HTML一樣,而css不一樣,有些時(shí)候在css里面會有media screen標(biāo)簽。