网站结构图制作器
在改版或新站上线前，规划首页、分类页、子页面、博客文章、工具页和落地页。
网站地图可视化工具
输入页面名称、URL、缩进层级、页面类型、内容集群和可选内链关系。本工具会在浏览器本地生成层级结构图、内容集群摘要、孤立页面提示、页面数量摘要、URL 列表，并支持 PNG、SVG 或 Markdown 导出。
AD
用于手动网站规划的网站地图可视化工具
这个专用工作区把网站结构图、SEO 网站架构图、内容集群图、内链关系图和页面层级图合并在一起。
网站地图可视化工具适用场景
这个页面把多个搜索意图合并为一个实用的前端工具，不再把网站结构、SEO 架构、内容集群、内链关系和页面层级拆成多个小工具页。
如何使用网站地图可视化工具
把粗略的网站规划笔记快速转换为可用的网站结构图。
01
输入手动网站地图大纲
从首页开始，用缩进写下分类页、子页面、博客文章、工具页、落地页和支撑内容。需要更精确时，可以添加 URL、类型和集群列。
- 每一层缩进建议使用两个空格。
- 保持 URL 格式一致，这样 URL 列表和内链匹配更清晰。
如果你正在规划新网站，也建议先写草稿 URL。URL 规律可见后，结构图会更有价值。
02
添加内容集群和内链关系
用集群列标记 SEO 中心、博客分类、SaaS 功能组或工具目录。用 来源 -> 目标 | 标签 的格式手动添加内链。
- 内链字段可以使用页面名称，也可以使用 URL。
- 内链标签可以写成中心页链接、相关指南、行动入口或下一步。
孤立提示会标记没有出现在手动内链中的页面，帮助你判断是否需要更强的导航或上下文链接。
03
导出网站地图可视化结果
导出 PNG 用于快速评审，导出 SVG 用于高清图表，导出 Markdown 用于文档交接，其中包含层级结构、URL 列表、数量摘要和孤立页面提示。
- 大型网站可以使用紧凑布局。
- 把结构交给内容、SEO 或开发同事时，Markdown 导出最方便。
因为本工具不是爬虫，导出结果只反映你手动输入的页面和链接。
网站地图可视化工具常见问题
关于隐私、输入格式、导出、SEO 规划边界，以及什么时候适合使用这个本地规划工具的常见问题。
网站地图可视化工具会爬取我的网站吗？
不会。它是纯前端规划工具，只使用你在浏览器中手动输入的页面名称、URL、缩进层级、内容集群和内链关系。
它适合做 SEO 网站架构规划吗？
适合。它专门用于 SEO 规划场景，例如网站架构图、内容集群图、页面层级检查、工具站栏目规划、博客分类规划和内链关系图。
最推荐的输入格式是什么？
每行一个页面，用两个空格缩进子页面，并可添加列：名称 | URL | 类型 | 集群 | 备注。内链可以写成：来源 -> 目标 | 标签。
孤立页面提示是什么意思？
孤立提示会标记没有出现在手动内链列表中的页面。这只是规划提示，不是基于爬虫的 SEO 审计，也不能证明线上页面完全没有链接。
这个工具能自动生成 sitemap.xml 吗？
不能。本工具导出 PNG、SVG 和 Markdown，用于规划和文档交接。自动生成 sitemap.xml 需要准确的抓取规则、规范 URL 判断和生产环境 URL 校验，不属于这个浏览器本地工具的范围。
我的网站结构数据是私密的吗？
是的。你的输入会在浏览器本地处理，并可保存到本地存储。它不会上传到 ChartMakerBox，也不会连接 Search Console、统计工具、排名工具或 SEO 账号。