内頁Banner背景圖
創絡講堂
白(bái)色波浪圖形
灰色波浪圖形 灰色波浪圖形
白(bái)色波浪圖形 白(bái)色波浪圖形
白(bái)色波浪圖形 白(bái)色波浪圖形
白(bái)色波浪圖形 白(bái)色波浪圖形
本文于2017-07-26最後更新,距今已超過1年(nián),如(rú)不符合現在的實際情況,可(kě)聯系創絡客服獲取幫助或查閱近期文章(zhāng)。

MIP發布已經1年(nián)左右了,時不時會去(qù)留意一下它的動态、更新進度等等,終于在它1歲前後,我們等不下去(qù)了,就(jiù)算有一點點不如(rú)人(rén)意的地方,我們也打算忍受過去(qù)。于是,就(jiù)有了松崗網站(zhàn)建設(标準網站(zhàn)演示版)這個網站(zhàn),由于我們開發的網站(zhàn)主要面向的客戶很多,爲了兼容性,我們這次的MIP初探隻實施在了手機(jī)版網站(zhàn)上面,歡迎各位浏覽該網站(zhàn)的手機(jī)版體(tǐ)驗(二維碼附本文末尾)。接下來(lái),我們将分(fēn)享用MIP标準做網站(zhàn)應該注意的哪些事(shì)項?

MIP本意是幫助移動端網站(zhàn)實現速度提升,想讓網站(zhàn)内容以最快(kuài)的速度呈現在用戶的手機(jī)屏幕上,因此,MIP禁用了一切自(zì)定義JS,甚至表單中常見(jiàn)的下拉框也不允許使用,更多不可(kě)用的标簽請(qǐng)參考MIP官方網站(zhàn)。經過這次的實際操作(zuò),我們發現,就(jiù)目前來(lái)說(shuō),交互性比較強的網站(zhàn)還(hái)不是很适合使用MIP,但(dàn)是一些功能比較簡單的企業網站(zhàn)倒是可(kě)以嘗試改變,因爲百度官方說(shuō)明,針對移動MIP站(zhàn)點會給予一定程度上的優待,也會在搜索結果頁中增加閃電圖标。

需要注意的地方:超級鏈接标簽

除了MIP官方聲明的标簽之外,需要我們特别注意的地方是超級鏈接a标簽,要求注明data-type,而我們經常在更新網站(zhàn)的時候并沒有這一個屬性,因此,在後台更新新聞等文章(zhāng)時,如(rú)果有超級鏈接,則需要注意切換到代碼模式手動添加。同時,MIP要求a标簽對應的鏈接地址爲絕對路(lù)徑,也就(jiù)是說(shuō)需要以http或者https開頭,不能寫相(xiàng)對地址或者一個斜杠。

需要注意的地方:圖片标簽

同樣的,我們在正常情況下在後台上傳的圖片不會帶有MIP所要求的屬性,因此,就(jiù)需要我們代碼模式下來(lái)手動修改,否則,會導緻MIP驗證不通過,這就(jiù)要求我們的網站(zhàn)管理(lǐ)員(yuán)需要具備一定的HTML基礎知識。創絡在演示網站(zhàn)中采用了正則匹配的方法,直接在程序中做了處理(lǐ),可(kě)以在很大(dà)程度上處理(lǐ)好這個問(wèn)題,但(dàn)是由于是初次接觸,程序功能需要進一步觀察和升級完善。

需要注意的地方:特殊框架的頁面

框架上面的内容一般程序員(yuán)或者前端設計(jì)師(shī)會處理(lǐ)好,網站(zhàn)管理(lǐ)員(yuán)一般不用太過擔心,但(dàn)是,對于一些特殊框架的頁面,暫時還(hái)沒有很好的解決方案,例如(rú),上述演示網站(zhàn)中的來(lái)訪地圖和留言反饋兩個頁面,由于需要使用js和其他(tā)MIP不允許的元素,這兩個頁面直接放(fàng)棄了成爲MIP頁面。那麽,當這2個頁面不符合MIP标準的時候,其他(tā)頁面中鏈接過來(lái)的超級鏈接,則不應該注明data-type。

更多需要注意的事(shì)項我們将在後期更加深入使用後繼續更新,同時,演示網站(zhàn)經過優化和時間的考驗之後,将逐步推進至客戶的手機(jī)版網站(zhàn)中,敬請(qǐng)期待體(tǐ)驗MIP帶來(lái)的不一樣的效果吧(ba)!

上一條 返回目錄 下一條
更多閱讀(dú)選擇
相(xiàng)關文章(zhāng)
我們推薦了一些您可(kě)能也會感興趣的文章(zhāng)
客服電話(huà)
  • 0755-23698839
  • 134-1757-3710
  • 132-6576-8769
創絡建站(zhàn)客服二維碼
不出售過期域名
微信咨詢