如何从您的网站重新设计项目中获得比较好的效果？

从 SEO 迁移到用户测试，我们讨论了您需要采取的关键步骤，以确保您在准备阶段和过程中都能充分利用网站重新设计。

网站重新设计可能是您的品牌或组织将遇到的昂贵和重要的数字项目之一。首先，是费用——可能是从几大到五位数的领域，具体取决于您网站的规模和要求。

然后是长期影响，这可能会更加重要，因为您的网站的有效性将是您的转化率、运营效率和在线客户品牌认知度的关键。

您对网站做出（或不做出）的每一个决定都会产生直接和持续的影响——所以让我们确保您做对了。

了解您现有的网站

在开始更改网站之前，您精确定义当前版本是什么以及做什么。

第一步是列出网站的所有页面。您可能已经有这个列表 - 但如果没有，我们建议您使用名称迷人的工具 Screaming Frog 为您创建它。使用免费版本，您至多可以抓取 500 个页面，这对于大多数网站来说应该足够了。

确定网站上的内容后，请浏览页面列表并写下每个页面与网站其他部分的关系。此外，请注意每个页面与任何关联的第三方应用程序/服务或后端系统之间流动的输出和输入。例如，您的 Billing 页面可能会指向 PayPal 或 Stripe 等第三方支付提供商。

一旦你准备好了所有信息，你就可以创建一个流程图，用它来描绘你的网站页面和内容的组织方式

查看 Writemaps 以获取更基本的站点布局，并查看 Slickplan 以获取更详细的站点地图和用户流程。这两个工具都使这个过程变得非常简单。

像这样将所有内容放在一个页面上有助于 Web 重新设计项目中的迁移，因为它通常会减少页面和流程之间重要关系受到损害的机会。如果参与该项目的每个人都能一目了然地看到页面与网站其他部分的关系，他们将更好地了解他们可以更改的内容以及如何更改。

为新网站设置目标

确保您的网站重新设计的成功主要在规划中。如果你不能定义你想要什么，你就把结果的要素归结为运气。

在定义网站重新设计的目标时，从功能的角度考虑，而不是根据 KPI 考虑性能。您的业务目标很可能是实现每月 50,000 次访问——但这取决于重新设计本身的内部和外部因素的组合。

更好的方法是列出您希望网站能够做的事情，包括它支持的用户体验以及它如何促进内部流程。让我们来看看您可能会考虑的一些要点：

功能

您的网站对您的业务意味着什么？一些公司的网站只是作为支持销售活动的投资组合——而在规模的另一端，许多数字化转型的企业使用他们的网站作为其所有产品和服务的专属平台。

您的前端功能要求将取决于您的网站在您所做的全部中将扮演的角色，因此我们建议您仔细考虑您不仅在明年，而且在之后的几年内将如何开展业务。

一旦你确定了你的网站对你的业务来说是什么，你就可以规划它要做什么。此功能列表可能包括：

保护用户帐户访问区域

在线支付

联系表格

集成的 Web 应用程序

当然，这些只是网站今天可以做的大量事情中的一小部分。无论您选择哪种功能，请确保每一种功能都以符合您的品牌和业务目标的方式满足客户的需求。

在开始网站重新设计项目之前，请将您所需的功能写在石头上，因为在开发过程中添加功能可能会给您的开发人员带来问题、更长的项目持续时间和额外的成本。

其他目标

对访问者和搜索算法来说，重要的不仅是您的网站做什么，还有它如何做。考虑到这一点，请考虑根据以下几点（以及您认为重要的任何其他要点）来设置目标：

响应式设计 – 此时，几乎每个新网站都是响应式设计的，这意味着它会根据访问者使用的设备类型（移动设备、平板电脑或台式机）等因素呈现不同。这与其说是一个网页设计目标，不如说是一个要求——但无论如何我们都包括它，因为它太重要了，不容错过。

提高速度和性能 – Web 用户，尤其是使用智能手机的用户，对加载缓慢的 Web 内容越来越没有耐心。这反映在访问者行为（正如我们从慢速网站通常较高的跳出率中可以看出的那样）和搜索引擎排名策略中。

新的集成 – 您是否要将任何第三方应用程序固定到您的网站上？如果是这样，您将集成哪些应用程序？该网站需要为将来与新应用程序的集成做好多准备？

对您的内容的支持 - 负责您的网站内容的团队成员 - 从博客条目到产品列表 - 将对内容在网站上的呈现方式有自己的愿景。因此，针对他们所需的副本、标题、图像和其他富媒体进行优化。

加快 IT 支持 – 您的 IT 支持需要有效的方法来访问网站设置/代码、接收支持票证以及联系第三方支持（例如托管/CMS 提供商）。

关于设定目标的最后一条建议

您的网站将影响并代表您组织整个广度和深度的利益相关者。因此，确保在您的 Web 开发人员的简报中代表所有各方。（查看我们关于利益相关者管理的资源)

实现这一目标的一个可靠方法是将所有部门的请求汇编到您的简报中。如果请求或其他输入将有问题或与更重要的请求不兼容，您可以通过与开发团队讨论来确定比较好的前进方式。然后，应将所做决定及其背后的原因告知受影响的利益相关者。

线框图

线框是网页设计的外观和行为的模型，通常没有任何品牌字体或颜色，因此这些因素不会妨碍良好的整体设计。您应该要求您的网页设计师在重新设计过程的每个重要步骤后提供新的线框，因为这将帮助您确保开发中的网站与您建立的目标保持同步。

