WordPress自适应模板引入百度MIP

MIP是百度为了实现移动网页加速而开发出的一套应用于移动网页的开放性技术标准。它规范了MIP页面的HTML代码标准、JS运行环境及Cache页面缓存系统,通过引入这些专为MIP页面制定的标准及规范来实现网页在移动端页面的加速功能。MIP的HTML代码规范限制了某些不必要出现在移动端的HTML标签和扩展,同时使用MIP规范的JS加快了页面的移动端的渲染速度,提高页面加载速度,再配合MIP Cache缓存系统,达到网页加速收录,在移动端实现结构化展现等功能。使用MIP规范对于移动端网页的SEO好处来说是不言而喻的。
MIP(Mobile Instant Pages - 移动网页加速器)顾名思义,它仅针对于移动端网页,所以必须用一套专属于移动端的网页代码来引入MIP规范,这对于当前在WordPress中特别流行的各种自适应主题来说,却是非常不友好的。因为自适应主题只有一套模板,分别根据不同的客户端自行适应,假如修改了主题代码,虽然提高了在移动端的页面性能,但是一旦修改或限制了某些在PC端必须使用的标签后,在PC端的展现可能会出现不可预料的BUG。那么在不改变PC端页面,又想提高移动端页面体验的情况下,用户应如何引入百度MIP规范呢。来看如何操作吧。

使用一个新的域名

在云服务器商处解析一个新的域名如mip.localhost.com、m.localhost.com...,将此域名绑定到WordPress对应的网站根目录。
阿里云幸运券领取:点击这里

准备一套MIP主题模板

不管是用户自己编写一套MIP主题,或是从网上下载一款支持MIP的主题,总之,想要使用MIP规范,那么必须有一套MIP的主题模板。将MIP主题模板上传到Wordpress模板目录。

使用Domain Theme插件

此款插件可以让用户在WordPress后台设置绑定不同的域名,并可以对不同域名进行不同模板风格的绑定。

百度MIP

进入插件设置,正确填入移动端所绑定的域名,选择移动端对应的MIP模板,保存好之后访问移动端域名即可发现,移动端网页已经正确启用了MIP规范的主题。
到这里就正式引入了MIP规范了,引入MIP规范后的移动端网页能使用百度的更多功能,如官方号引入等功能,这些功能都需要在MIP主题内对文件进行一些改造。
更多资讯,请关注www.52aite.cn

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,209评论 25 709
  • 为解决移动时代H5网站单一的流量+广告变现模式,与用户转化渠道缺失问题,百度搜索团队持续探索新模式,推出官方号功能...
    几个法师阅读 3,093评论 0 1
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,196评论 4 61
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,337评论 19 139
  • 白色的门,向我们敞开 敞开红色地毯般的故乡 潮湿发霉的季节面对着 自杀者的女儿千疮百孔 从此多了一句情话 多了一个...
    唐啵儿阅读 1,105评论 0 1