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

猜你喜欢

如何构建网站URL,使其更加百度搜索友好?

如何构建网站URL,使其更加百度搜索友好?

相当于搜索引擎而言,URL对于百度蜘蛛的抓取、索引、排名显得格外重要,合理的配置URL,往往使你的SEO工作,事半功倍,相反,则是事倍功半。根据以往SEO工作的经历,无双科技认

2019-11-18

怎么在百度快照前加一张图片,并且是自己的LOGO?

怎么在百度快照前加一张图片,并且是自己的LOGO?

做搜索引擎优化,只是网络营销的一部分,我们的网页是做给两个对象看的,一个是浏览者本身,一个是搜索引擎。而做优化就是做给搜索引擎看的,网页美工和内容就是做给网页浏览者看的,简单来

2019-09-19

直面惨白的竞争,如何降低百度竞价转化成本

直面惨白的竞争,如何降低百度竞价转化成本

自百度全力推自家的熊长号及百家号后,各路企业的网站排名及流量是一直下降,不见好转,各企业也是想尽了办法来引流。对于免费排名已经绝望了的站长突然发现,现在即使做竞价也很难有高质量

2019-08-20

百度一下,你就知道! 搜索引擎大致的架构与工作的流程

百度一下,你就知道! 搜索引擎大致的架构与工作的流程

百度一下,你就知道"。这句耳熟能详的话语背后,说的就是搜索引擎。除了从所周至的百度外,还有非常多的搜索引擎,尽管搜索引擎各式各样,但是他们的原理跟步骤都是差不多的,今天我们来简

2019-07-29

百度竞价推广之恶意点击

百度竞价推广之恶意点击

做竞价这么久,一直以来相信对于大多数SEM专员来说最痛恨的莫过于恶意点击,大多数还都是来自同行的恶意点击!虽然说做竞价,不论哪个平台,都免不了恶意点击,有统计70%以上的点击都

2019-07-10