手機網站的制作與優化運營需要注意哪些事項?
編輯:小舟信息發布時間:2017-06-29手機網站制作包括了網站質量、對用戶友好度、對搜索引擎友好度等多方面的改進設計,使之更符合用戶的體驗,那么我們需要注意哪些事項呢?
1、移動端使用域名問題
如果將PC端域名與手機域名使用同一個域名。最好建設自適應式網站,這樣的好處是網站無論城何種設備達到比較好的分辨率和體驗,而且不需要額外的技術。百度搜索引擎對于移動站(俗稱手機站,簡稱M站或者wap站)的域名有自己的偏好!不推薦使用子目錄形式如:百度搜索引擎喜歡獨立的、短小的二級域名(簡潔的域名也可)。但卻不喜歡用子目錄做的M站,理由也很簡單,搜索引擎對 /m/ 這個目錄會感到疑惑:到底是PC站的一個子目錄,還是PC站相對應的M站呢?
2、前端開發語言
移動互聯網發展至今,前端開發語言經過歷次的更迭,目前主流仍在使用的用xml、xhtml、html5。
歷年來,移動web主要技術標準有:
WML——古典的移動web標準,使用WML
i-mode——小日本的標準,使用iHTML,我們可以忽略
OMA領導的xHTML mobile profile,使用xHTML
W3C領導的xHTML Basic,使用xHTML
以及所謂的Full Web,也就是普通的HTML——從iPhone開始流行起來
近年來比較流行HTML5,是html標準的最新版(在2014年10月正式發布),目前世界上主流瀏覽器最新版均以支持,同時,也是各站長平臺、瀏覽器廠商推薦的移動站點的前端語言標準。
3、根據手機特征設計網站
手機屏幕遠沒有PC的大,因而,無論是在版面設計上還是功能設計上,都需要更注重實操性。PC端的版式布局并不適合小屏幕的手機瀏覽及操作。在手機網站設計上,可以根據手機的實際操作情況來排版網站的欄目。
4、使用精簡的網頁設計
手機網站的版面小,因而在進行手機網頁設計時要盡量少使用陰影、漸變等復雜的設計手法,盡量采用簡潔大方的版面設計,目前一些潮流的設計方式能夠在手機網站上得到很好的體現,在手機網站設計中可以參考或使用。如以IOS為代表的扁平化設計是一個很好的例子。
手機網站優化與運營
1、applicable-device標注
用來向百度蜘蛛說明此url頁面適合在PC端還是M端展現。說白了,就是幫助百度提交校驗識別結果的正確性,減少百度蜘蛛把PC站當成M站,或者把M站當成PC站進行抓取。代碼放在<head></head>中間,規則和對應關系見下:
如果是PC站,代碼:<meta name="applicable-device"content="pc">
如果是M站,代碼:<meta name="applicable-device"content="mobile">$ C2 L, I8 X* w9 P2 c0 Z& M
如果是自適應或代碼適配,代碼:<meta name="applicable-device"content="pc,mobile">0 d3 x6 X8 l- l0 e
2、移動類型提交* t/ b3 D, m9 C$ v% `; b4 h
百度站在平臺的設置里,把網站分為了五類:PC站;有對應PC站的移動站;獨立移動站;自適應的站點;代碼適配的站點。根據站點實際情況進行設置,有利于百度蜘蛛在抓取頁面,以及搜索結果的排名(PC站和M站的搜索結果展現機制不一樣)
3、MIP引入
MIP(Mobile Instant Page - 移動網頁加速器),是一套應用于移動網頁的開放性技術標準。通過提供MIP-HTML規范、MIP-JS運行環境以及MIP-Cache頁面緩存系統,實現移動網頁加速。
MIP HTML 基于HTML中的基礎標簽制定了全新的規范,通過對一部分基礎標簽的使用限制或功能擴展,使HTML能夠展現更加豐富的內容;MIP JS 可以保證 MIP HTML 頁面的快速渲染;MIP Cache 用于實現MIP頁面的高速緩存,從而進一步提高頁面性能。