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

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

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

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

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

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

网站副导航

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

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

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

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

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

网站副导航细节

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

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

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


推荐阅读
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • 英语思维导图大全 词汇与语法结构详解
    本文详细介绍了英语思维导图大全中的词汇与语法结构,包括新鲜一感的理解和订阅后获取百度网盘链接的方法。通过阅读本文,您将对英语思维导图的相关知识有更深入的了解。 ... [详细]
  • 树莓派语音控制的配置方法和步骤
    本文介绍了在树莓派上实现语音控制的配置方法和步骤。首先感谢博主Eoman的帮助,文章参考了他的内容。树莓派的配置需要通过sudo raspi-config进行,然后使用Eoman的控制方法,即安装wiringPi库并编写控制引脚的脚本。具体的安装步骤和脚本编写方法在文章中详细介绍。 ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
  • 如何提高PHP编程技能及推荐高级教程
    本文介绍了如何提高PHP编程技能的方法,推荐了一些高级教程。学习任何一种编程语言都需要长期的坚持和不懈的努力,本文提醒读者要有足够的耐心和时间投入。通过实践操作学习,可以更好地理解和掌握PHP语言的特异性,特别是单引号和双引号的用法。同时,本文也指出了只走马观花看整体而不深入学习的学习方式无法真正掌握这门语言,建议读者要从整体来考虑局部,培养大局观。最后,本文提醒读者完成一个像模像样的网站需要付出更多的努力和实践。 ... [详细]
  • 本文由编程笔记#小编整理,主要介绍了关于数论相关的知识,包括数论的算法和百度百科的链接。文章还介绍了欧几里得算法、辗转相除法、gcd、lcm和扩展欧几里得算法的使用方法。此外,文章还提到了数论在求解不定方程、模线性方程和乘法逆元方面的应用。摘要长度:184字。 ... [详细]
  • 嵌入式处理器的架构与内核发展历程
    本文主要介绍了嵌入式处理器的架构与内核发展历程,包括不同架构的指令集的变化,以及内核的流水线和结构。通过对ARM架构的分析,可以更好地理解嵌入式处理器的架构与内核的关系。 ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
  • 一次上线事故,30岁+的程序员踩坑经验之谈
    本文主要介绍了一位30岁+的程序员在一次上线事故中踩坑的经验之谈。文章提到了在双十一活动期间,作为一个在线医疗项目,他们进行了优惠折扣活动的升级改造。然而,在上线前的最后一天,由于大量数据请求,导致部分接口出现问题。作者通过部署两台opentsdb来解决问题,但读数据的opentsdb仍然经常假死。作者只能查询最近24小时的数据。这次事故给他带来了很多教训和经验。 ... [详细]
  • Netty源代码分析服务器端启动ServerBootstrap初始化
    本文主要分析了Netty源代码中服务器端启动的过程,包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用,深入理解Netty服务器端的启动过程。同时,还介绍了LoggingHandler的作用和使用方法,帮助读者更好地理解Netty源代码。 ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • 基于移动平台的会展导游系统APP设计与实现的技术介绍与需求分析
    本文介绍了基于移动平台的会展导游系统APP的设计与实现过程。首先,对会展经济和移动互联网的概念进行了简要介绍,并阐述了将会展引入移动互联网的意义。接着,对基础技术进行了介绍,包括百度云开发环境、安卓系统和近场通讯技术。然后,进行了用户需求分析和系统需求分析,并提出了系统界面运行流畅和第三方授权等需求。最后,对系统的概要设计进行了详细阐述,包括系统前端设计和交互与原型设计。本文对基于移动平台的会展导游系统APP的设计与实现提供了技术支持和需求分析。 ... [详细]
  • Sleuth+zipkin链路追踪SpringCloud微服务的解决方案
    在庞大的微服务群中,随着业务扩展,微服务个数增多,系统调用链路复杂化。Sleuth+zipkin是解决SpringCloud微服务定位和追踪的方案。通过TraceId将不同服务调用的日志串联起来,实现请求链路跟踪。通过Feign调用和Request传递TraceId,将整个调用链路的服务日志归组合并,提供定位和追踪的功能。 ... [详细]
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社区 版权所有