两周前子凡就已经谈过一次泪雪博客接入百度 MIP 的改造过程及吐槽,其中只是完成了代码自适应的百度 MIP 引入,发现效果并不是非常理想,并且会牺牲泪雪博客真正移动端页面的用户体验及效果,所以就又在研究更好的解决方案,那就是为百度 MIP 重新适配一个独立的域名,当然这就涉及到了许多对 WordPress 的二次开发了,比如多域名,多主题等等。

mipengine

为了给泪雪博客全面的做好百度 MIP 规范和适配,确实遇到了许多的问题,但是非常幸运的是都顺利的解决了,其实促使子凡做独立域名的 MIP 站点源自于一个购买 Fanly-MIP 的用户,是一个来自于百度站长平台的用户,这也是第一个购买 Fanly-MIP 主题的用户,更是冲着我对 MIP 的研究前来支持我的,交谈了一些,其中就包含 WordPress 做独立域名的 MIP 站点。

下面子凡就简单的分享一下泪雪博客基于 WordPress 单独适配百度 MIP 站点的过程吧!

一、独立域名绑定

如果要实现独立的 WordPress MIP 站点,首要的就是需要绑定多个域名,并且还需要 WordPress 根据不同域名的访问启用不同的 WordPress 主题模板。

解决这个问题非常简单,已经有国外大神写过这个插件(domain theme)了,使用 Fanly MIP Free 免费版的童学可以试试。

二、WordPress MIP 主题

既然要做的就是 MIP 站,所以 WordPress MIP 主题就是必须的了,因为就子凡的观察,目前除了子凡在泪雪博客发布的 Fanly MIP 免费版和收费版,应该还没有其它已经成形的 WordPress MIP 主题吧!

这里不得不说有很多人在期待着 WordPress MIP 插件,希望一个插件就把网站全面的引入百度 MIP 了,其实最开始子凡也这样想过,做一个 WordPress MIP 插件,感觉似乎有些过于繁琐,所以导致最后把泪雪博客的手机端主题改造成符合 MIP 规范的主题了,也就暂时放弃了做插件,当然不排除后面有其它大神写个 MIP 插件,感觉也挺不错的。期待着吧。

如果你想早日引入百度 MIP 和拥有在百度移动端的那个小闪电图标,那么子凡开发的 Fanly MIP 可能才是你目前的最佳选择吧,别说我是在打广告,怕花钱的子凡也提供有免费版的给你用。

三、其实还有很多细节和优化

你以为有个 MIP 主题,然后绑定个独立的域名就完成了?真的就那么简单?不,你想多了,还有很多细节需要你做的,比如:如何把你的 MIP 站提交给百度呢?这里就可能需要一个可以兼容深沉两个地图的插件了,然后就是网站的 robots.txt,因为你需要禁止其它搜索引擎抓取你的 MIP 站。

再例如我的泪雪博客,为了在不影响原来网站 PC 端与手机端完全兼容,独立一个 MIP 站出来就更需要做很多的兼容,比如要做好 UA 的切换和域名的判断切换等,所以子凡又花了两周的时间开发插件,实现了 WordPress 几乎完美的多域名多主题,多 UA 判断切换的功能。截止目前泪雪博客已经完全的引入百度 MIP,同时为了让泪雪博客分享的代码也兼容 MIP,所以还需要重新研究一个符合百度 MIP 规范的代码高亮插件,其实距离泪雪博客完美引入 MIP 还有一小步。

写在最后:这篇文章子凡从三周前就开始写了,但是为了实现更好的 WordPress 百度 MIP 解决方案,所以一再推迟,只是为了更好的展现出来。

补充:截止发文时泪雪博客已经全面符合百度 MIP 规范,包括内容页代码等等。如果大家测试发现有任何页面不符合规范,欢迎大家反馈。谢谢啦!

泪雪博客 MIP 演示效果:手机百度搜索“泪雪博客”,点击第一个有蓝色闪电标的搜索结果即可看到演示效果,欢迎大家参观体验,相关的 MIP 疑问也可以在泪雪博客留言我们一起讨论。

除非注明,否则均为泪雪博客原创文章,禁止任何形式转载

本文链接:https://zhangzifan.com/mip-blog.html

留言评论

登录 后留言