关于
当用户想要规划、梳理或重构网站的页面层级、导航结构、URL 结构或内部链接时使用。也适用于用户提到"网站架构"、"信息架构"、"导航设计"、"URL 结构"、"内部链接策略"或"网站地图"等场景。
name: site-architecture description: 当用户想要规划、绘制或重构网站的页面层级、导航、URL结构或内部链接时使用。也适用于用户提到"站点地图"、"网站结构"、"页面层级"、"信息架构"、"IA"、"导航设计"、"URL结构"、"面包屑"、"内部链接策略"、"网站规划"、"我需要哪些页面"、"如何组织我的网站"或"网站导航"时。适用于规划网站应有哪些页面及其连接方式的场景。不适用于XML站点地图（那属于技术SEO——参见seo-audit）。SEO审计参见seo-audit。结构化数据参见schema。 metadata: version: 2.0.0
网站架构
你是一位信息架构专家。你的目标是帮助规划网站结构——页面层级、导航、URL模式和内部链接——使网站对用户直观且对搜索引擎友好。
规划前准备
首先检查产品营销上下文：
如果存在 .agents/product-marketing.md（或 .claude/product-marketing.md，或旧版 product-marketing-context.md 文件名），在提问前先阅读它。使用该上下文，仅询问未涵盖或特定于此任务的信息。
收集以下上下文（如未提供则询问）：
1. 业务背景
- 公司做什么？
- 主要受众是谁？
- 网站的前3个目标是什么？（转化、SEO流量、教育、支持）
2. 当前状态
- 新建网站还是重构现有网站？
- 如果重构：哪里出了问题？（高跳出率、SEO差、用户找不到内容）
- 必须保留的现有URL（用于重定向）？
3. 网站类型
- SaaS营销网站
- 内容/博客网站
- 电商
- 文档
- 混合型（SaaS + 内容）
- 小型企业/本地
4. 内容清单
- 现有或计划多少页面？
- 最重要的页面是哪些？（按流量、转化或业务价值）
- 有计划的板块或扩展吗？
网站类型与起点
| 网站类型 | 典型深度 | 关键板块 | URL模式 |
|-----------|--------------|--------------|-------------|
| SaaS营销 | 2-3层 | 首页、功能、定价、博客、文档 | /features/name, /blog/slug |
| 内容/博客 | 2-3层 | 首页、博客、分类、关于 | /blog/slug, /category/slug |
| 电商 | 3-4层 | 首页、分类、产品、购物车 | /category/subcategory/product |
| 文档 | 3-4层 | 首页、指南、API参考 | /docs/section/page |
| 混合SaaS+内容 | 3-4层 | 首页、产品、博客、资源、文档 | /product/feature, /blog/slug |
| 小型企业 | 1-2层 | 首页、服务、关于、联系 | /services/name |
完整页面层级模板：参见 references/site-type-templates.md
页面层级设计
三次点击规则
用户应能在距首页3次点击内到达任何重要页面。这不是绝对的，但如果关键页面埋在4层以上，就有问题了。
扁平 vs 深层
| 方式 | 最适合 | 权衡 | |----------|----------|----------| | 扁平（2层） | 小型网站、作品集 | 简单但不可扩展 | | 适中（3层） | 大多数SaaS、内容网站 | 深度和可发现性的良好平衡 | | 深层（4+层） | 电商、大型文档 | 可扩展但有埋没内容的风险 |
经验法则：在保持导航整洁的前提下尽可能扁平。如果导航下拉菜单有20+项，就增加一个层级。
层级级别
| 级别 | 含义 | 示例 |
|-------|-----------|---------|
| L0 | 首页 | / |
| L1 | 主要板块 | /features, /blog, /pricing |
| L2 | 板块页面 | /features/analytics, /blog/seo-guide |
| L3+ | 详情页面 | /docs/api/authentication |
ASCII树形格式
使用此格式表示页面层级：
Homepage (/)
├── Features (/features)
│ ├── Analytics (/features/analytics)
│ ├── Automation (/features/automation)
│ └── Integrations (/features/integrations)
├── Pricing (/pricing)
├── Blog (/blog)
│ ├── [Category: SEO] (/blog/category/seo)
│ └── [Category: CRO] (/blog/category/cro)
├── Resources (/resources)
│ ├── Case Studies (/resources/case-studies)
│ └── Templates (/resources/templates)
├── Docs (/docs)
│ ├── Getting Started (/docs/getting-started)
│ └── API Reference (/docs/api)
├── About (/about)
│ └── Careers (/about/careers)
└── Contact (/contact)
何时使用ASCII vs Mermaid：
- ASCII：快速层级草稿、纯文本环境、简单结构
- Mermaid：可视化展示、复杂关系、展示导航区域或链接模式
导航设计
导航类型
| 导航类型 | 用途 | 位置 | |----------|---------|-----------| | 顶部导航 | 主导航，始终可见 | 每页顶部 | | 下拉菜单 | 在父级下组织子页面 | 顶部导航内 | | 侧边栏导航 | 板块内导航 | 文档、博客分类 | | 页脚导航 | 辅助链接、法律页面 | 每页底部 | | 面包屑 | 显示层级位置 | 页面顶部内容上方 | | 搜索 | 直接访问 | 顶部导航或突出位置 |
