百度 MIP 落地页改造，mip-img 图片必须添加 popup 属性可放大缩小
- 时间:
- 浏览:2710
- 来源:无双科技
前不久百度发布了最新的《百度移动搜索落地页体验白皮书 4.0》，还没有来得及仔细的阅读，这不就收到整改提醒的消息了，可以说百度还算挺人性化的了，不过前提是需要经常关注消息提醒，而且如果不进入用户中心是没法看到的，这点体验显得非常的不尽人意。
MIP 站白皮书 4.0 中对图片页的要求为：
详情页中主体内容包括图片的情况下，图片应能点击调起大图、缩小放大功能使用自如，手势支持顺滑，图集能自由切换。
百度 MIP 规范对原有网页 img 标签进行了重新的定义，需要使用 mip-img 用来支持在 mip 中增加的图片内容。对于将已有的页面改造引入 MIP 就必须将原有的所有图片使用 mip-img 标签，而在改造的时候，我们可以通过直接替换原有 img 标签，但是对于我们已经写入数据库的文章内容，直接输出的时候图片依然是 img，也不可能把数据库图片标签替换为 mip-img，同时因为mip规范，style标签不允许出现 在行内标签，所以如果以前网站需要适应MIP规范的话就需要替换掉，图片换成 <mip-img></mip-img>这种格式所以最好的方式就是在输出内容的时候进行替换。
修改方法：在 中调起大图，只需加入 popup 属性即可。
其中的变化就只是在 mip-img 标签中加入一个加入 popup 属性即可，记住是详情页面，也就是内容页面的图片，文章配图或者图集之类的，而不是要你把网站 logo 图片或者列表页缩略图也加上加入 popup 属性，不要弄错了。
猜你喜欢
百度小程序性能优化的一些分享
几个月前，小程序的上屏时长3.1s～3.5s，白屏率达到1.2%以上，DAU得不到有效增长，用户体验不佳，基于此情况，小程序的性能优化已迫在眉睫参考官方的一些文档和其他同学分享
2021-08-18
网站PC移动端代码适配，添加代码适配标签对百度友好代码
移动端适配的方式有多种形式，比如通过规则适配、响应式、独立移动PC站等方式都可以实现PC移动端适配的效果，在百度资源平台都有相关设置；相关解析说明为：PC：PC站移动：有对应P
2021-07-14
百度小程序web浏览正常，但app浏览及真机浏览却加载不出来数据，显示错误：java.security
百度小程序在经历多次的提交始终无法通过，提示真机存在空白页面，无法通过审核，可以自己本地预览也都是正常的，在与客服沟通后发现原来是app预览空白页面导致。然后就是一直查问题，始
2021-07-13
域名备案对于百度收录很有帮助
原本域名是否备案与网站关联意义不是很大，只是在国内政策指导下，才要求域名进行备案，而且百度之前对网站是否备案也是可有可无，然后自百度今年2月份发通知以来以来的一系列动作，在清除
2021-07-11
添加百度小程序到底有没有效果
最近一段时间，百度又是大幅度的调整了算法，导致一大批靠虚假流量快排获取权重排名的站点被降权限流，大家就又开始研究起百度小程序了，群里很多朋友在6月中旬就把小程序给发布上线了。可
2021-07-05
