停止把网站地图当作你网站团队中最没有价值的玩家！

重新设计你的网站是一项艰巨的任务。

我们知道——我们每天都在帮助别人。我们也知道你在网站重新设计项目上投入了大量的金钱和时间，并希望它做得正确。

如果你是雇佣一家像IMPACT这样的公司来帮助你建立网站，他们通常会有一个发现和界定范围的过程，大致是这样的:

• 你目前的网站有多大？
• 您预计新网站需要/需要多少页面？
• 您需要设计和开发多少不同的页面模板以用于您需要的所有页面？

回答完这些问题后，您通常会收到以模板数量和所需的任何其他自定义设计/功能为中心的报价。

虽然经历发现过程有助于开始思考网站的体系结构，但在实际网站开发之前，通常最不考虑的是网站地图。

在我们深入探讨网站地图为何如此重要以及如何创建网站地图之前，让我们先确定网站地图到底是什么是.

A.网站地图最简单的方法是列出网站上的所有页面。

在IMPACT中，我们可以互换地使用站点地图、站点架构和信息架构来指代显示网站结构的图表.

有很多不同的策略来创建你的站点地图，但是让我们先来深入了解为什么这些东西如此重要。

你的站点地图有多重要?

很容易理解，为什么像网站地图这样简单的东西在使用过程中会被忽略重新设计的过程。

还有很多有趣的事情要考虑——新主页的外观，新博客的布局，以及所有其他闪亮的作品。

虽然这些事情可能是重新设计你的网站更令人兴奋的部分，创建你的网站地图可以说是最重要的——它是你如何奠定基础，让你做你的网站的其余部分。

当用户登陆您的网站时，他们有哪些导航选项？你想让他们去哪里？

您的站点地图是整个系统的核心用户的旅程在你的网站上。

标准的网站重新设计过程的问题是，尽管最初的发现和对模板的决定有助于推动进程，但这是不够的。

我把它比作勾画出建造一座房子的计划，而不是实际创造一份蓝图。

这个过程不仅对网站的技术组织很有价值，而且对你希望你的用户如何使用它也很有价值经验你的新网站。

当你开始考虑网站地图时，问问你自己和你的团队这样的问题:用户将如何与你的网站互动?

• 网站的最终目标是什么？用户需要到达哪里（我们将如何让他们到达那里）？
• 什么内容对于我们的角色来说是重要的，可以立即查看或找到？
• 哪些内容是次要的，可以从主导航栏中删除?
• 是否有一些页面可以在一个页面上压缩成更长的内容，而不是有多个页面？

在开发网站之前不规划网站地图的后果就像没有蓝图就建房子一样——你最终会有通向任何地方的楼梯(死胡同页面)，或者没有真正用途的房间(页面)。

当你继续开发你的网站时，这些后果会产生复合效应。

糟糕的导航和用户流会导致消极的用户体验，从而导致较高的跳出率，从而导致较低的搜索排名——这是一个坏消息链。

何时确定站点地图

简单的回答是——尽快！

如果你再想想我们的房子比喻，你会想在破土动工之前，创造一个完整的房子结构蓝图。

在重新设计之前规划好你的网站地图会给你所需要的结构和计划，让你在有趣的事情上自由发挥——建筑和装饰！（又称设计与开发）

如果您已经决定了视觉外观，那么很容易推迟思考站点的体系结构将是什么，但此时，完成站点地图至关重要。

这一点非常重要，不仅因为它可以让您在以后的过程中不必增加项目的范围，而且还可以使整个设计和开发过程更加顺利。

拥有一个已定义的站点地图将为您提供一个清晰的视野，您需要将哪些内容整合到不同的模板中。

更重要的是，它会给你一个确切的页面列表，你需要立即开发内容，这样你就可以在设计自己的时候开始工作了。

创建新站点地图的策略

有很多策略可以用来创建站点地图，但没有一种策略是最好的。

重要的一点是创建一个包含两个核心组件的组件：

• 所有站点页面的列表，以及用户访问每个页面的路径
• 将从主导航链接到的页面

无论站点有多大或多小，构建这两个部分都将为您提供经过深思熟虑的站点地图和总体站点体验。

在本文末尾，我列出了一些可以用来创建站点地图的站点，但我还想分享我如何为IMPACT的客户创建它们的两个简单策略。

1 |简单网站地图表

简单站点地图表本质上是按导航级别细分的站点页面列表。

导航级别1页面显示站点的主导航——人们到达站点时在菜单中看到的内容。

第2级的导航项要么出现在主导航的下拉菜单中，要么从第1级页面导航到它，以此类推。

无论您是否要创建一个可视化的站点地图（见下一节），我总是建议像这样创建一个简单的站点地图。

您将能够准确地列出哪些页面将使用哪些模板，然后通过输入页面URL、标题和元描述来进行组织并提前完成游戏。

下面是一个简单的网站地图翻译成网站的真实例子:

2 |可视化网站地图

如果你能通过观看来更好地处理事情，那么创建一个可视化的网站地图将会非常有帮助。

没有一种正确的方法可以组合一个可视化的站点地图，但你可能会发现，最简单的方法是先在一张纸或白板上画出它，然后将其数字化。

在IMPACT，我们使用一个名为莫克斯创建模板线框，我发现它也是创建可视化站点地图的好工具。

你可以在这里看到一个例子:

创建可视化网站地图时，请确保包含以下元素：

• 页面标题（必要时提供说明）
• 各个页面之间的连接（使用箭头显示用户从一个页面到另一个页面的方式）
• 页面和主导航之间的连接

就像一个简单的网站地图表，你的可视网站地图应该包括你打算在你的新网站上创建的每一个页面。如果你有大量的页面，你可能想要创建多个站点地图—一个停留在高级导航，然后其他粒度进入网站的不同区域。

制作站点地图的工具

如果您不具备使用Moqups等工具的技术诀窍，那么在线上有许多工具可以指导您完成整个过程，并为您生成可视化的站点地图。

以下是我的一些最爱：

• 书写地图-这个服务之所以在我的列表中名列前茅，是因为它是唯一一个拥有完全免费版本的网站地图构建者(大多数只有14天或30天的免费试用选项)。虽然免费版本相对有限，但它能让你生成3种不同的视觉站点地图——这对于大多数重新设计的网站项目来说已经足够了。
• 花里胡哨的计划-该平台不仅有一个易于使用的可视化sitemap builder，而且还具有其他功能，如内容规划器和图表生成器，用于构建用户流。如果你正在做一个简单的网站重新设计，他们30天的免费试用期可能就是你设置网站架构所需的全部时间。
• 心智节点-如果你想在头脑风暴中更自由一点，MindNode是一个很好的起点。

你意想不到的MVP

我经历过网站重新设计项目，这些项目涉及网站地图规划的各个方面；在我们开始讨论线框之前，从零思想到一切计划。

虽然您可能会试图跳过站点映射过程，以便可以跳转到设计实体模型令人兴奋的功能，在流程开始时花时间这样做，将在流畅的用户体验和有组织的网站重新设计过程中获得回报。

无论你的新网站是8页还是108页，规划和构建你的网站地图是确保你创建的网站架构是深思熟虑和有目的的最好方法。

您使用了哪些工具来构建新的站点架构？您如何着手规划您的网站导航和更多内容？请在下面的评论中告诉我们！