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带来的不一样的效果吧!