百度 MIP 落地页改造,mip-img 图片必须添加 popup 属性可放大缩小

前不久百度发布了最新的《百度移动搜索落地页体验白皮书 4.0》,还没有来得及仔细的阅读,这不就收到整改提醒的消息了,可以说百度还算挺人性化的了,不过前提是需要经常关注消息提醒,而且如果不进入用户中心是没法看到的,这点体验显得非常的不尽人意。

百度MIP落地页改造,mip-img图片属性修改,百度 MIP(mip-img)图片标签

MIP 站白皮书 4.0 中对图片页的要求为:

详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。


百度 MIP 规范对原有网页 img 标签进行了重新的定义,需要使用 mip-img 用来支持在 mip 中增加的图片内容。对于将已有的页面改造引入 MIP 就必须将原有的所有图片使用 mip-img 标签,而在改造的时候,我们可以通过直接替换原有 img 标签,但是对于我们已经写入数据库的文章内容,直接输出的时候图片依然是 img,也不可能把数据库图片标签替换为 mip-img,同时因为mip规范,style标签不允许出现 在行内标签,所以如果以前网站需要适应MIP规范的话就需要替换掉,图片换成 <mip-img></mip-img>这种格式所以最好的方式就是在输出内容的时候进行替换。

修改方法:在 中调起大图,只需加入 popup 属性即可。

百度MIP落地页改造,mip-img图片属性修改,百度 MIP(mip-img)图片标签

其中的变化就只是在 mip-img 标签中加入一个加入 popup 属性即可,记住是详情页面,也就是内容页面的图片,文章配图或者图集之类的,而不是要你把网站 logo 图片或者列表页缩略图也加上加入 popup 属性,不要弄错了。

猜你喜欢

网站PC移动端代码适配,添加代码适配标签对百度友好代码

网站PC移动端代码适配,添加代码适配标签对百度友好代码

移动端适配的方式有多种形式,比如通过规则适配、响应式、独立移动PC站等方式都可以实现PC移动端适配的效果,在百度资源平台都有相关设置;相关解析说明为:PC:PC站移动:有对应P

2021-07-14

百度小程序web浏览正常,但app浏览及真机浏览却加载不出来数据,显示错误:java.security

百度小程序web浏览正常,但app浏览及真机浏览却加载不出来数据,显示错误:java.security

百度小程序在经历多次的提交始终无法通过,提示真机存在空白页面,无法通过审核,可以自己本地预览也都是正常的,在与客服沟通后发现原来是app预览空白页面导致。然后就是一直查问题,始

2021-07-13

域名备案对于百度收录很有帮助

域名备案对于百度收录很有帮助

原本域名是否备案与网站关联意义不是很大,只是在国内政策指导下,才要求域名进行备案,而且百度之前对网站是否备案也是可有可无,然后自百度今年2月份发通知以来以来的一系列动作,在清除

2021-07-11

网站备案ICP备案搜索引擎排名网页收录

添加百度小程序到底有没有效果

添加百度小程序到底有没有效果

最近一段时间,百度又是大幅度的调整了算法,导致一大批靠虚假流量快排获取权重排名的站点被降权限流,大家就又开始研究起百度小程序了,群里很多朋友在6月中旬就把小程序给发布上线了。可

2021-07-05

百度小程序

请求百度开发平台接口报错解决方案,282004 invalid parameter(s) 及

请求百度开发平台接口报错解决方案,282004 invalid parameter(s) 及'error_code': 282131 'error_msg': 'input text too long'

因为百度开发平台返回的数据都为gbk编码,而json_decode只能转utf-8编码的数据;使用iconv()函数转为utf-8编码;{'error_code':282131

2020-08-07