《百度移动搜索落地页体验白皮书4.0》的升级点
昨天，百度搜索正式上线发布《》，与《》相比，《》在页面流畅性、页面浏览体验，资源易用性等方面都有了更全面、更明确的规范。
本次专题解读学习是对照着百度官方的白皮书来进行的。大家可以去对照着 《》的全文学习。这里大家跟着我一起对照，相信也能了解很多。接下来就带大家一起看看这次升级的重要内容：
一、页面流畅性
首先，我们先从页面流畅性来看一下有哪些升级点：
1、页面加载速度
页面加载速度的标准由原先的“页面整体加载速度小于3秒”，升级为“页面首屏加载速度小于等于1.5秒”
《》文中提到：首屏加载应在1.5秒内完成。
据研究，一个网页如果超过了3秒还打不开，很多人就会选择放弃这个页面。特别是现在网速提速了，大家的网络环境都越来越好，一个网页打不开，多半已经不是网速的原因了，是网站自身的原因。所以站长一定要检查落地页的速度，在排查了服务器原因后，注意一些细节问题，比如压缩首页的图片，资源加载的优先级等等，CSS放在前面，一些复杂的JS放在后面加载。
2、页面加载动效
不论一跳或是多跳的页面均应有加载动效及预加载。
示例：
负面case：无加载动效且加载缓慢
这个涉及到JS特效。目前mip的JS组件感觉并没有这么炫酷。速度倒是挺快的，效果并没有拉风的效果。
二、页面浏览体验
关于页面浏览体验方面，我们就从页面广告来说一说：
1、主体内容结束前不能放置任何形式的广告
文章内容页或信息详情页，从页面顶端到正文内容结束前，禁止插入任何形式的广告。注：文章下方的评论、分享、推荐等不算作正文内容，翻页功能区算作正文。
负面case1：页面顶部（标题上方）嵌入广告
负面case2：标题后正文前嵌入广告
负面case3：正文中穿插广告
值得注意的是底下这个小要求：
（1）、首屏主体内容必须占屏幕的50%以上。就是说首页打开后，不能全是导航啊，轮播图啊这种，顶多只能占一半。
（2）、主体内容应与其他板块有明显区分，且位于屏幕中心，使用户获取信息时不受干扰。（意思是正文放中间）
（3）、导航的功能与位置明确，避免用户在使用过程中被误导。（这个不解读了，看字面意思就很好）
（4）、网站还应避免其他影响页面内容辨识的情况，例如页面出现大面积空白、文本无任何排版、段落/图片排版错乱不整齐、主体内容展示不全等。（总体还是讲页面的排版布局要好，这就是考验CSS 的时候了）
（5）、移动端适配。正如白皮书的标题所写的一样，移动搜索落地页，所以必须移动页，如果是PC站点，那么要做对应的移动站点自适应改造。
2、落地页广告规范
这段的意思就是把广告放在正文后面，会给你的页面加分。
而禁止的广告类型有：悬浮广告、弹窗广告、遮屏广告
这里有一些经典的负面例子，包括底部悬浮，顶部悬浮，还有右侧的小红包悬浮，都不行。
还有弹窗，遮屏广告也不行（这两个有点像，弹出来一般都是大面积的，遮住了屏）。
（1）、广告重叠
误点击对用户来说感受极差，请不要让广告与功能按钮过于接近甚至重叠。（意思是广告和页面功能键挨得很近，很容易误点，或者就是故意这样，让你点广告的，这样也是不行的，不符合百度落地页4.0规范）
前方高能预警，全部都是关于规范广告的：
（2）、抖动或轮播广告
广告不能抖动或轮播，面积和位置要固定。
（3）、自动播放广告
广告不能自动播放，干扰用户的视线。
（4）、广告位置以及面积
无论任何性质的移动页面，用户都不希望看到太多广告。
既不能抖动轮播，又不能自动播放。上面那句话经典，“无论任何性质的移动页面，用户都不希望看到太多广告。”懂了么？意思就是对这个规范而言，广告越少越好。
三、资源易用性
主要是功能按钮，比如不能抖动，诱导，而且功能要和文字对应等等。
然后是评论功能了。
其中有一句最关键：“若评论编辑框在页面中直接展现，则应保证评论的编辑、发送功能在当前页可用。”意思就是如果看到了评论框，这个评论框在当前页面就应该可用，而且评论完以后不用跳转。
后来百度搜索资源平台还专门出了一篇文章，讲解了其中的规范，像很多站点都在用的畅言被当做了反面教材。
因为畅言评论点击会跳转出当前页，这样不符合规范。考虑到很多站点的评论系统都用的是畅言，希望畅言能在这一点上改进。
通用功能：
1、评论功能可用
若评论编辑框在页面中直接展现，则应保证评论的编辑、发送功能在当前页可用。
负面case：评论编辑框在当前页无法编辑
2、展开全文功能
展开全文的功能按钮需具有文字标示，且功能可用；展开全文按钮最多只能出现一次，但不可出现在落地页的首屏内容中（列表页除外）；展开功能按钮附近不能有干扰用户操作的引导内容。
注意：
（1）、以优化用户浏览体验为目的的隐藏功能是合理的。
例：百科/剧情介绍等，分段较多，内容隐藏可以认为合理。
（2）、问答类内容若隐藏后不影响用户阅读理解，则认为隐藏合理。
（3）、文章类内容需按规范考察主体内容是否被恶意隐藏
负面case1：展开功能无文字标示，且与APP调起按钮距离过近
负面case2：展开按钮在首屏
3、操作路径简洁
用户应可以直达目标页面和功能，操作简洁，没有阻碍。
如：选择感兴趣的商品，先到达商品详情页，还需要再次点击才可到达购买页，这种造成用户多余操作的情况是不允许出现的。
错误：选择感兴趣的商品——>商品详情页（多余操作）——>商品详情页，可下单购买
正确：选择感兴趣的商品——>商品详情页，可直接点击购买
负面case：购买路径繁琐
4、图片标准
这个主要指图片缩放自如。
详情页中主体内容包括图片的情况下，图片应能点击调起大图、缩小放大功能使用自如，手势支持顺滑，图集能自由切换。
5、音视频标准
（1）、音视频进度条可拖拽
负面case：进度条无法拖动
（2）、资源应可以全屏播放；竖屏视频在全屏播放时，应保持竖屏模式的全屏播放。
（3）、音乐资源播放页，歌词需要与歌曲有映射关系，并保持同步。
好了，以上是《》的重点升级点，如果想了解更多内容，欢迎访问搜索学院查看《》。
如有疑问，还请通过反馈中心向我们进行反馈。
平常看到这个百度移动搜索落地页体验白皮书，也就是粗略的看一眼，今天这么一细读，发现还需要整改的地方很多，我感觉自己还是有很多收获的。希望以后能变得更好，和百度这个搜索标准一起成长。