打开一个网站,网站结构用户最先感知到的网站结构不是内容,是网站结构路径。路径顺,网站结构人就留;路径拧巴,网站结构再好的网站结构内容也白搭。网站结构干的网站结构就是这件事——把信息按人的认知习惯摆好,让每一次点击都有明确的网站结构去处。
我见过一个卖手工皮具的网站结构小站,首页堆了二十多张产品图,网站结构每张图下面挂一个“详情”按钮。网站结构点进去才发现,网站结构所谓详情页只是网站结构把同一张图放大,连尺寸和皮料种类都没写。网站结构用户想找一款钱包,网站结构得把二十多张图全翻一遍。这不是内容不够,是结构偷了懒。后来站长把导航改成“按用途”“按皮料”“按价格”三个入口,跳出率降了四成。结构一变,同样的货,卖得动了。
结构的第一层是导航。导航不是菜单栏里塞满词就完事。它得回答一个问题:用户此刻想干什么。电商站把“女装”放在一级导航,下面再分“连衣裙”“半身裙”“衬衫”,这是按品类走。但一个买婚礼伴手礼的人,脑子里想的是“预算两百以内、能刻字、两周内到货”,品类导航帮不上忙。所以有些站会在一级导航里直接放“场景”入口,比如“婚礼”“生日”“入职”。导航跟着用户的任务走,而不是跟着公司的组织架构走。
第二层是层级深度。三层能点到的东西,别做到五层。有个做在线课程的客户,把课程藏在“资源中心-学习资料-往期回顾-2023年-第三季度”下面。用户找课像考古。后来把“全部课程”提到一级导航,原来那个路径只留作归档。点击量没变,但课程页的访问量涨了三倍。层级越深,流失越大。每多一层,就多一批人掉头走掉。
第三层是页面之间的连接。很多人只盯着首页和栏目页,忘了内容页才是用户停留最久的地方。一篇讲“如何挑选登山鞋”的文章,底部如果只放“上一篇”“下一篇”,用户看完就走。但如果文章里提到“防水性能”,旁边能链到具体的防水鞋款;提到“鞋底硬度”,能跳到对比测评。这种内链不是SEO技巧,是帮用户省掉一次搜索。用户不用回首页重新找,顺着读下去就行。
移动端把结构问题放大了。手机屏幕小,导航不能照搬桌面端的横向菜单。常见做法是折叠成汉堡菜单,但汉堡菜单有个毛病:藏得太深,用户不知道里面有什么。我观察过一批用户测试,超过一半的人打开汉堡菜单后,只扫一眼就关掉,宁愿用搜索框。所以现在不少站把核心入口做成底部标签栏,比如“首页”“分类”“购物车”“我的”,四个图标解决八成操作。剩下的再收进汉堡菜单。结构得跟着手指走,不是跟着鼠标走。
还有一种结构叫“面包屑”。听起来老套,但真有用。用户从搜索引擎直接落到一个三级页面,面包屑告诉他“你在哪”“怎么回去”。没有面包屑,用户只能按返回键,返回键按多了就退出站了。面包屑不用复杂,一行小字,用“>”隔开,放在标题上方。成本极低,效果极稳。
结构不是一次画完的图纸。上线之后要看数据:哪些页面没人点,哪些路径绕远路,搜索框里用户到底在搜什么。搜索词是最诚实的结构反馈。如果很多人搜“退货”,而退货政策藏在“帮助中心-售后-退换货”下面,那就该把“退货”提到页脚或者导航里。结构是活的,得跟着用户的实际走法调。
说到底,网站结构不是给老板看的组织图,是给用户铺的路。路铺得直,用户走得快;路铺得顺,用户愿意多逛两步。一个站的结构好不好,不看它有多少页面,看用户能不能在三秒内找到他想找的东西。找不到,再漂亮的视觉也是白搭。