喝完两杯意式浓缩咖啡后，弗兰克坐下来，准备在他的新网站上大展拳脚。
他打开 Squarespace，翻到他的电子表格，准备采取行动。
很快，他遇到了障碍——
“我将如何组织我的页面？”
然后更多的问题开始涌入。
“搜索引擎优化呢？如何简化我的网站页面，以便它们易于抓取？”
就这样，他因担心而瘫痪。
你看，弗兰克可能已经制定了一份漂亮的计划电子表格，但他错过了一个核心要素：
站点地图。
但是，什么是站点地图？而且，为什么站点地图如此重要？
就像过去我们使用物理地图将我们导航到某个地方的美好时光一样，站点地图对您自己和帮助 Google 理解您网站上的所有内容都没有什么不同。
事实上，在着手创建网站和更新网站时，它们至关重要。
如果没有站点地图，查找您的网站就像在谷歌和其他搜索引擎中大海捞针一样。
因此，让我们剥离站点地图的层次并讨论一些不同类型的操作，以便您了解如何组织和使用您的操作。
不同类型的站点地图
大多数人天生都是视觉的，所以如果听起来像你，视觉站点地图可能是你的一杯茶。
HTML 站点地图是您网站上页面的可点击链接，这对用户很有帮助，而 XML 站点地图是为 Google 编写的，可以轻松找到您的所有页面。
现在，你可能还在摸不着头脑，喃喃自语“HTM——什么！？”
所以，让我们进入多汁的细节。
规划站点地图
就像我们可能使用 Airtable 或 Asana 作为可视化项目管理软件一样，我们可以使用可视化流程图来组织网站导航。
这样一来，大家就很容易理解了。
可视化站点地图（有时也称为“站点结构”）是网站管理的基础。
它通过确保您的内容组织正确且易于搜索来确保干净的网站层次结构和页面分类。把它想象成你网站的骨架。
要创建可视站点地图，请使用 PowerPoint 之类的免费工具，因为它们具有有用的流程图功能。
这是您要实施的内容：
- 主页 – 通常显示在站点地图的顶部
- 主要导航 – 也称为“父页面”，被认为是您网站的主要导航
- 二级导航——也称为“子页面”或“二级页面”，最常出现在下拉菜单中
- 三级页面 – 比二级导航页面更深一层。通常在网站的导航中不可见（例如，电子商务网站上的产品页面）
- 特殊按钮/CTA（号召性用语）——有时，菜单中有“预订演示”或“联系我们”的直接链接；确保也包括这些。
HTML 站点地图
HTML 站点地图是您网站的有组织的目录，可供用户访问。在建立您的受众、网站可信度和 SEO 策略时，没有什么比糟糕的用户体验更糟糕的了。
虽然这已经有点老套了（在我个人看来），但为了确保在增加受众时尽可能实现最佳的网站交互，请考虑使用 HTML 站点地图。
HTML 站点地图使与您的站点进行交互并准确找到他们正在寻找的内容变得毫不费力。这对于拥有大量产品页面或博客文章的电子商务品牌特别有用。
要开始创建一个，请检查您的 CMS（内容管理系统）是否有一个插件，例如 WordPress，可以为您自动执行此过程。
查看您可以使用的 WordPress 不同 HTML 站点插件列表！
只需少量费用，您还可以使用 Slickplan 或 Dynomapper 等软件来获得易于使用的拖放选项。
XML 站点地图
XML 站点地图是提交给搜索引擎的 URL 的标准化格式，以便于抓取。
基本上，它的主要目标是让谷歌识别和索引你的内容。XML 站点地图通常对用户不可见。
如果您关心搜索引擎找到您的网站并将其展示给您的客户，那么这就是您需要注意的站点地图类型。
这是因为他们：
- 帮助搜索引擎了解您的网站结构并为您的网页编制索引。
- 向 Google 发出信号，表明您有新的或更新的内容应该被编入索引，这有助于缩短发生这种情况所需的时间。
有很多方法可以创建一个非常简单的方法。
从谷歌站点地图生成器开始——这个免费工具对初学者来说非常有用且简单。但是，如果您想要定制的东西，Screaming Frog 是一个不错的选择。
5 个展示最佳实践的站点地图示例
到目前为止，您已经拥有了所需的工具，并且已经掌握了一些步骤，但是我们大多数人通过示例可以更好地学习。
那么，让我们将这些站点地图付诸实践吧！
1. 酸奶
没有什么比随着内容或网站计划的变化而手动更新站点地图更糟糕的了，所以通过结合自动化来节省自己一些时间（和头痛）。
如果您的网站在 WordPress 上，Yoast 是自动化站点地图更新的最佳方式。
使用 Yoast 本身易于理解的站点地图，下面是带有 Yoast 的 XML 站点地图的快照：
Yoast 的屏幕截图，2022 年 8 月
快速说明一下，如果您不使用自动提交站点地图的工具，您始终可以通过 Google Search Console 手动提交站点地图，或者按照 Yoast 手动站点地图提交的这些说明进行操作。
2. LinkedIn 的人员目录
大多数书籍的前面都有目录，因此读者可以确切地知道他们正在阅读什么。
就像目录一样，您的 HTML 站点地图应该方便地放置在您的观众不必到处点击的地方。
强大的网站结构可以提高可访问性和可见性。
而且，至于 HTML 站点地图的长度——真的没有什么神奇的数字。只要页面分类清晰简洁，您就可以开始使用！
让我们看一下我们都喜欢的社交网站 LinkedIn。
他们在显示 HTML 站点地图并通过人员目录链接到超过一百万个用户页面方面做得非常出色。
LinkedIn 截图，2022 年 8 月
3.请
在为 Kindly 开发站点地图时，我们专注于平衡网站用户体验和 SEO 可扩展性。
这些元素齐头并进，因为 SEO 将用户从 SERP 带到您的网站，而网站体验则是让他们回归更多的原因。
从长远来看，最好的情况是通过关键字映射过程纯粹基于 SEO 创建您的站点地图（站点结构）。
这个过程是构建您的“垂直内容”或站点地图术语的过程，即包含特定 URL 结构并在导航菜单中有主页的网站部分。
随着时间的推移重复这一点，这就是您可以通过扩展 SEO 并拥有一个易于搜索的网站来创造双赢的方式。
您可以通过直接阅读 Kindly 的导航菜单来查看 Kindly 的站点地图：
图片来自 Kindly，2022 年 8 月
4.好人
这是来自澳大利亚零售连锁店 The Good Guys 的电子商务 HTML 站点地图示例：
图片来自 The Good Guys，2022 年 8 月
这里的方便之处在于他们拥有相当庞大的网站。
因此，此 HTML 站点地图可帮助用户手动查看与他们最相关的部分，而不是使用搜索过滤器，这最终会导致您误入歧途。
5. 摇滚排名
B2B 营销机构 Rock the Rankings 有一个很棒的 XML 站点地图，它会使用 WordPress 中的 Yoast 插件自动更新。
需要指出他们做得正确的几件事是：
- 博客文章、页面和案例研究的单独部分。
- 最近修改的内容（向搜索引擎显示该网站是最新的，因此仍然具有权威性）。
- 使用 rocktherankings.com/parent-page/child-page 更正 URL 结构。
在这里，您可以看到他们案例研究的 URL 结构和 XML 站点地图：
图片来自 Rock The Rankings，2022 年 8 月
在此处查看完整的 XML 站点地图文件。
最后的想法
要始终牢记的关键点：
- 考虑三种不同类型的站点地图，哪一种最适合您的情况。
- 使用站点地图自动化工具完成繁重的工作。
- 在创建站点地图之前，请考虑所有活动部分，例如内容策略和参与此过程的人员。
- 如有疑问，请保持内部站点地图清洁且易于使用。
如果您忘记了其他所有内容，请记住：
通过使用动态站点地图生成器实现自动化，您将节省大量时间来修补开发和维护。
软件和系统是我们的朋友！
