热门标签 | HotTags
当前位置:  开发笔记 > 开放平台 > 正文

网站建设中容易忽视的细节:网站副导航

看过很多企业网站的结构,很多企业网站里面也都加入了副导航。什么叫做副导航呢?简单点说就是在网站左侧或者右侧有一个导航条,一般都是产品导航。很多企业在网站建设中,都不

  看过很多企业网站的结构,很多企业网站里面也都加入了副导航。什么叫做副导航呢?简单点说就是在网站左侧或者右侧有一个导航条,一般都是产品导航。很多企业在网站建设中,都不知道网站副导航的作用,所以也都没加。今天老冯(冯东阳)就给大家说一下你容易忽视的细节:网站副导航。

  网站副导航的作用是什么呢?

  只所以在首页增加网页副导航,是为了方便用户更直接的找到自己想要看的产品。当然还有一个目的就是网页副导航可以增加相关关键词的密度,有利于自己网站的关键词排名。但是很多人往往把副导航给忽略了,而细节的考虑,更不用了!

网站副导航

  网站副导航网站副导航在左边比较好还是右边好?

  按照国人的浏览习惯,我还是建议企业在进行网站建设的时候,把产品的副导航放置在左边。为什么会放置在左边?其实,这主要是根据访客的浏览习惯。像WordPress的一些栏目都在左侧,这可能跟国外客户的浏览习惯有关。就像过红绿灯一样,国人都是遵循靠右边走的原则,而国外有些国家过红绿灯的规则是靠左边走的。

  有人会有疑问,你为什么就这么肯定国人的浏览习惯是靠左边的?其实,我们还可以借助工具分析下用户浏览行为,以及用户点击行为。我相信很多做美工的朋友,应该更能体会副导航条到底是放在左边还是放置在右边比较好。给大家提供一个百度统计里面的工具:百度热力图这个可以看出你网站的页面,哪个地方鼠标点击去区域比较密集,估计很多人都没有用过。这个是在百度统计里面,上面有个页面点击,在那里面就能看到热力图以及点击链接了。

  产品类别多的话如何设置栏目副导航

  有的企业产品类别很多,这个时候应该如何设置副导航栏目呢?冯东阳给大家提供两种常见的方法:一种是我们只在首页副导航写上产品的大类别。就像我这篇文章里面第一幅图片一样, 把一个类别按照一个系列来划分。当用户点击垃圾桶系列的时候,我们在栏目页在进行详细分类。比如下面这个卖垃圾桶的,他就是在首页只放置了大类别的,而栏目页按照材料进行了详细划分。

网站副导航细节

  这种分类相对来说还是比较清晰明了的,用户可以按照一些垃圾桶的材料进行选择自己想购买的产品,而右边的序号,用户只要报出什么类别的那个号,销售人员就能大概知道是哪个垃圾桶了。非常有利于用户体验。

  另一种呢,可以直接在首页做成下来菜单那种形式的,鼠标放到大类别上面自动出现相关下属的小类别。或者做成京东这种样式的,点击大类分别出现不同的小类。  

  其实网站建设中有很多细节都是需要注意的,我们整天说用户体验,但是很多做网站还是没考虑到访客的体验,只是按照葫芦画瓢,没有加入一些有利于用户体验的细节。这其实都需要网站策划或者负责人的网络公司应该做的,不过现在做网站的企业一说做网站就想着我花几百块做就行了。为什么网站有的是几万有的是几百?我想几百块钱的网站别人绝对不会给你融入过多的用户体验方面的元素的。大家以后在做网站的时候也应该多参考一些大站的做法,尤其的细节方面的。今天就给大家分享到这里,有机会我还会继续分享一些网站建站中的细节问题。


推荐阅读
  • 本文详细介绍了Grand Central Dispatch (GCD) 的核心概念和使用方法,探讨了任务队列、同步与异步执行以及常见的死锁问题。通过具体示例和代码片段,帮助开发者更好地理解和应用GCD进行多线程开发。 ... [详细]
  • 本月初,我们为大家推荐了一系列精选书单,助力大家提升技术水平。月底,我们将介绍几位行业大牛,帮助大家找到人生导师。InfoQ一直致力于为用户提供有价值的资源和支持。 ... [详细]
  • 本文介绍了一个基于 Java SpringMVC 和 SSM 框架的综合系统,涵盖了操作日志记录、文件管理、头像编辑、权限控制、以及多种技术集成如 Shiro、Redis 等,旨在提供一个高效且功能丰富的开发平台。 ... [详细]
  • 本文深入探讨了MySQL中常见的面试问题,包括事务隔离级别、存储引擎选择、索引结构及优化等关键知识点。通过详细解析,帮助读者在面对BAT等大厂面试时更加从容。 ... [详细]
  • 本文详细介绍了如何在 Android 中使用值动画(ValueAnimator)来动态调整 ImageView 的高度,并探讨了相关的关键属性和方法,包括图片填充后的高度、原始图片高度、动画变化因子以及布局重置等。 ... [详细]
  • 本文详细介绍了C语言中的基本数据类型,包括整型、浮点型、字符型及其各自的子类型,并探讨了这些类型在不同编译环境下的表现。 ... [详细]
  • 数据排序、无限滚动与分页加载及子查询的使用
    本文介绍了数据排序的基本方法,包括升序和降序排列。同时探讨了瀑布流布局(无限滚动)和传统分页技术在Web应用中的应用,并详细解释了子查询的概念及其替代方案。 ... [详细]
  • 解决Spring Boot项目创建失败的问题
    在尝试创建新的Spring Boot项目时遇到了一些问题,具体表现为在项目创建过程中的两个关键步骤出现错误。本文将详细探讨这些问题及其解决方案。 ... [详细]
  • 本文介绍百度AI Studio这一集成开发平台,涵盖丰富的AI教程、经典数据集及云端计算资源。通过具体示例——在AI Studio上构建线性回归项目,帮助初学者快速掌握其核心功能与操作方法。 ... [详细]
  • JMeter接口关联与数据提取:正则表达式和JSON Extractor的使用
    在使用JMeter进行接口测试时,常常需要从前一个接口的响应中提取数据并应用于后续请求。本文将详细介绍如何利用正则表达式提取器(Regular Expression Extractor)和JSON Extractor来实现这一需求。 ... [详细]
  • 本文详细探讨了Java命令行参数的概念、使用方法及在实际编程中的应用,包括如何通过命令行传递参数给Java程序,以及如何在Java程序中解析这些参数。 ... [详细]
  • 本文旨在深入探讨HTTP长连接的工作原理及其配置方法,帮助初学者更好地理解和应用这一技术。通过本文,读者将了解如何利用长连接提高Web应用的性能。 ... [详细]
  • 本文介绍如何在Django的管理后台中为特定模型添加自定义地图功能,例如使用百度地图API根据场馆名称获取并存储地理坐标。 ... [详细]
  • Eclipse 中 JSP 开发环境配置指南
    本文详细介绍了如何在 Eclipse 集成开发环境中配置 JSP 运行环境,包括必要的软件下载、Tomcat 服务器的配置以及常见问题的解决方法。 ... [详细]
  • matlab gamma函数_MATLAB做晶体结构图(固体物理)
    写在前面最近在复习考研复试《固体物理》这一门课,去年学的内容已经忘干净了,所以就翻开前几页。突然看到了面心立方和体心立方结构图,想到了去年 ... [详细]
author-avatar
湛江耳鼻喉医院196_991
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有