零事故网站重构：11步标准化流程与风险管理指南

什么是网站重新设计？

网站重新设计是一个涉及更改网站外观、内容和功能的过程。

目标？开发一个更好地满足用户需求和业务目标的网站。

网站更新涉及进行小规模的更改（例如对主页布局进行一些调整）。但是完全重新设计基本上是从头开始重建您现有的网站。

网站重新设计检查清单通常包括以下要素：

• 视觉设计：网站的外观，包括布局、配色方案、排版和品牌
• 用户体验 （UX）：网站如何为用户提供服务，包括导航和互动元素
• 搜索引擎优化 （SEO）：网站在搜索中的显示方式，包括关键字和元数据
• 网站架构：网站的组织方式，包括页面层次结构、URL 结构和内部链接
• 技术基础设施：网站在后端的运作方式，包括网站速度和安全性
• 可访问性：所有用户理解您的网站并与之互动的程度

何时考虑网站重新设计项目

不确定网页设计是否真的有必要？这里有一些信号表明是时候进行彻底改革了。

过时的设计

您的网站看起来像是 2010 年设计的吗？潜在客户可能会质疑您的企业是否仍在运营，或者是否可以满足他们当前的需求。

新品牌或定位

您的公司是否更新了其品牌或更新了其竞争定位？您的网站是您首先要推出这些更改的地方之一。

用户体验不佳

网站访问者是否经常告诉您他们在您的网站上找不到任何内容？

糟糕的移动体验

您的网站是否与移动友好相反？自 2017 年以来，移动设备产生了一半以上的网站流量。这意味着移动响应能力对于每个站点都是必不可少的。

内容管理系统限制

您的内容管理系统 （CMS） 是否限制了您网站的功能或您可以添加的插件？从 WordPress、Webflow 或任何其他 CMS 切换是从头开始重建网站的一个重要原因。

网站性能差

您的网站是否需要很长时间才能加载——即使您已经尝试了一切来加快加载速度？彻底重新设计让您有机会解决技术问题。

如何通过 11 个步骤重新设计您的网站

既然您知道何时该重新设计，以下是如何逐步进行重新设计。我将把我的流程分解为几个阶段，从发现和规划到启动和性能监控。

发现和规划

首先进行研究并明确您的策略。

第 1 步：审核您当前的网站

第一步是了解你的网站上发生的事情并对其当前性能进行基准测试。

• 使用 Google Analytics 检查网站访问者数据，例如总流量、跳出率和转化路径。
• 检查 PageSpeed Insights 以测试网站速度、视觉稳定性和移动响应能力。
• 查看 Google Search Console 以识别损坏的链接和技术错误。
• 分析 SEO 工具数据并识别排名靠前的页面，以及那些在许多关键字中排名不高的页面。

这个想法是评估哪些内容在您的网站上有效，哪些无效。这样，您可以保留对网站有好处的元素（例如排名靠前的内容），并更新那些不能服务的元素（例如在移动设备上加载缓慢的设计）。

第 2 步：进行用户和竞争研究

通过与您的实际潜在客户和客户交谈来验证您的研究。将调查添加到您的网站，以便您可以自动对网站访问者进行投票。或者手动联系客户。

询问他们喜欢您网站的哪些方面，从设计到功能。了解他们不喜欢您网站的哪些方面。提示他们突出显示阻碍他们查找信息或完成任务的摩擦点。

然后，列出竞争对手并分析他们的网站。确定竞争对手网站优于您的网站的领域，以及您的新网站可以做得更好的机会。

第 3 步：定义目标并协调利益相关者

在审核您的网站并了解您当前的情况后，您就可以设定重新设计目标了。您的新网站的成功是什么样的？

明确您想要实现的目标。例如，您可能希望：

