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