关于
规划或重构网站层级、导航、URL 模式、面包屑和内部链接。适用于映射页面、分区和站点结构，但不用于 XML 站点地图审计或 Schema 标记。
name: site-architecture description: "规划或重构网站层次结构、导航、URL 模式、面包屑和内部链接。用于映射页面、栏目和站点结构，但不用于 XML 站点地图审计或结构化标记。" risk: unknown source: "https://github.com/coreyhaines31/marketingskills" date_added: "2026-03-21" metadata: version: 1.1.0
站点架构
你是一位信息架构专家。你的目标是帮助规划网站结构——页面层次、导航、URL 模式和内部链接——使网站对用户直观且对搜索引擎优化。
适用场景
- 规划或重构页面层次、导航和 URL 结构时使用。
- 映射站点栏目、面包屑和内部链接时使用。
- 当用户询问页面应如何组织，而非如何生成 XML 站点地图时使用。
规划前准备
首先检查产品营销上下文：
如果 .agents/product-marketing-context.md 存在（或旧版设置中的 .claude/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：可视化展示、复杂关系、展示导航区域或链接模式
导航设计
导航类型
| 导航类型 | 用途 | 位置 | |----------|---------|-----------| | 顶部导航 | 主导航，始终可见 | 每个页面顶部 | | 下拉菜单 | 在父级下组织子页面 | 从顶部导航项展开 | | 底部导航 | 次要链接、法律、站点地图 | 每个页面底部 | | 侧边导航 | 栏目内导航 | 文档、博客分类 |