搜索干货(一):如何设计才能提升网站页面的用户体验

如何设计才能提升网站页面的用户体验?百度搜索一直致力于提升搜索用户的浏览体验,营造健康的搜索生态,坚决与低劣广告作战,与各位开发者共创健康优质的搜索服务.

一、百度移动搜索落地页体验白皮书

在21世纪互联网时代,网站已是非常普遍,对于企业网络营销已是一种必不可少的工具,因此很多企业都设计建设了网站,那么网站如何设计才能帮助企业产品进行更好的推广呢?
根据《百度APP移动搜索落地页体验白皮书5.0》中指出,网页要进行更好的推广,必须是在不断满足用户体验基础上从信息获取、页面浏览、交互操作、服务规范等多个方面制订更明确、更细致的搜索规范要求,为你的站点用户提供全方位搜索移动落地页浏览体验。
接下来一起看看《百度APP移动搜索落地页体验白皮书5.0》移动落地页指导相关内容。

在这里插入图片描述
二、页面信息获取
1、加载速度
站点首屏内容必须要在1秒钟加载完成,这样加载速度才能算是优秀。

2、移动H5页面优化建议
(1) 站点资源加载:压缩或者合并同类资源,不是首屏图片懒加载;
(2)页面渲染:CSS样式文件写在站点head头部文件中,避免由于CSS文件加载请求造成的渲染阻塞,对于非文字素材,例如图片、视频进行指定大小。

3、小程序优化加载速度建议
(1)优化小程序包体积:降低小程序包体积大小,缩短小程序包的下载时间。
(2)请求数据优化:请求数据优化:站点中的关键数据异步请求可尽早发出,数据时间越早越好,越早就能向视图层发送这些渲染用的数据。
(3)渐进式加载:提高加载好页面框架内容,减少用户等待白屏的时间。

三、页面浏览规范
1、内容模块有明显区分
(1)站点页面内容、广告、相关推荐之间有明显的区分界限。
在这里插入图片描述
(2)网站内容页面的翻页键、展开全文等功能键与广告之间也必须要有明显间隔线、分割线,减少用户对页面浏览的干扰。

在这里插入图片描述
2、“展开全文”功能按钮放置合理
(1)“展开全文”功能键设置有明显的文字标识。

在这里插入图片描述
(2)“展开全文”功能键在全文中最多只能出现一次;
(3)落地页不能出现在首屏页面中;

在这里插入图片描述
(4)与广告等其它页面内容模块需设置有明显的间隔模块。

3、字体间距适中
网站落地页字体大小及文本间距设置不能过小也不能太大,需要适合移动端用户阅读,主体页面内容字号大小要大于10pt,字体与行高比率要大于1.4。

在这里插入图片描述
4、手机机型适配
对于不同型号手机站点页面要做好适配调整,不能影响不同品牌手机用户的浏览体验,IOS全面屏手机底部横线不能遮挡页面功能及内容。

在这里插入图片描述
5、严禁的广告内容
(1)网站页面严禁出现有低俗广告内容,包括色情、赌博、非法的违禁品及服务;

在这里插入图片描述
(2)网站页面中禁止出现虚假诱导用户类广告内容,禁止使用广告法禁止用语,例如国家级、最高级、最佳等,不能存在有夸大宣传及虚假承诺的内容,还有诱导用户分享等违规内容。

在这里插入图片描述
(3)站点页面禁止出现有侵犯国家尊严利益、、泄露国家秘密、侵犯个人隐私等内容。

在这里插入图片描述
6、严禁的广告样式
(1)悬浮广告内容,不符合用户体验要求

在这里插入图片描述
(2)弹窗广告内容,严重影响用户体验

在这里插入图片描述
(3)遮屏广告,违返百度关于用户体验相关的规定

在这里插入图片描述
(4)抖动/闪动广告,也是一种严重违反用户体验要求的广告

在这里插入图片描述
(5)轮播广告,违反关于用户体验相关要求

在这里插入图片描述
(6)自动播放广告,违反用户体验相关要求

7、广告面积及位置
(1)顶部嵌入广告
页面首屏内容禁止嵌入超过10%的广告,广告位上要明显标识【广告】字样,内容图片要清晰、美观,用户视觉体验要好,页面色彩与站点整体主题要协调。

在这里插入图片描述
(2)正文穿插广告
网站内容页及详情页,从标题开始到内容结束前是禁止插入任何形式广告的,包括标题与正文之间、正文中、正文及功能键之间。

在这里插入图片描述
(3)首页、列表页广告
网站列表页、首页,广告面积不能超过该页面总面积的1/3,广告视觉感知不能与站点视觉反差太大。

在这里插入图片描述
推荐继续阅读《搜索干货(二):如何通过交互功能设计提高用户体验?》,学习如何提升网站页面的用户体验。

喜欢建站的朋友,你们肯定也想要获取这些建站源码,我花了将近1年的时间为你们准备了,文末点个赞或者 关注我 关注我 关注我。

5000个小程序:https://www.dzy10.com/x/yycs

3000个游戏源码:https://www.dzy10.com/yx

28000个网站源码:https://www.dzy10.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值