如何利用 AI 规划高效的网站架构与 URL 结构
解决网站内容混乱、层级过深或 URL 不规范的问题：通过设定信息架构专家角色，让 AI 帮你设计直观的页面层级、SEO 友好的 URL 路径以及合理的内部链接网络。
为什么需要这个技能
一个糟糕的网站架构会导致用户在寻找信息时感到迷茫，同时也会增加搜索引擎爬虫的抓取难度，降低关键页面的权重。
在实际开发中，很多人倾向于随意的命名 URL 或构建过深的目录（如 /p/123/category/sub/item），这不仅不美观，且不利于 SEO。本技能通过引入“3次点击原则”和“中心辐射模型（Hub-and-Spoke）”，引导 AI 从专业信息架构师的角度，在代码编写前就规划好一个逻辑清晰、可扩展的站点结构。
适用场景
- 新站规划：从零开始构建 SaaS 营销页、电商平台或技术文档库。
- 旧站重构：现有网站跳出率高、用户找不到功能，需要重新梳理页面层级。
- SEO 优化：需要统一 URL 命名规范，消除孤立页面（Orphan Pages）。
- 内容扩张：计划增加大量博客或资源页面，需要设计可扩展的分类体系。
核心工作流
- 上下文分析：AI 首先分析业务目标、受众群体及站点类型（如 SaaS 营销站 vs. 电商站），确定典型的层级深度。
- 设计页面层级：
- 遵循 3次点击原则（任何关键页面在 3 次点击内可达）。
- 使用 ASCII 树形图 快速勾勒 L0
L1 L2 的结构。
- 制定 URL 规范：
- 坚持全小写、使用连字符（-）而非下划线（_）。
- 确保 URL 路径与页面层级镜像对应。
- 规划导航与链接：
- 定义 Header 导航（4-7 个核心项）和 Footer 分组。
- 设计面包屑导航逻辑。
- 建立中心辐射模型：通过 Hub 页面（核心指南）链接到 Spoke 页面（详细技巧），并由 Spoke 页面回链至 Hub。
- 可视化输出：利用 Mermaid
graph TD生成可视化的站点地图，清晰标注导航区域。
下载和安装
下载 site-architecture 中文版 Skill ZIP
解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。
你可能还需要
暂无推荐