據統計,目前很多(duō)行業的(de)手機端流量比例已經達到60~80%。手機
網站建設已成爲企業網絡推廣布局的(de)重點項目。一個(gè)好的(de)移動端網站布局應該是簡潔明(míng)了(le)、風格獨特,這(zhè)樣有利于網站的(de)用(yòng)戶體驗度,增加用(yòng)戶的(de)好感度。
通(tōng)常來(lái)說,手機網站頁面不建議(yì)太長(cháng),文字内容也(yě)應該精簡,盡可(kě)能的(de)減少特效。對(duì)于手機網站而言,承載量是關鍵,一般站在體驗者得(de)角度建議(yì)寬是滿屏不要存在橫向滑動欄,高(gāo)度達到8~10個(gè)屏幕高(gāo)度就很合适!
在制作手機網站頁面的(de)時(shí)候,先确定一個(gè)安全寬度,然後把重要的(de)信息控制在适當的(de)寬度内,安全寬度與擴展區(qū)域讓頁面适應主流分(fēn)辨率,一般建議(yì)以自适應寬度100%或采用(yòng)常用(yòng)的(de)640寬度。
圖片有很強的(de)視覺效果,對(duì)于手機用(yòng)戶來(lái)說,如果一個(gè)頁面加載時(shí)間超過5秒,70%的(de)用(yòng)戶會選擇關閉網站,所以圖片要控制好大(dà)小,即使圖片分(fēn)辨率再大(dà),手機端的(de)屏幕寬度一般也(yě)不會超過640PX。
目前PC站與移動站配置方式主要有三種:跳轉适配、代碼适配、自适應。有條件的(de)情況下(xià),我們建議(yì)采用(yòng)自适應的(de)方式是搭建站點。這(zhè)樣可(kě)以做(zuò)到URL一緻,用(yòng)戶體驗更好。
跳轉适配是利用(yòng)單獨的(de)網址向每種設備提供不同的(de)代碼。這(zhè)種配置會嘗試檢測用(yòng)戶所使用(yòng)的(de)設備或ua,然後使用(yòng) HTTP 重定向和(hé) Vary HTTP 标頭重定向到相應的(de)頁面。
代碼适配是使用(yòng)相同的(de)網址(不考慮用(yòng)戶所使用(yòng)的(de)設備),但會根據服務器對(duì)用(yòng)戶所用(yòng)浏覽器的(de)了(le)解(ua),針對(duì)不同設備類型生成不同版本的(de) HTML。
自适應是通(tōng)過同一網址提供相同 HTML 代碼。不考慮用(yòng)戶所使用(yòng)的(de)設備(pc、平闆電腦(nǎo)、移動設備),但可(kě)以根據屏幕尺寸以不同方式呈現(即适應)顯示屏。
最後,手機網站上線前要針對(duì)多(duō)個(gè)浏覽器進行兼容性測試,常用(yòng)的(de)有UC、360、QQ、Safari、百度等浏覽器,避免網站在某些浏覽器上出現網頁變形、内容顯示不全的(de)情況。