在设计过程的每个阶段，您将需要三个单独的线框 - 网站的移动、平板电脑和桌面布局各一个。无论您自己的设备类型偏好如何，请务必始终牢记所有三种布局。对于线框设计过程的每个阶段，您都可能会探索同一页面的许多不同布局版本，直到您最终找到一个满足每个人期望的版本并签署网站该区域的设计。使用线框比设计同一网页的多个版本要快得多，因为每个设计理念的内容比较少。一个好的线框审批流程可以帮助确保项目按计划进行并按预算进行，方法是在创建任何代码或创意资产之前就去哪里达成一致。这些签名的线框图然后有效地成为构建内容的蓝图。

SEO 迁移

重新设计您的网站不需要以牺牲其搜索可见性为代价——前提是您事先投入时间。

我们建议您在任何上线发布日期之前尽早开始您的 SEO 迁移计划，特别是如果您有一个包含大量反向链接的大型网站。在对网站进行任何更改之前，考虑您计划移动到其他 URL 的每个页面或内容项。

例如，如果我们 targetinternet.com/digitalmarketingpodcast 我们的网页并决定将 URL 更改为 targetinternet.com/themarketingpodcast，我们将面临需要将页面内容移动到新 URL 的情况——但每个人都仍然链接到旧 URL。任何点击这些链接的访客最终都会进入 404 错误页面。

为了防止这种情况，我们需要创建一个服务器级重定向规则，当访客访问旧 URL 时，该规则会将访客带到新页面。这并非在所有情况下都有效 - 尤其是在页面内容发生显着变化的情况下 - 但是当您在相似页面之间切换时，这是非常值得的。如果你不这样做，你可能会失去有价值的反向链接和流量。一个好的网站 SEO 迁移过程也将有助于确保一旦新网站启动，谷歌已编入索引的任何指向您网站的链接都会更快地更新，这将再次真正帮助您增加流量。要更多地了解 SEO 迁移比较好的实践，我们强烈建议您阅读 Moz 的这份 SEO mirgration 指南，其中详细介绍了为什么这是如此重要的一步以及如何比较好地实现良好的迁移。

重要的是，没有人会足够快地开始他们的 SEO 迁移计划。通过提前几个月计划来逆势而上 - 或者如果您有一个大型网站，请聘请专业的 SEO 移民机构。

如何应对电子商务变革

如果您打算更改电子商务设置作为网站重新设计项目的一部分，那么采取充分的方法是明智的。这是屡获殊荣的电子商务咨询公司 Space48 的创始人兼董事总经理 John Woodall 的说法。以下是我们在 The Digital Marketing Podcast 的一集中采访他时他所说的话：

“相信新平台将解决所有问题是一个电子商务神话。也许它让您能够访问一些新功能，也许它让您有机会从头开始重置甚至重塑自己。

“我确实理解这种方法，但我们不能认为做出一个选择平台的决定就能解决我们所有的问题。忘记只平台;就客户真正想要什么而言，或者我们需要在物流方面做些什么？我们的客户获取渠道发生了什么变化？我们需要将许多拼图放在一起，确保你做正确的事情的为一方法是采用非常充分的方法。

对于 Woodall 来说，这种完全的方法是围绕着完全正确地实现以下三个“P”而建立的：

平台 – 它是否能为我们提供未来三年路线图所需的信息？

人员 – 我们的团队和代理同事是否具备所需的技能？

过程 – 解决这个问题的正确方法是什么，终点线是什么？

如果您的网站重新设计项目将涉及电子商务改造，这些是您应该问的关键问题。改进您的平台从来都不是全部。

可用性测试

在你上线重新设计的网站之前，你需要确保它提供你想要的用户体验 （UX）。

其中一部分可以通过内部测试来实现，即让团队成员浏览该网站，确保所有链接/功能都正常工作。

但是，您还需要从用户的角度公正地了解您的网站有多好。如果你让自己的员工来测试网站的用户体验，你很可能会收到在一定程度上受到每个团队成员自己的先入之见和既得利益影响的反馈（或者反馈在过度补偿的程度上朝着另一个方向发展）。

因此，我们建议让自由用户测试人员参与测试过程。使用计算机上的软件，他们将能够在测试您的布局时记录屏幕上的内容 - 以及他们的想法，口头。同时，您可以在此过程中向他们提问或提供提示。

为测试人员编写问题的一些提示：

将复杂问题分解为简单问题

使用外行术语

让您的测试人员完成典型的客户旅程 - 例如，从为特定角色设计的登录页面，一直到购买点

对负面反馈的反应方式与对正面反馈的反应相同

确保您已在测试中涵盖所有新功能、特性和布局元素

您收到的回复对于创建网站的比较好的迭代可能非常宝贵。

进行最后的润色

涵盖所有这些要点后，您的网站重新设计项目应该为成功做好准备。回到我们在文章前面提出的关于了解您之前的网站版本的作用的观点，请记住解决您所做的更改造成的任何松散的结局。

例如，您可能需要更新电子邮件模板以适应新的网站设置。或者，如果您的品牌或 URL 已更改，您可能需要更新您的社交媒体属性。

以不遗余力的态度完成您的网站重新设计，您将有很大的机会从一个站点过渡到另一个站点，而造成的干扰比较小。如果您以前曾经从事过网站重新设计工作，您就会认识到这确实是一项了不起的成就！