百度白皮书5.0解读如何合理设置展开全文功能

article/2025/8/28 5:41:27

导读:2020年3月,百度发布了《百度APP移动搜索落地页体验白皮书5.0》。白皮书5.0发布后,收到许多开发者关于体验规范的反馈建议,针对开发者集中关心的规范问题,百度搜索将推出白皮书5.0系列解读文章,精准助力开发者提升用户体验,赢得更多用户转化。

本期解读文章深度剖析展开全文功能的设置要求。白皮书5.0提到”展开全文的设置必须具有文字标示,且功能实际可用;展开全文功能最多只能出现一次,但不可出现在落地页的首屏内容中(列表页除外);展开全文与广告等引导性内容要设置一定距离间隔,避免干扰用户操作。”如何设置展开全文按钮才更符合用户的体验习惯呢?这篇文章将为你答疑解惑。

1、设置展开全文功能的前提

百度搜索用户研究团队的用户调研发现,搜索用户进入落地页的诉求是浏览页面全部内容,展开全文功能的设置在一定程度上增加了用户浏览信息的操作成本,因此百度搜索建议对于短小精悍的文章或者问答内容,不必设置展开全文功能增加用户负担。针对篇幅较长的文章或问答内容,可以适当设置展开全文功能,整体功能设置要实际可用,友好便捷,用户点击后为用户展开全部相关内容,保障用户的浏览体验。

2、要有明确的文字指示说明

展开全文作为一种功能,需要用文字向用户阐明该功能的作用,并给予用户明确的操作指引,避免因缺乏文字说明给用户带来的信息混乱和操作误导。如图1所示,该页面的展开全文功能无文字标识,展开全文功能以下箭头的符号呈现,指向APP引导下载按钮,容易让用户产生只有下载打开APP才能阅读全文的误解,对用户浏览信息极不友好。

图一:展开全文无文字标识

3、展开全文按钮与其他内容模块需设置间隔

展开全文功能属于主体内容的一部分,与广告、相关推荐等内容模块之间应设置一定的间隔距离,避免因功能按钮与引导性内容距离过近导致用户点击功能按钮时误点击其他内容,严重影响用户体验。如图二所示,展开全文功能与广告之间距离过近,用户点击功能按钮时极易误触广告,用户体验较差。

SEO代码

图二:展开全文按钮距离广告过近

4、展开全文不能出现在首屏

用户点击进入落地页的目的是为了获取所需的信息内容,因此在落地页首屏应充分展示主体内容,满足用户需求,不应在首屏就出现展开全文功能,提高用户浏览信息的操作成本,不利于用户的留存和转化。如图三所示,展开全文功能按钮出现在落地页首屏,主体内容还未得到充分展现,对用户不够友好。

图三:展开全文按钮出现在首屏

5、全文中展开全文功能只有出现一次

用户点击展开全文按钮,目的是希望点击后能浏览全部信息内容。若用户在阅读一篇文章的过程中展开全文按钮多次出现,既增加了用户浏览成本,也有欺骗用户的嫌疑。

6、正面参考案例

深度剖析了设置展开全文功能的五条主要要求,接下来为各位开发者介绍设置展开全文功能的正确示范案例,如图四所示,两个示例都是在用户滑动首屏之后才出现展开全文功能,有明确的文字标识『展开全文』,功能按钮与热门推荐、广告等内容模块之间有明显的距离和分割线,用户不会误点击,整体体验良好。建议开发者可参考案例进行展开全文功能的设置。

展开全文功能的设置是页面排版布局中的重要一环,合理设置展开全文功能按钮有助于提升用户浏览体验,赢得更多的用户喜爱加权分值,各位开发者要重视这宝贵的经验tips噢!


http://chatgpt.dhexx.cn/article/yvjAhstL.shtml

相关文章

Mac快捷输入iPhone短信验证码

一、验证码输入: 二、设置步骤: iPhone:设置->短信->短信转发->打开 Mac开关

Web功能设计:验证码

