您现在的位置是:

百度移动搜索落地页体验白皮书4.0-自我学习对照

Jkay 10-25 18:52:17 808

这个题图非常好,一个小姑娘拿着书仔细读。

白皮书4.0专题解读链接,官方持续更新https://zy.baidu.com/actxzh/mobile?isResponsible=1

本次专题解读学习是对照着百度官方的白皮书来进行的。附上 《百度移动搜索落地页体验白皮书4.0》的全文链接, https://ziyuan.baidu.com/college/documentinfo?id=2492

这里大家跟着我一起对照,相信也能了解很多。

这篇白皮书最近的更新日期是 2018-08-15,开头交代了3.0是 2018年初推出的。前面的一些名词介绍我们就省略了,直接往下看正文。

1.首先的要求是页面加载速度。首屏加载应在1.5秒内完成。

据研究,一个网页如果超过了3秒还打不开,很多人就会选择放弃这个页面。特别是现在网速提速了,大家的网络环境都越来越好,一个网页打不开,多半已经不是网速的原因了,是网站自身的原因。所以站长一定要检查落地页的速度,在排查了服务器原因后,注意一些细节问题,比如压缩首页图片,资源加载的优先级等等,CSS放在前面,一些复杂的JS放在后面加载。

2.这边还特地要求了页面加载动态效果。这个涉及到JS特效。目前mip的JS组件感觉并没有这么炫酷。速度倒是挺快的,效果并没有拉风的效果。

3.页面浏览体验

排版布局应适合手机阅读。白皮书里有一些负面例子的样图,这里就不一一贴出了。

值得注意的是底下这个小要求:

3.2.1.2 首屏主体内容必须占屏幕的50%以上。

就是说首页打开后,不能全是导航啊,轮播图啊这种,顶多只能占一半。

3.2.1.3 主体内容应与其他板块有明显区分,且位于屏幕中心,使用户获取信息时不受干扰。(意思是正文放中间)

 

3.2.1.4 导航的功能与位置明确,避免用户在使用过程中被误导。(这个不解读了,看字面意思就很好)

 

3.2.1.5  网站还应避免其他影响页面内容辨识的情况,例如页面出现大面积空白、文本无任何排版、段落/图片排版错乱不整齐、主体内容展示不全等。(总体还是讲页面的排版布局要好,这就是考验CSS 的时候了)

3.2.2 移动端适配

正如白皮书的标题所写的一样,移动搜索落地页,所以必须移动页,如果是PC站点,那么要做对应的移动站点自适应改造。

4.然后是落地页广告规范

这段的意思就是把广告放在正文后面,会给你的页面加分。

而禁止的广告类型有:悬浮广告、弹窗广告、遮屏广告

这里有一些经典的负面例子,包括底部悬浮,顶部悬浮,还有右侧的小红包悬浮,都不行。

还有弹窗,遮屏广告也不行(这两个有点像,弹出来一般都是大面积的,遮住了屏)。

3.2.3.1.2广告重叠

误点击对用户来说感受极差,请不要让广告与功能按钮过于接近甚至重叠。(意思是广告和页面功能键挨得很近,很容易误点,或者就是故意这样,让你点广告的,这样也是不行的,不符合百度落地页4.0规范)

前方高能预警,全部都是关于规范广告的:

3.2.3.1.3 抖动或轮播广告

广告不能抖动或轮播,面积和位置要固定。

3.2.3.1.4 自动播放广告

广告不能自动播放,干扰用户的视线。

3.2.3.2  广告位置以及面积

无论任何性质的移动页面,用户都不希望看到太多广告。

既不能抖动轮播,又不能自动播放。上面那句话经典,“无论任何性质的移动页面,用户都不希望看到太多广告。”懂了么?意思就是对这个规范而言,广告越少越好。

这还没完,下面还有:

3.2.3.2.1   文章内容页或信息详情页,从页面顶端到正文内容结束前,禁止插入任何形式的广告。

正文禁止插入广告。

这里不得不提到广告联盟里的信息流广告,就是插入到正文里的。所以如果接广告的话,自己定好广告位,不要让广告投放商在你还好不容易写的正文里插播广告,这样很影响阅读体验。

说到这里,其实要表扬一下手机百度的信息正文页,虽然文章看完后底下很多广告,但是在正文里,确实是属于百家号作者的舞台。

3.2.3.3     广告内容

落地页体验除了在广告样式、广告位置以及面积大小的要求外,还会考虑广告内容体验。如果广告内容给用户带来干扰,不管广告面积和位置是否符合规范,都会成为被打击的对象。

后面接着特别强调了:“严禁低俗违禁内容”。

意思是广告内容页很重要。吓得我赶紧登陆了谷歌广告的后台,把这些敏感类型的广告全屏蔽了。

上面的,全是敏感类的,都已屏蔽,避免在我的网站上出现。

严禁虚假广告,提倡优质的视频贴片广告(贴片广告就是指穿插在视频前面,中间或者后面的视频广告)。

3.3. 资源易用性

主要是功能按钮,比如不能抖动,诱导,而且功能要和文字对应等等。

然后是评论功能了。

其中有一句最关键,“若评论编辑框在页面中直接展现,则应保证评论的编辑、发送功能在当前页可用。”意思就是如果看到了评论框,这个评论框在当前页面就应该可用,而且评论完以后不用跳转。