• 创建更好的 UX，以便网站访问者可以轻松找到他们需要的信息。这应该使您的网站易于导航、降低跳出率并建立信任。
• 实施与您的团队使用的营销自动化工具集成的新 CMS。这使您的团队能够更一致地发布新内容。
• 通过减少网站用户的摩擦并引导客户执行后续步骤（例如注册列表、预约电话或进行购买）来提高转化率。

为流程的每个阶段制定时间表并制定明确的截止日期。

然后，组建一个由所有重要利益相关者组成的网站设计团队。例如，您需要有人签署品牌和设计、网站文案、搜索引擎优化和法律合规性。

网站结构和内容策略

在开发模型之前，先规划网站架构和内容。

第 4 步：确认导航和内容策略

将您的研究付诸实践。设计优先考虑用户目标的导航，以便您的目标受众可以轻松使用该网站。添加用户友好的导航菜单，以简化他们访问重要内容的方式。

不要忘记 SEO 最佳实践。使用将内容组织成类别的逻辑层次结构。确保大多数内容在主页上不超过 3 次点击。

当你这样做时，请明确你的内容策略。审核您的现有内容并确定它是否以及如何适应新的网站结构。

制定计划来合并冗余页面、取消发布过时的内容，并确定需要用新的登录页面填补的内容空白。

第 5 步：起草网站文案

现在，您可以创建或更新网站上最重要页面的内容。从您的主页开始，然后系统地浏览产品或服务页面、用例页面和行业页面。将现有优惠页面和转化页面包含在网站重新设计计划的这一部分。

以下是您在写作时要牢记的一些文案写作最佳实践：

• 为您的受众写作，解决他们的目标和痛点
• 融入您的品牌声音，包括您的风格和语气
• 通过清晰的页面结构和副标题使网站副本易于浏览
• 添加号召性用语 （CTA），提示潜在客户采取下一步行动

设计和原型制作

这是重新设计过程变得直观的地方——也是利益相关者参与进来的时候。

第 6 步：创建线框和设计系统

设计显示网站导航、用户流程和内容放置的线框。然后，创建一个显示调色板、排版和视觉样式的设计系统。

到现在为止，您应该开始了解新网站的外观和感觉。

我建议将可访问性纳入网站重新设计策略的这一阶段。选择具有足够对比度的辅助颜色和易于网站访问者阅读的字体。

第 7 步：构建模型或原型

接下来，将您的线框图和视觉指南转换为网站模型或原型。同样，从您网站上最重要的页面开始——例如您的主页和产品或服务页面。

将设计应用于实际内容草稿，以便利益相关者可以看到 Web 副本如何适合网站，包括文本层次结构、空白、导航和设计元素。

为各种屏幕尺寸开发原型。虽然移动设备可能会占您网站流量的很大一部分，但它们不会占全部。确保您的网站同样易于桌面用户浏览。

第 8 步：获得利益相关者的签字

成功重新设计的关键是让每个人都参与您的决定。因此，一旦您确认了主要的设计和复制决策，就将原型展示给您的利益相关者。

向他们介绍用户如何根据典型历程浏览网站。解释您为什么做出某些设计决策或构建特定页面。

收集反馈并进行必要的修改。记录整个过程中的每一条评论和更改。然后，让您的团队签署设计、UX 和文案。

开发和技术设置

建立您的新网站以获得成功的强大技术基础。

第 9 步：开发网站

现在，您已准备好将设计移交给您的开发团队。与网站开发人员合作，选择支持您的设计、营销自动化和合规性需求的 CMS。

使用带有相关关键字和逻辑层次结构的干净、描述性的 URL。如有必要，请创建 301 重定向以更新旧网站中内容的位置。

通过重点关注以下方面来优化 Google 的核心 Web Vitals：

• Largest Contentful Paint，反映内容加载性能
• Interaction to Next Paint，反映您网站的响应能力
• Cumulative Layout Shift，反映网站的视觉稳定性

