先看看示例
作者提供的示例,实际效果取决于你的输入和使用工具。
输入
页面:课程列表、课程详情、模板列表、模板详情、帮助、账户。任务:找课程、拿模板、解决使用问题。
输出
编辑示例 · 未运行
首页
├─ 学课程 /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