在這移動互聯網時代，一個網站沒有適配上手機版，你會發明手時機見網站的時候是慘不忍睹的，而從數據上很大概也會讓你震驚，的兩個同是資訊網站，有適配手機版的網站手機流量占比77%，沒有適配手機版的網站手機流量占比僅為14%，本身都被這發明給震驚了。于是抓緊的補缺補漏，對接措施員開拓手機版，終于用了一個禮拜時間完成，前端展示結果還算滿足，對付流量數據上的孝敬期待后期的調查，下邊是對付這次網站手機版建造優化的履歷分享。

1.PC站和移動站設置方法的選擇

今朝PC站與移動站設置方法主要有三種：跳轉適配、代碼適配、自適應，跳轉適配通俗的講就是新建個手機網站，移動端會見pc網頁時能舉辦識別并跳轉到相應的手機版面，是今朝海內被利用最廣的設置方法，如常見的m.abc.com、wap.abc.com、等；代碼適配和自適應都是在原網址中給用戶揭示手機版面，個中代碼適配是識別差異的會見設備范例生成差異的html，而自適應是按照屏幕尺寸以差異方法舉辦泛起，html代碼是溝通的。這三者的建造難易水平別離是代碼適配 > 自適應 > 跳轉適配。

2.開拓前寫好需求方案

這跟PC端網站、版面的搭建是一樣的，移動端因為是近幾年跟著智妙手機的普及才空前成長起來的，可以說大部門業內人士照舊在實驗，為了提高開拓效率，這就需要跟措施員在開拓前舉辦成果、版面結果實現方法上的探討和確定，假如有個參考網站是最好的。

3.頁面內容友好度

頁面內容的友好度是對真實訪客和搜索引擎兩者的友好：

①頁面代碼簡捷、不冗余、要做頁面壓縮等；

②重要的內容要在html中以文本的可讀形式舉辦展示，而不要將這些內容放到搜索引擎不行讀js、圖片中；尤其是js，門第比小柯這次的手機版建造跟蹤進程中也是遇到這問題，因為需求提到要列表頁面無限加載，措施員直接就列表頁面文章直接用js挪用，還好實時發明做了調解。

③圖片尺寸能自適應，在差異屏幕尺寸舉辦很好的展示，而且要節制好圖片文件巨細。

④TDK標簽，小我私家認為這移動網站的標題、描寫和要害詞大部門環境下是可以跟PC端一致的，雖然因為移動設備的屏幕限制，為了更好的閱讀體驗，假如PC端標題過長可以舉辦適當的調解。

4.不絕的測試、完善

做過措施開拓可能跟蹤的，相信城市知道其實后期的措施測試和完善都是最花時間的。而網站手機版的測試除了對差異頁面和成果實現舉辦測試，還需要用差異手機尺寸、手機系統、差異的手機欣賞器和差異設備舉辦測試，安卓、ios、UC欣賞器、百度欣賞器、微信內置欣賞器、智妙手機、平板電腦等。最重要的一點，措施修善所有的需求后，必然要所有頁面和揭示設備再全面測試一遍。

5.移動端url適配

首先需要實現移動設備會見PC頁面舉辦自動跳轉，然后再去各大搜索引擎站長平臺舉辦移動端適配url提交。