后来百度搜索资源平台还专门出了一篇文章,讲解了其中的规范,像很多站点都在用的畅言被当做了反面教材。


因为畅言评论点击会跳转出当前页,这样不符合规范。考虑到很多站点的评论系统都用的是畅言,希望畅言能在这一点上改进。

然后是咨询类的按钮和窗口。

3.3.1.3咨询类按钮当前页只能出现一次,且位置不允许出现在顶部,面积不应过大避免干扰用户浏览;在用户未主动点击的情况下,咨询的对话窗口不可自动弹出。

其实我感觉这个白皮书4.0主要是针对的是很多民营医疗类网站,这上面提到的一些负面案例几乎全是现在的医院类网站在用的,像底部弹出的咨询类的对话窗口,什么抖动的对话键,时不时弹出的占了半个屏幕的商务通弹窗,全中招了。

然后就是展开全文的功能按钮。


说到这里我不禁想,这是百度给出的反面案例:

理由是 :上图里这个页面,展开功能无文字标示,且与APP调起按钮距离过近。

但这个页面是不是越看越熟悉?猜对了,如果你在搜索里搜到了百度百家号的文章,你会看到同样的类似的这样的页面。诱导你进入百度APP,如果你手机上没有,那就是下载页了。


为什么上面的就被当成反面案例,下面的百度的自己的却这么用呢?

这个按钮在其他浏览器上的百家号文章页面里,一共会出现三次,除了刚刚那次,中间一次是打开百度APP查看更多资讯,最下面一次是打开百度APP发表评论。右边还一直悬浮着去百度APP听的悬浮窗。百度为了推广百度APP真的是不惜余力。不过话又说回来,百度APP还是挺不错的,想看百家号的文章,就应该在百度APP上看。

好了,接着自我学习对照。

展开全文功能按钮不能出现在首屏。所以一般用在正文页。首屏就不要折叠了。

然后是

3.3.1.4.2 用户应可以直达目标页面和功能,操作简洁,没有阻碍。(意思是比如买东西,点击了商品,就应该直接跳转到下单页。能 A→B 的就不要 A→C→B,多此一举)

下面讲到APP调起的规范了。




3.3.2 禁止任何形式的APP自动调起

解读里这一句最关键:

“百度移动搜索为了降低用户获取内容的成本,要求凡可在H5端观看、操作的内容及功能,均不可引导甚至强制用户下载APP来解决。”

负面案例里有

负面案例1:落地页自动调起APP下载(一进去就是一个让你下载APP,确实不太友好)

负面案例2:点击评论等功能强制打开APP (和刚刚讲到的评论可以对照着看,所以说设置了评论区域就应该能评论,不能再需要另外下APP)

负面案例3:用户需要查看电话,强制下载APP(批评58同城这种)

而允许的APP调起方式呢,有以下几种:

比如熊掌号的主页宣传位,图标菜单位,轮播广告位和后台的回复里带上下载链接,都是允许的。

百度的这个结语写的不错:

所谓“心急吃不了热豆腐”,简单粗暴的APP调起早已不合时宜。在满足用户需求,获得用户好感的情况下寻求的转化才是最有效的转化。

余下的就是一些其他的规范了,比如音频播放:

3.3.3 音视频资源标准

3.3.3.1  音频、视频资源播放时,进度条应可被拖拽。

视频播放:

3.3.3.2  视频资源应可以全屏播放;竖屏视频在全屏播放时,应保持竖屏模式的全屏播放。

3.3.3.3 视频不可出现抖动、颤抖、卡顿多次的情况,避免伤害用户体验。

3.3.3.4 音乐资源播放页,歌词需要与歌曲有映射关系,保持同步。

还有一个 3.3.4 图片页资源标准

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

这个本站用的mipcms,点击图片就能放大,但是图集切换还做的不好。我对比了一下百度APP里看百家号的文章,是可以实现上面的要求的,缩小放大功能使用自如,还可以切换图集。有一说一,有二说二,这点给百度APP点赞。

写到这里,白皮书4.0 就进入了尾声。我的这篇自我学习对照也就此和大家说再见了,感谢一起学习。我感觉自己还是有很多收获的。平常看到这个白皮书4.0,也就是粗略的看一眼,今天这么一细读,发现还需要整改的地方很多。希望以后能变得更好,和百度这个搜索标准一起成长。感谢阅读!

关注我

公众号: 清单自由

ID名: free10s

一个干净的公众号

分享能分享的一切

期待你的关注~

本栏推荐

  • 站长LOGO是个啥?喜提站长LOGO资格,心花怒放

    今天打开搜索资源平台的后台,点到站点属性这里,突然发现我多了一个站点LOGO的资格,一瞬间心花怒放。这个站点LOGO之前一直听大...

  • 最好看的网站字体排版是啥样?

    原谅我做了标题党,其实我也在探究这个问题,谁要是找到了答案,请一定也告诉我。下文是我的一些探索和收获。每文一图:本篇搜索词-图库...

  • 销售技巧-如何陌生拜访

    这篇文章是一位好朋友的原创供稿,放在百家号后台里有三千多字,就想拆分成三篇。因为我看很多百家作者的篇幅字数都是800多,900多...

  • 步子太大容易扯着蛋啊

    正如步子太大容易扯着蛋一样,定的目标太大容易让人不想触碰。我把单词定为100个每天,直接app都不想打开了。因为如果定为100个...

最新文章