跳到主要内容
哒哒星球DADA PLANET

Skill · 已公开版本

site-architecture · 把网站页面和导航关系理清楚

整理页面层级、URL、面包屑和内链,让内容组织与用户任务一致。

先看看示例

作者提供的示例,实际效果取决于你的输入和使用工具。

输入

页面:课程列表、课程详情、模板列表、模板详情、帮助、账户。任务:找课程、拿模板、解决使用问题。

输出

编辑示例 · 未运行

首页
├─ 学课程 /courses
│  └─ 课程详情 /courses/{slug}
├─ 找模板 /templates
│  └─ 模板详情 /templates/{slug}
└─ 帮助 /help

账户入口:右上角菜单 /account

面包屑:找模板 > 周报模板

内链:课程详情只推荐与本课练习相关的模板;帮助页反链对应操作入口。

方法说明

整理页面层级、URL、面包屑和内链,让内容组织与用户任务一致。

具体任务

重排网站的页面层级:把用户任务映射到导航、栏目和页面,生成可讨论的站点结构。

规划改版路径与内链:建立旧新 URL 对照、面包屑和内容枢纽,减少改版后的失联页面。

必需材料

现有或计划页面清单

主要用户任务与业务目标

可选材料

现有 URL、流量与搜索数据

品牌用词与导航限制

使用门槛

能确定哪些页面真实存在、哪些只是规划。

这个 Skill 额外提供的方法

页面树与导航、URL 对照一起交付,让结构建议可落到具体入口。

编辑示例(未运行)

把学习平台的入口变清楚

任务:整理课程、模板和帮助散落在导航中的问题。

输入:
页面:课程列表、课程详情、模板列表、模板详情、帮助、账户。任务:找课程、拿模板、解决使用问题。

结果片段:
```text
首页
├─ 学课程 /courses
│  └─ 课程详情 /courses/{slug}
├─ 找模板 /templates
│  └─ 模板详情 /templates/{slug}
└─ 帮助 /help
```

账户入口:右上角菜单 /account

面包屑:找模板 > 周报模板

内链:课程详情只推荐与本课练习相关的模板;帮助页反链对应操作入口。

将公共导航和账户入口分开,并给出页面之间有任务关系的链接方式。 此为编辑示例,未安装或运行上游 Skill。

首次任务

根据【页面清单】、【主要任务】和【现有 URL】设计页面树、导航和路径对照;验收:每页有归属,旧路径有处理说明,无孤立详情页。
必需材料:现有或计划页面清单:【请填写或粘贴】;主要用户任务与业务目标:【请填写或粘贴】

验收方法

导航用词是否对应用户任务

重要页面能否从合理入口到达

旧新路径及面包屑是否一致

依赖与准备

需要页面与路由材料;画图可用 Mermaid,实际路由或重定向修改依赖站点框架。

使用边界

本技能规划信息架构,不等于生成 XML sitemap。

已有 URL 变更必须另行实现重定向并检查外链和收藏入口。

排错

一级导航塞了十几个栏目:按共同任务归组,把账户及低频支持操作放入适当辅助入口。

改完层级仍找不到详情页:补上列表到详情、相关内容和面包屑内链。

固定来源

https://github.com/coreyhaines31/marketingskills/blob/5b2c0007766c6a1cf1d53fd8fc73e979e0821022/skills/site-architecture/SKILL.md