网站层次结构图

网站层次结构图，网站说白了就是层次一张把网站页面按层级关系画出来的图。这东西看着简单，结构真正画起来，网站能逼疯不少人。层次

我见过太多团队，结构开需求会时拍着胸脯说“结构特别清晰”，网站结果开发一上手就傻眼——首页点进去能到产品详情页，层次产品详情页又能跳回首页，结构中间还夹着七八个活动专题页，网站像一团乱麻。层次最后没办法，结构产品经理熬夜画图，网站画到凌晨两点，层次画出来的结构结构图自己都看不懂。

真正的层次结构图，不是画给老板看的装饰品。它得能回答三个问题：用户从哪进来？进来后能去哪？去了之后还能不能回来？

拿电商网站举例。最顶层当然是首页，但首页底下不是直接挂商品列表，而是先分“男装”“女装”“家电”这些一级分类。每个一级分类下面再挂二级分类，比如“男装”下面有“T恤”“衬衫”“裤子”。三级分类再往下，才是具体的商品详情页。这中间每一步跳转，都得在结构图里标清楚。

有个细节特别容易忽略——面包屑导航。结构图画得再漂亮，如果用户点进一个三级页面后找不到返回路径，那这图就是废纸。我见过一个做家具的网站，商品详情页做得特别精致，但用户想回到“客厅家具”这个分类，得连点五次返回键。后来查了下他们的结构图，发现压根没画返回路径，只画了单向跳转。这种图，画了等于没画。

画结构图还有个坑，就是层级深度。有些网站恨不得把内容塞进五层六层里，用户点一下进一层，再点一下又进一层，到第五层时早忘了自己最初想找什么。我自己的经验是，超过三层就得考虑做扁平化处理。比如把“关于我们”直接挂到首页底部导航，而不是藏在“公司信息”下面的“企业介绍”里。

当然，结构图不是画完就完事的。网站改版时，新旧结构对比图能帮你发现哪些页面权重被稀释了。我前阵子帮一个教育机构做咨询，他们老版结构图里，“课程介绍”藏在第四层，访问量低得可怜。后来把“热门课程”直接提到首页首屏，结构图从四层变两层，转化率反而涨了百分之三十。

说到底，层次结构图就是网站的骨架。骨架歪了，肌肉再发达也跑不快。画图时别光顾着追求“全面”，多想想用户的实际操作路径——他们手指头点一下，比你在图上画十条线都管用。

最后说句实在的，结构图这东西，画得再完美也不如让真实用户点一遍。拿张白纸，画个方框代表首页，让同事从方框出发，模拟找某个商品，看他走几步能到。走三步以内算正常，超过五步，赶紧改结构吧。