一、百度移动搜索落地页体验白皮书
在21世纪互联网时代,网站已是非常普遍,对于企业网络营销已是一种必不可少的工具,因此很多企业都设计建设了网站,那么网站如何设计才能帮助企业产品进行更好的推广呢?
根据《百度APP移动搜索落地页体验白皮书5.0》中指出,网页要进行更好的推广,必须是在不断满足用户体验基础上从信息获取、页面浏览、交互操作、服务规范等多个方面制订更明确、更细致的搜索规范要求,为你的站点用户提供全方位搜索移动落地页浏览体验。
接下来一起看看《百度APP移动搜索落地S页体验白皮书5.0》移动落地页指导相关内容。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://www.7li.net/wp-content/themes/b2/Assets/fontend/images/default-img.jpg)
二、页面信息获取
1、加载速度
站点首屏内容必须要在1秒钟加载完成,这样加载速度才能算是优秀。
2、移动H5页面优化建议
(1) 站点资源加载:压缩或者合并同类资源,不是首屏图片懒加载;
(2)页面渲染:CSS样式文件写在站点head头部文件中,避免由于CSS文件加载请求造成的渲染阻塞,对于非文字素材,例如图片、视频进行指定大小。
3、小程序优化加载速度建议
(1)优化小程序包体积:降低小程序包体积大小,缩短小程序包的下载时间。
(2)请求数据优化:请求数据优化:站点中的关键数据异步请求可尽早发出,数据时间越早越好,越早就能向视图层发送这些渲染用的数据。
(3)渐进式加载:提高加载好页面框架内容,减少用户等待白屏的时间。
三、页面浏览规范
1、内容模块有明显区分
(1)站点页面内容、广告、相关推荐之间有明显的区分界限。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231904333.png)
(2)网站内容页面的翻页键、展开全文等功能键与广告之间也必须要有明显间隔线、分割线,减少用户对页面浏览的干扰。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231905496.png)
2、“展开全文”功能按钮放置合理
(1)“展开全文”功能键设置有明显的文字标识。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231906959.png)
(2)“展开全文”功能键在全文中最多只能出现一次;
(3)落地页不能出现在首屏页面中;
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231907920.png)
(4)与广告等其它页面内容模块需设置有明显的间隔模块。
3、字体间距适中
网站落地页字体大小及文本间距设置不能过小也不能太大,需要适合移动端用户阅读,主体页面内容字号大小要大于10pt,字体与行高比率要大于1.4。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231908728.png)
4、手机机型适配
对于不同型号手机站点页面要做好适配调整,不能影响不同品牌手机用户的浏览体验,IOS全面屏手机底部横线不能遮挡页面功能及内容。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231909528.png)
5、严禁的广告内容
(1)网站页面严禁出现有低俗广告内容,包括色情、赌博、非法的违禁品及服务;
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231910547.png)
(2)网站页面中禁止出现虚假诱导用户类广告内容,禁止使用广告法禁止用语,例如国家级、最高级、最佳等,不能存在有夸大宣传及虚假承诺的内容,还有诱导用户分享等违规内容。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231911782.png)
(3)站点页面禁止出现有侵犯国家尊严利益、、泄露国家秘密、侵犯个人隐私等内容。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231912151.png)
6、严禁的广告样式
(1)悬浮广告内容,不符合用户体验要求
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231913610.png)
(2)弹窗广告内容,严重影响用户体验
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231914827.png)
(3)遮屏广告,违返百度关于用户体验相关的规定
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231915617.png)
(4)抖动/闪动广告,也是一种严重违反用户体验要求的广告
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231916847.png)
(5)轮播广告,违反关于用户体验相关要求
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231917712.png)
(6)自动播放广告,违反用户体验相关要求
7、广告面积及位置
(1)顶部嵌入广告
页面首屏内容禁止嵌入超过10%的广告,广告位上要明显标识【广告】字样,内容图片要清晰、美观,用户视觉体验要好,页面色彩与站点整体主题要协调。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231917188.png)
(2)正文穿插广告
网站内容页及详情页,从标题开始到内容结束前是禁止插入任何形式广告的,包括标题与正文之间、正文中、正文及功能键之间。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231918669.png)
(3)首页、列表页广告
网站列表页、首页,广告面积不能超过该页面总面积的1/3,广告视觉感知不能与站点视觉反差太大。
![搜索干货(一):如何设计才能提升网站页面的用户体验_SEO技术教程](https://oss.7li.net/wp-content/uploads/2022/06/20220613231920931.png)
推荐继续阅读《搜索干货(二):如何通过交互功能设计提高用户体验?》,学习如何提升网站页面的用户体验。