链接关系图谱生成 - 思维导图式网页

链接关系图谱是一种可视化工具，用于展示网页之间的链接关系结构。它以思维导图的形式呈现网站的内部链接架构，中心节点代表主域名或起始URL，向外辐射的子节点代表该页面链接到的其他页面。这种可视化方式帮助SEO分析师、网站管理员和开发者直观理解网站信息架构、内部链接策略以及页面之间的关联强度。通过链接关系图谱，您可以快速识别孤立页面、发现爬虫路径瓶颈，优化网站的整体链接结构。

步骤一：点击「根节点」按钮创建中心节点（或使用预设演示数据）。
步骤二：点击选中任意节点，然后点击「添加子链接」为其添加下级页面节点。
步骤三：拖拽节点可手动调整位置，滚轮缩放画布，拖拽空白区域平移视图。
步骤四：使用「编辑」按钮修改节点标签和URL，「折叠」按钮隐藏/展开子树。
步骤五：点击「导出PNG」将图谱保存为图片，方便分享或嵌入报告。

链接关系图谱在SEO领域有多个重要应用：
1. 内部链接审计：可视化展示页面之间的链接流向，发现链接深度过深的页面。
2. 孤立页面检测：快速识别没有被任何其他页面链接到的孤立页面，这些页面搜索引擎爬虫难以发现。
3. 链接权重分布：理解PageRank在网站内部的流动路径，优化重要页面的内部链接。
4. 网站架构规划：在网站改版前，用图谱模拟新的信息架构，确保扁平化的链接结构。
5. 竞品分析：手动绘制竞品网站的链接结构，学习其内部链接策略。

本工具在技术上不限制层级深度，您可以无限添加子节点。但从SEO最佳实践角度，建议将重要页面的链接深度控制在3层以内（即从首页到达该页面不超过3次点击）。过深的链接结构会导致搜索引擎爬虫抓取效率降低，也会稀释链接权重。工具中使用不同颜色区分层级：蓝色（根节点）→ 绿色（一级）→ 琥珀色（二级）→ 紫色（三级）→ 粉色（四级及以上），帮助您直观判断链接深度。

当前版本为纯前端工具，需要手动构建链接关系图谱。如果您需要导入真实网站的链接数据，可以使用以下方法：
1. 使用爬虫工具（如Screaming Frog、Sitebulb）导出网站的内部链接CSV报告。
2. 手动整理后将链接关系逐层添加到本工具中可视化。
3. 作为规划工具使用——在设计网站架构时，先用本工具绘制理想的链接结构，再按图实施。
我们正在考虑未来版本支持CSV/JSON数据导入功能，敬请期待。

链接关系图谱在视觉呈现上借鉴了思维导图的辐射状布局，但两者有本质区别：
思维导图通常以创意主题为中心，分支代表概念关联，结构灵活自由。
链接关系图谱严格反映网页之间的超链接关系，每个连线代表一个真实的`<a href>`链接，节点代表具体的URL页面。它更注重结构准确性和层级关系，常用于技术性的网站架构分析。本工具融合了两者的优点——既有思维导图的直观可视化体验，又保持了链接关系的技术严谨性。

点击工具栏的「导出PNG」按钮，系统会将当前画布中的完整图谱导出为PNG格式的高清图片。导出图片包含所有可见节点和连接线，自动适配当前缩放级别。导出的图片可以直接用于：
• 嵌入SEO审计报告
• 在团队会议中分享讨论
• 作为网站架构文档的配图
• 发表在博客或社交媒体中
提示：导出前可以使用「适应画布」按钮获得最佳构图。