验证码 简介实现简介 验证码(CAPTCHA——Completely Automated Public Turing test to tell Computers and Humans Apart,全自动区分计算机和人类的图灵测试),是一种区分用户是计算机还是人的公共全自动程序。作用:防止恶意破解密码、刷票、论坛灌水或某个黑客对某一个特定…

输入验证码投票功能的实现

点击投票的时候判断投票的时间是否在这个活动时间内 获取当前时间 传到后台和活动时间判断 投票的时间是否在这个活动时间之内 如果在的 话 弹出验证码 输入验证码投票 中间插一句验证码功能 前台 后台 生成和校验 在验证码有误之后 重新调用验证码方法刷新 验证码成…

登录时候输入验证码,验证码图片从服务器获取方法

登录时候输入验证码&#xff0c;验证码图片从服务器获取方法 小验证码图片 源码分享&#xff1a;http://pan.baidu.com/s/1skK7jRJ 展示效果&#xff1a; 登录时候输入验证码&#xff0c;验证码图片从服务器获取方法 - wangyue.123.com - moonstak jsp页面&#xff1a; <…

iOS 分割输入验证码的视觉效果

通常情况下&#xff0c;在用户注册或者登录的时候我们会用到手机验证码&#xff0c;而有时就会需要&#xff0c;分割输入验证码的视觉效果。 那这种情况&#xff0c;我们怎么实现呢&#xff1f; 在网上查了很多&#xff0c;好多都只是给了实现代码&#xff0c;给的东西都不是很…

input输入框模拟验证码输入效果

今天看到一个帖子&#xff0c;说到用input输入框模拟滴滴、摩拜等app验证码输入效果&#xff0c;提到了一个方案&#xff1a; 1、利用input来获得焦点&#xff0c;自动调用手机的数字键盘 2、实际将输入框用透明度隐藏 3、用label的for属性与input联动来显示输入的数字 于是…

vue实现验证码输入

需求&#xff1a;这种样式的验证码输入&#xff0c;进入页面时光标停留在第一个格子&#xff0c;随着输入的数字向后移动。 实现逻辑&#xff1a; ①首先考虑样式&#xff0c;将六个格子及获取光标的样式写出来。 ②需要一个input框作为输入&#xff0c;所以在页面上加input框&…

爬虫验证码-手动输入

一般网站登录的时候会有验证码的问题,下面是将验证码下载到本地,手动输入模拟登录。在请求的时候使用会话是为了保证获取的验证码、表单令牌等数据一致 import requestsfrom bs4 import BeautifulSoupheaders = {User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWeb…

小程序多个输入框输入验证码功能 实现

老套路,先上图 <view class"check"><!-- 输入核验码 --><view class"query"><view class"query_item_name">请输入核验码</view><view class"query_num_block"><input typenumber class"…

手机计算机上输入错误是什么意思,电脑输入验证码总是提示错误该怎么解决?...

不少同学都遇到过在页面中输入验证码总是错误的问题&#xff0c;并且不管更换几次验证码图片&#xff0c;依然提示验证码错误&#xff0c;着实影响心情&#xff0c;接下来小编总结了一部分造成验证码总是错误的原因以及解决办法&#xff0c;希望对大家有所帮助; 第一种&#xf…

Python模拟登陆古诗文网手动输入验证码显示验证码错误

Python模拟登陆古诗文网手动输入验证码显示验证码错误 import requests from lxml import etree sessionrequests.Session() headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.128 Safari/537.36,}…

自定义验证码输入框:VerificationCodeView

先上两张效果图&#xff1a; 1.java类&#xff1a; package com...ui;import android.annotation.SuppressLint; import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Color; import android.text…

案例:登录中输入验证码(Session及JSP技术应用)

案例&#xff1a;登录中输入验证码(会话技术) 1.案例需求&#xff1a;1.访问带有验证码的登录页面login.jsp2.用户输入用户名&#xff0c;密码以及验证码如果用户和密码输入有误&#xff0c;跳转登录页面。提示&#xff1a;用户或密码错误如果验证码输入有误&#xff0c;跳转登…