网站面包屑导航如何设计?
摘要:面包屑导航是网站建设中的一项重要技术,通常具有两个好处。随着网站建设技术的不断发展,满足绝大多数客户的需求是最精确的方向。
面包屑导航是网站建设中的一项重要技术,通常具有两个好处。第一个优点是,当客户访问网站时,带有面包屑导航的网站不容易让客户迷路,另一个好处是面包屑导航可以很好地指导搜索引擎搜索网站,有利于网站的优化和推广。
但是,网站已经发展的越来越扁平化。也就是说,为了迎合手机用户的阅读习惯,许多网站都采用矩形布局,甚至将广告直接集成到标题形式存在的内容中。与过去的网站的多个栏目和多个部分相比更为简洁,因此对于面包屑导航而言,它似乎没有太大用处。但是,在客户阅读了一些感兴趣的内容之后需要返回首页,因此面包屑导航仍然对客户很有帮助。
哪些网站需要面包屑导航?
网站层次不多,比较深入的网站适合面包屑。具有单独且不相交的网站框架的网站最适合面包屑导航。 “面包屑”用于表示与内容归因相关的界面元素,这是“主分类>一级分类>二级分类>第三方分类> ......>最终内容页面的常用方式 “。通用的网站目录结构由三层组成。它们是主页>列页面>内容页面。合理的结构使客户可以随时随地找到自己所在的位置,同时又不让客户形成混乱的感觉。
如何设计面包屑导航?
使用无歧义的精确词。面包屑文本链接必须统一,防止出现歧义和重复的单词,并确保每个分类清晰明了,以便客户可以准确地执行搜索操作。
准确分类。在对产品进行分类时,确保实施高度概括。如果导航设计类别过多,客户很容易疲劳,放弃浏览。因此,在设计面包屑导航时,确保简化并改善客户体验。
尺寸合理且放置合理。面包屑导航的大小仅需要能够将足够的信息传递给客户,因此它可以很小,或者比主导航小。面包屑导航通常显示在页面的上部。 如果导航菜单沿水平方向操作,则可以将其放在主导航菜单下方。
如今,随着网站建设技术的不断发展,满足绝大多数客户的需求是最精确的方向。一些Web设计师故意对面包屑导航进行复杂的显示,以展示其卓越的网站构建技术。对于移动互联网,这不会为客户带来更好的良性体验。特别是在移动互联网中,如何使客户以最少的步骤看到他们所需的内容是一项关键技术。每次客户点击时,为客户设计一个额外的障碍意味着客户随时会选择离开。
上一篇:公司选择模板网站建设的优缺点
下一篇:建设旅游网站需要综合考虑的因素有哪些?
人机验证(Captcha)绕过方法:使用Chrome开发者工具在目标网站登录页面上执行简单的元素编辑,以实现Captcha绕过
牛创网络: " 人机身份验证(Captcha)通常显示在网站的注册,登录名和密码重置页面上。 以下是目标网站在登录页面中排列的验证码机制。 从上图可以
2020-01-26 12:44:09 )8872( 亮了
自动发现IDOR(越权)漏洞的方法:使用BurpSuite中的Autozie和Autorepeater插件来检测和识别IDOR漏洞,而无需手动更改每个请求的参数
牛创网络: "自动发现IDOR(越权)漏洞的方法:使用BurpSuite中的Autozie和Autorepeater插件来检测和识别IDOR漏洞,而无需手动更改每个请求的参数
2020-01-30 14:04:47 )6288( 亮了
Grafana CVE-2020-13379漏洞分析:重定向和URL参数注入漏洞的综合利用可以在任何Grafana产品实例中实现未经授权的服务器端请求伪造攻击SSRF
牛创网络: "在Grafana产品实例中,综合利用重定向和URL参数注入漏洞可以实现未经授权的服务器端请求伪造攻击(SSRF)。该漏洞影响Grafana 3 0 1至7 0 1版本。
2020-08-12 14:26:44 )4301( 亮了
Nginx反向代理配置及反向代理泛目录,目录,全站方法
牛创网络: "使用nginx代理dan(sui)是http响应消息写入服务地址或Web绝对路径的情况。 写一个死的服务地址是很少见的,但它偶尔也会发生。 最棘手的是写入web绝对路径,特别是如果绝对路径没有公共前缀
2019-06-17 10:08:58 )3858( 亮了
fortify sca自定义代码安全扫描工具扫描规则(源代码编写、规则定义和扫描结果展示)
牛创网络: "一般安全问题(例如代码注入漏洞),当前fortify sca规则具有很多误报,可通过规则优化来减少误报。自带的扫描规则不能检测到这些问题。 需要自定义扫描规则,合规性角度展示安全风险。
2020-02-12 10:49:07 )3505( 亮了
整理几款2020年流行的漏洞扫描工具
牛创网络: "漏洞扫描器就是确保可以及时准确地检测信息平台基础架构的安全性,确保业务的平稳发展,业务的高效快速发展以及公司,企业和国家 地区的所有信息资产的维护安全。
2020-08-05 14:36:26 )2536( 亮了
微擎安装使用技巧-微擎安装的时候页面显示空白是怎么回事?
牛创网络: "我们在公众号开发中,有时候会用到微擎,那我们来看一下微擎安装的时候页面显示空白是怎么回事吧
2019-06-08 15:34:16 )2261( 亮了
渗透测试:利用前端断点拦截和JS脚本替换对前端加密数据的修改
牛创网络: " 本文介绍的两种方法,虽然断点调试比JS脚本代码替换更容易,但是JS脚本代码替换方法可以实现更强大的功能,测试人员可以根据实际需要选择适当的测试方法
2020-01-07 09:34:42 )1995( 亮了
从工业界到学界盘点SAS与R优缺点比较
牛创网络: "虽然它在业界仍然由SAS主导,但R在学术界广泛使用,因为它的免费开源属性允许用户编写和共享他们自己的应用程序 然而,由于缺乏SAS经验,许多获得数据分析学位的学生很难找到工作。
2019-07-13 22:25:29 )1842( 亮了
41款APP侵犯用户隐私权:QQ,小米,搜狐,新浪,人人均被通报
牛创网络: "随着互联网的不断发展,我们进入了一个时代,每个人都离不开手机。 但是,APP越来越侵犯了用户隐私权。12月19日,工业和信息化部发布了《关于侵犯用户权益的APP(第一批)》的通知。
2019-12-20 11:28:14 )1775( 亮了