在您的网站中构建 SEO 基础，以便您可以轻松地优化您的内容以提高搜索引擎排名。将架构标记和元数据合并到后端，以帮助每个页面对相关关键词进行排名。

第 10 步：测试和优化网站

在启动新网站之前，请花时间对其进行彻底测试。招募团队成员和测试版用户来检查您的网站在各种设备、浏览器和屏幕尺寸上的表现。检查外观和功能是否一致。

与开发团队合作创建测试清单。这样，就不会有任何东西被遗漏。以下是要添加到列表中的一些元素：

• 断开的链接
• 缺少图像
• 格式问题
• 错误的集成
• 加载速度慢
• 表单提交问题

启动和性能监控

采用新设计并密切监控性能。

第 11 步：启动和监控站点

现在您已准备好启动重新设计的网站。与您的开发团队一起，仔细阅读完整的清单，为成功启动网站奠定基础。

• 更新 DNS 设置
• 设置 SSL 证书
• 确认任何 301 重定向
• 检查分析跟踪

在头一两天密切监控该站点。确保您的开发团队可以快速解决任何错误。

然后，定期检查页面加载速度等技术方面、转化率等性能方面以及关键字排名等 SEO 方面。利用您的见解制定计划，以继续优化您的网站。

网站重新设计中应避免的常见错误

不要犯许多网页设计师所做的同样错误。注意这些错误，以使网站重新设计过程尽可能顺利。

错误	阶段	怎么修
缺失的性能基准测试	规划	在重新设计之前，记录网站流量、转化率和页面加载时间等基准指标。为每个指标设定具体目标
目标不一致	规划	在重新设计流程的初期阶段，明确设定目标。向利益相关者传达这些目标，并定期提供更新信息
导航问题	策略	对拟议的导航进行测试，邀请一组真实用户参与。观察他们如何使用网站以及在哪些环节遇到困难
糟糕的移动用户体验	设计	采用移动优先的设计理念，随后扩展至桌面端设计。在网站上线前，需对用户体验进行全面测试
品牌形象不一致	设计	制定品牌风格指南，包括颜色代码、字体规范、字号设置及间距规则
忽视 SEO 基础知识	发展	建立新的URL结构，并根据需要设置301重定向。实施结构化标记和元数据
无质量保证流程	发展	指定一名质量保证负责人并招募真实用户。按照清晰的检查清单测试网站，并确保用户能够轻松报告问题
发布后疏于管理	发布后	使用分析工具和搜索引擎优化（SEO）工具来监控网站性能。安排30天、60天和90天的定期审查，并制定持续优化的计划

常见问题

什么是网站重新设计？

这是对您网站的全面重建，而不仅仅是视觉更新。您正在重新设计设计、结构、内容和功能，以便您的网站更好地为用户服务并支持您的业务目标。

你如何重新设计网站？

首先弄清楚哪些有效，哪些无效。与用户交谈。检查您的分析。制定新的网站结构并编写更好的副本。然后是设计、开发、测试和发布。让它专注于解决实际问题，而不是追逐趋势。

您应该多久重新设计一次您的网站？

每当您的网站停止发挥其作用时。这可能是每隔几年一次，如果您的技术、品牌或受众发生变化，则可能更早。如果它缓慢、令人困惑或过时，那么是时候了。

为什么要重新设计网站？

因为旧的没有发挥作用。也许很难使用。也许是品牌不合时宜的。也许它只是没有转换。重新设计可让您修复损坏的内容，并为您想要接触的用户打造更好的体验。

关于网站重新设计的最终想法

许多企业一时兴起做出设计决策——没有计划，没有讨论，也没有网站重新设计目标。这可能会导致结果平淡无奇。或者更糟糕的是，持续的更新让客户感到困惑。

但是，有了清晰的工作流程，您的网站重新设计就不必让人不知所措。使用我的 11 步方法设定明确的目标，让每个人都参与进来，并设计一个获得您想要的结果的新网站。