01 / 从真实资源开始
原模板与适用场景
原模板用金融服务网站作示例，包含首页、服务、公司、支持、博客、帮助中心及404等辅助内容，也列出页眉、菜单与页脚。本文关注信息组织，原模板的业务条目可以替换为自己的服务；图中连线不能证明网站已具备相应功能或搜索排名。
在这份模板里，你能找到
- 用户访问入口
- 帮助中心
- 404页面
- 错误跳转页
上述节点来自原模板。下面的改图步骤包含新增建议；预览图不会自动同步这些修改。
02 / 具体案例
用一个具体案例理解这张图
案例：为维修服务网站整理导航。首页引导到服务分类，分类连接服务详情和预约入口；帮助中心说明预约与改期，联系我们处理无法自行解决的问题。页眉和页脚作为全站组件标注，404页面提供返回服务分类的路径。另画一条“找到服务→预约”的用户流程，避免混用两种图。
本例用于说明改图思路，不是客户业绩或实测结果。
03 / 动手改图
按照这四步整理你的版本
先盘点真正的页面与入口
将首页、服务、公司、支持、博客等归入页面或内容组。将页眉、菜单、页脚归入组件，把登录等功能入口单独标识；不要仅凭模板有这个名称就新增不需要的页面。
用用户问题决定导航层级
用户想找什么服务、怎样使用、遇到问题去哪里，分别对应内容入口。层级过深或同一名称含义不同，要先调整信息组织，再决定菜单位置。
补上辅助页面和返回路径
错误页、帮助页和联系入口应说明用户接下来可以去哪里。图中保留返回主要任务的路径，避免错误页成为死路；具体链接在上线前验证。
另画任务流程并检查实际链接
选一个任务，例如预约维修，用动作和判断表达操作顺序。站点结构图保留页面关系，用户流程引用相关页面，两者互相验证但各自保持清楚的含义。
04 / 对照检查
节点与分支应该怎样表达
| 项目 | 表达方式 | 核对重点 |
|---|---|---|
| 站点地图 | 页面与内容层级 | 用于检查范围和导航关系 |
| 页面组成 | 页眉、菜单和页脚等组件 | 重复组件无需误列为页面 |
| 用户流程 | 完成任务的动作与判断 | 应包含失败或返回路径 |
| 辅助内容 | 帮助、联系与错误恢复 | 用户能否回到主要任务 |
05 / 让 AI 帮你起稿
可以直接复制的 AI 绘图提示词
先复制下方文字，再打开 AI 绘图入口粘贴；把角色、条件和节点替换为你的实际情况。这段示例不会自动导入模板。
为维修服务网站绘制导航结构图：首页、服务分类、服务详情、预约入口、关于公司、帮助中心、联系我们、博客、404错误页。将页眉菜单页脚标为全站组件，404提供返回服务分类和联系入口。另画找到服务→查看详情→填写预约→核对→确认的用户流程，信息缺失返回填写。区分页面层级和操作动作，未实现功能注明待实现，不声称此结构必然提高搜索排名。
生成后逐条核对文字、层级与连线；需要保留原模板版式时，可直接使用模板编辑入口。
06 / 交付前复核
这些问题容易被忽略
- 把页眉、菜单和页脚都当成独立页面，导致页面清单失真。
- 结构图只有成功入口，错误页面没有返回或求助链接。
- 将导航层级清楚直接描述为SEO一定提升，没有实际搜索与使用数据。
用一个正常案例和一个异常案例从起点走到终点，再保存你的版本。不要只检查配色和对齐。
07 / 常见问题
使用前还想确认
站点地图等于提交给搜索引擎的sitemap.xml吗？
不等于。这里的图帮助人理解页面组织；sitemap.xml是供搜索引擎发现URL的机器可读文件，通常不表示菜单或用户操作顺序。
导航里的所有入口都应该放在首页菜单吗？
不一定。根据主要任务安排常用入口，辅助内容可放在相关页面或页脚。图先检查可发现性，再结合真实用户使用调整位置。
从这张模板开始，做成你的工作图
先确认节点，再调整分支，最后统一排版。
使用这个模板在线编辑 ↗
