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

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