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

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