MIP發布已經1年左右了,時不時會去留意一下它的動態、更新進度等等,終于在它1歲前后,我們等不下去了,就算有一點點不如人意的地方,我們也打算忍受過去。于是,就有了松崗網站建設(標準網站演示版)這個網站,由于我們開發的網站主要面向的客戶很多,為了兼容性,我們這次的MIP初探只實施在了手機版網站上面,歡迎各位瀏覽該網站的手機版體驗(二維碼附本文末尾)。接下來,我們將分享用MIP標準做網站應該注意的哪些事項?
MIP本意是幫助移動端網站實現速度提升,想讓網站內容以最快的速度呈現在用戶的手機屏幕上,因此,MIP禁用了一切自定義JS,甚至表單中常見的下拉框也不允許使用,更多不可用的標簽請參考MIP官方網站。經過這次的實際操作,我們發現,就目前來說,交互性比較強的網站還不是很適合使用MIP,但是一些功能比較簡單的企業網站倒是可以嘗試改變,因為百度官方說明,針對移動MIP站點會給予一定程度上的優待,也會在搜索結果頁中增加閃電圖標。
需要注意的地方:超級鏈接標簽
除了MIP官方聲明的標簽之外,需要我們特別注意的地方是超級鏈接a標簽,要求注明data-type,而我們經常在更新網站的時候并沒有這一個屬性,因此,在后臺更新新聞等文章時,如果有超級鏈接,則需要注意切換到代碼模式手動添加。同時,MIP要求a標簽對應的鏈接地址為絕對路徑,也就是說需要以http或者https開頭,不能寫相對地址或者一個斜杠。
需要注意的地方:圖片標簽
同樣的,我們在正常情況下在后臺上傳的圖片不會帶有MIP所要求的屬性,因此,就需要我們代碼模式下來手動修改,否則,會導致MIP驗證不通過,這就要求我們的網站管理員需要具備一定的HTML基礎知識。創絡在演示網站中采用了正則匹配的方法,直接在程序中做了處理,可以在很大程度上處理好這個問題,但是由于是初次接觸,程序功能需要進一步觀察和升級完善。
需要注意的地方:特殊框架的頁面
框架上面的內容一般程序員或者前端設計師會處理好,網站管理員一般不用太過擔心,但是,對于一些特殊框架的頁面,暫時還沒有很好的解決方案,例如,上述演示網站中的來訪地圖和留言反饋兩個頁面,由于需要使用js和其他MIP不允許的元素,這兩個頁面直接放棄了成為MIP頁面。那么,當這2個頁面不符合MIP標準的時候,其他頁面中鏈接過來的超級鏈接,則不應該注明data-type。
更多需要注意的事項我們將在后期更加深入使用后繼續更新,同時,演示網站經過優化和時間的考驗之后,將逐步推進至客戶的手機版網站中,敬請期待體驗MIP帶來的不一樣的效果吧!