百度 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 属性,不要弄错了。

猜你喜欢

请求百度开发平台接口报错解决方案,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

百度云、阿里云、开启CDN后,PHP获取用户真实IP的方法

百度云、阿里云、开启CDN后,PHP获取用户真实IP的方法

最近网站上CDN,但上CDN的同时,要获取到用户的真实IP地址。虽然网上有很多关于网站在CDN加速的情况下,PHP获取用户真实IP地址的方法,但总觉的不可靠,还是自己测试一下最

2020-08-06

当天24小时内蜘蛛抓取分析工具(百度、谷歌、360、搜狗、必应、神马、头条)

当天24小时内蜘蛛抓取分析工具(百度、谷歌、360、搜狗、必应、神马、头条)

蜘蛛爬行痕迹记录工具介绍: 后台可以查看各大搜索蜘蛛爬行的详细信息(最后来访时间,ip地址,被访地址),根据访问频率查看异常伪造蜘蛛进行屏蔽处理,减轻服务器压力。蜘蛛

2020-07-10

百度竞价搜索推广怎么找到ip和屏蔽

百度竞价搜索推广怎么找到ip和屏蔽

在正常推广的时候,经常会早到恶意点击,虽然百度有机制不算到计费系统内,但还是会给客服接待人员造成大量困扰,为减少推广的成本,可以屏蔽一些恶意的点击IP,是最理智的选择,不过在国

2020-07-01

华为云突发大面积崩溃 网友炸锅:快撑不住了,百度呢?

华为云突发大面积崩溃 网友炸锅:快撑不住了,百度呢?

4月10日消息,今天上午,大批网友在微博反馈,华为云崩了,出现登录异常、管理后台无法访问等情况。从网友晒图来看,不少使用云服务的后台都出现了“服务器暂时过载或处于维护中,请稍后

2020-04-10