
“三次点击原则”说的是:访客从首页出发,点三次以内应该能到达他想找的内容。它算不上铁律,但拿来检查网站导航非常好用,点到第四次还没找到,大部分人就去搜别家了。
我们给客户做网站诊断时,常让对方的销售当场演示:“客户想看某个型号的参数,你从首页点给我看。”能顺利点到的不多。
主导航放几个栏目合适
电脑端主导航一般放五到七个栏目比较舒服。少于四个,往往说明内容被塞进了笼统的大栏目;超过八个,一行放不下,访客扫一眼也记不住。
常见的企业站主导航大致是:首页、产品或服务、解决方案或应用行业、案例、新闻资讯、关于我们、联系我们。不是每家都要全有,没有案例就别硬开一个空栏目。
“联系我们”尽量放在最右侧,或者单独做成一个醒目按钮,这是访客最常找的位置。
菜单名称用客户的话,别用内部叫法
导航文字是给客户看的,但很多网站的菜单名来自公司内部的部门名称或者产品线代号。比如把产品栏目叫“核心业务板块”,把售后叫“客户成功中心”,访客根本猜不到里面是什么。
判断方法很简单:把菜单名念给一个不了解你们公司的人听,他能不能说出点进去大概有什么。说不出来,就改成更直白的词,“产品中心”“售后服务”“下载资料”一般不会出错。
还有一个坑是同义词混用:主导航叫“产品”,页面标题叫“商品”,面包屑又写“货品”。名称统一,访客才不会怀疑自己是不是点错了。
二级菜单:分类按客户怎么找来定
产品多的企业,二级菜单通常是导航设计的重头戏。分类的依据应该是客户找产品的思路,而不是你们仓库的分类方式。
举个例子,同一批产品,可以按材质分、按用途分、按行业分。如果客户来询价时通常会说“我们是做污水处理的”,那按应用行业分类可能比按材质更好找。拿不准的话,翻翻销售的聊天记录,看客户第一句话怎么描述需求。
二级菜单的条目不宜太多,下拉菜单拉出来一长串,和没分类差不多。条目实在多,可以做成分组的大菜单,每组一个小标题。
面包屑和页脚导航:容易被忽略的两条路
面包屑就是页面顶部那行“首页 > 产品中心 > 不锈钢球阀”。它告诉访客“你现在在哪”,也方便一键返回上一级。对于层级较深的产品页、文章页,面包屑几乎是必备的,搜索引擎也能借它理解网站结构。
页脚导航则是访客看完整页之后的“兜底出口”。这里可以放得比主导航全一些:主要产品分类、常用服务、下载、招聘、隐私政策、联系方式、备案号。很多人滚到页面底部就是为了找电话和地址,别让他们失望。
手机端:汉堡菜单和站内搜索
手机屏幕窄,主导航一般收进右上角那个三条横线的“汉堡菜单”里。这样页面清爽,但代价是菜单被藏起来了,访客不一定会点开。
所以手机端有几件事值得多做一步:

图 1:手机端导航要好点、好找,咨询入口放在显眼处。
- 菜单展开后,一级栏目用大一点的字号和行距,手指好点;
- 二级菜单用展开收起的方式,别一下子全铺开;
- 页面底部固定一个“电话”或“咨询”按钮,比藏在菜单里好用得多,留言后可以用短信提醒第一时间通知销售;
- 产品和文章多的网站,加一个站内搜索框,放在显眼位置。
站内搜索是导航的补充。一部分访客习惯直接搜型号,如果搜不到或者搜出一堆无关结果,再好看的菜单也救不回来。上线前拿几个常见型号和问题试搜一下。
导航改版前,先做个小测试
导航改动会影响整站,改之前可以找几个没参与项目的同事或老客户,给他们几个任务,比如“找到某产品的说明书”“找到售后电话”,观察他们怎么点、在哪里犹豫。卡住的地方,就是导航要改的地方。
改版时也要注意,旧页面的网址如果变了,记得做好跳转,否则原来被收录的页面会变成死链。
结论
网站导航设计的目标只有一个:让访客少想、少点,尽快找到内容。主导航控制在五到七个栏目,菜单名称用客户听得懂的话,二级菜单按客户找产品的思路分类,面包屑和页脚导航补上返回和兜底的路,手机端做好汉堡菜单、底部联系按钮和站内搜索。改之前用“三次点击”自测一遍,问题很容易暴露。蔚岚科技做网站建设时会先梳理导航结构再出设计稿,现有网站想做导航优化,也可以打 18720919319 聊聊,或在联系我们页面留言。
常见问题
网站导航栏目越多越好吗?
不是。栏目太多,访客反而找不到重点。电脑端一般五到七个比较合适,次要内容可以放进二级菜单或页脚导航。
网站菜单能不能用英文或图标代替文字?
不建议只用图标或英文。中文网站的访客更习惯直接读文字,图标可以搭配使用,但文字说明最好保留。
面包屑导航对 SEO 有帮助吗?
有一定帮助。它能体现网站层级,方便搜索引擎理解页面关系,同时让访客更容易返回上一级。
手机端一定要用汉堡菜单吗?
一般是主流做法,但不唯一。栏目少的网站,也可以在顶部或底部直接排几个入口,关键是常用功能别藏太深。
导航改版会影响排名吗?
网址不变、只调整菜单展示,一般影响不大。如果网址变了,要给旧网址做好跳转,并更新网站地图,排名波动通常会小很多。