欢迎访问向前网络工作室官方网站!我们专注于包头网站建设,包头网站优化,包头网站推广,包头做网站等相关服务!

咨询热线:14794781288
微信号
新闻中心News
包头网站建设制作设计_包头网站优化推广-向前网络工作室

搜索干货(上):页面如何设计才能提高用户体验?

本文作者:网站建设专家 | 时间:2021-01-21 21:34:55 | 点击:190次|打印本文|收藏 本文有1079个文字,大小约为5KB,预计阅读时间3分钟
2101
2021
一、落地页体验白皮书总览 百度搜索一直致力于提升搜索用户的浏览体验,营造健康的搜索生态。近几年百度搜索持续发布《 百度移动搜索落地页体验白皮书 》,全力以赴改进和迭代

原文标题:搜索干货(上):页面如何设计才能提高用户体验?

 

一、落地页体验白皮书总览

百度搜索一直致力于提升搜索用户的浏览体验,营造健康的搜索生态。近几年百度搜索持续发布《百度移动搜索落地页体验白皮书》,全力以赴改进和迭代搜索策略,坚决与低劣广告作战,与各位开发者共创健康优质的搜索服务。

《百度APP移动搜索落地页体验白皮书5.0》目前是搜索资源平台最新最全的落地页体验相关的官方指导文档,从信息获取、页面浏览、交互操作、服务规范四方面制订了更加明确、细致的规范要求,全方位提升移动搜索落地页体验。

接下来就跟着运营大师胡小鱼,一起全方位学习《百度APP移动搜索落地页体验白皮书5.0》的相关内容,快来一起上课啦!

1.png


二、页面信息获取

1、加载速度:页面首屏内容应在1秒内加载完成。

2、H5页面优化建议:

(1) 资源加载:

· 压缩或合并同类资源;

· 非首屏图片懒加载。


(2) 页面渲染:

· 将CSS样式写在头部样式表,减少由CSS文件网络请求造成的渲染阻塞;

· 对非文字元素(如图片,视频)指定大小。

3、智能小程序加载速度优化建议:

(1) 优化小程序包体积:减小包的体积可以减少包的下载时间。


(2)请求数据优化:涉及到关键数据的异步请求可以尽早的发出,越早准备好数据,就能越早的向视图层发送这些渲染用的数据。


(3)渐进式加载:提前加载页面的骨架,可以减少用户的白屏等待时长。


三、页面浏览规范

1、内容模块有明显区分

(1)页面主体内容与广告、相关推荐有明显区分。

2.png

△反面示例:正文与广告间隔不明显,用户体验不佳。


(2)翻页键、展开全文等功能键与广告之间需有明显间隔或分割线;避免干扰用户操作。

3.png

△正面示例:展开全文有文字标识,放置合理。

2、合理放置“展开全文”按钮:

(1)展开全文功能有明确的文字标识。

4.png

△反面示例:展开功能无文字标示,且与APP调起按钮距离过近,不符合要求。


(2)展开全文功能在全文中至多出现一次


(3)不可出现在落地页的首屏内容中。

5.png

△反面示例:展开全文功能放置在首屏。


(4)与其广告等其他内容模块需设置间隔距离。

3、字体间距适中

落地页的字体大小及文本间距的选择,不可明显过大过小,需适合手机用户阅读。页面主体内容的字号应不小于10pt,字体与行高的比率应大于1.4。

6.png

△左图为正面示例,页面字体适中,段落布局合理;右图为反面示例,字体过小。

4、机型适配

不同手机型号应做好页面适配,不影响用户的正常浏览使用;IOS全面屏手机底部横线不可遮挡页面的具体功能和内容。

7.png

△左图为正面示例:黑色横条没有遮挡页面内容;右图为反面示例:不适配IOS全面屏,底部黑色横条遮挡功能键。

5、严禁的广告内容

(1)严禁违禁低俗广告内容(包括但不限于色情、赌博、法律规范的违禁品及服务;)

8.png

△反面示例:赌博类广告,违反法律规范。


(2)严禁虚假诱导类广告内容,禁止使用“国家级”、“最高级”、“最佳”等用语,不能夸大效果、虚假承诺,诱导用户分享;

9.png

△反面示例:虚假广告。


(3)严禁广告内容侵犯国家尊严利益、泄露国家秘密、侵犯个人隐私。

10.png

△反面示例:上图广告内容侵犯个人肖像权,不合规规范。

6、严禁的广告样式

(1)悬浮广告

11.png

△页面设置悬浮广告,不符合要求。


(2)弹窗广告

12.png

△禁止设置弹窗广告


(3)遮屏广告

13.png

△禁止设置页面遮屏广告


(4)抖动/闪动广告

14.png

△反面示例:页面顶部设置闪动广告,不符合要求。


(5)轮播广告

15.png

△反面示例:底部轮播APP下载广告,不符合要求。


(6)广告自动播放

7、广告面积及位置

(1)顶部嵌入广告


首屏顶部允许嵌入不超过一屏面积10%的优质广告;广告位上有明确的【广告】字样标识;图片清晰、样式美观,视觉体验好,色彩与页面整体协调。

16.png

△顶部嵌入不超过一屏面积10%的图文样式广告。


(2)正文穿插广告


文章内容页或信息详情页中,从主体内容标题开始到正文内容结束前禁止插入任何广告,包括标题与正文之间;正文中;正文及功能键之间。

17.png

△反面示例:正文中穿插广告。


(4)首页、列表页广告


列表页与首页中,一屏的广告总面积必须小于1/3;广告内容视觉感知上不能与原生内容反差很大。

18.png

△左图为反面示例:广告面积过大;右图为正面示例:广告面积合理。

文章来源:百度搜索资源平台

Tag标签:网站优化教程

版权声明:本文为向前网络工作室,未经站长允许不得转载。

本文来源:https://www.0478g.com/wzseo/1819.html

我要咨询做网站
成功案例
微信扫一扫,手机观看精彩再继续
tags标签聚合
最新内容推荐
热点内容推荐
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 14794781288
    14794781288
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交,将获得某某网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线14794781288
合作意向表
您需要的服务
您最关注的地方
预算
  • 看不清?点击更换

直接咨询