更新电子商务网站的 7 个最佳实践

作为自由职业者或代理设计师，更新 WordPress 网站会很有趣。 您可能会进行全面的品牌探索、更新网站或探索一定会让您的客户“惊叹”的新功能。

但是您可能知道，当更新是针对电子商务网站时，在实际更改任何内容之前需要考虑很多事情。

为了帮助您处理这些站点更新，同时将停机时间或销售损失降至最低，我制作了本指南，灵感来自 Flywheel 的幸福工程师和我们的代理合作伙伴计划成员的建议。

本指南将涵盖：

1. 5个迹象表明是时候重新设计电子商务（或至少进行重大更新）
2. 为什么在更新电子商务网站时应该谨慎
3. 避免停机或收入损失的最佳实践

5个迹象表明是时候重新设计电子商务（或至少进行重大更新）

我们都知道，仅仅因为客户要求重新设计完整的网站，这并不总是对他们来说是最好的解决方案。 特别是对于电子商务网站，如果您不必重新设计它，有时最好尝试进行较小的更新（以避免我们将在下一节中讨论的一些问题）。

然而，这并不意味着重新设计是不可能的。 事实上，有一些很棒的场景可能是正确的选择：

1. 该网站的转化率很低。
2. 该网站的跳出率很高。
3. 您的客户收到有关网站功能的客户投诉。
4. 开发人员不再支持构建网站的主题或关键插件。
5. 你正在阅读这篇文章。

1、网站转化率低

如果您的客户有大量流量进入但转化率较低，这可能表明网站上出现了一些用户体验问题。 拉起 URL 并开始四处点击。 您可能很快就能注意到问题所在。

你可以问自己一些问题：

• 导航是否易于遵循？
• 产品页面是否清晰且易于购买？
• 网站和结帐流程是否适用于移动设备？
• 弹出窗口和小部件是否正确显示？
• 查看购物车是否容易？
• 输入信用卡信息是否安全？

虽然网站重新设计不是解决其中一些问题的唯一方法（当然也不是提高转化率的唯一方法），但它是解决一些潜在问题的一种方法，尤其是当您遇到超过一个。

2、网站跳出率高

与转化率一样，高跳出率可能表明当前网站设计没有引起购物者的共鸣。 最大的罪魁祸首之一：加载时间慢。

根据Google 2017 年的一项研究，随着页面加载时间从 1 秒变为 5 秒，跳出的概率增加了 90%。

对于电子商务网站，高跳出率直接转化为收入损失。 如果这是您可以为您的客户解决的问题，您将为他们提供大量价值（以及他们银行账户中的更多资金）。

同样，虽然重新设计并不是加快 WordPress 网站速度的唯一方法，但如果罪魁祸首似乎是网站构建时使用的某些技术，则可能有必要进行重新设计。 如果现在似乎是切换到 WooCommerce 或升级到多合一电子商务解决方案的合适时机，那么将所有这些更改组合成一个大更新而不是慢慢推出它们可能是有意义的。

3. 您的客户收到客户对网站功能的投诉

如果它真的坏了……那是重新设计的一个很好的理由。 用户体验对于电子商务网站至关重要，因为您需要最终客户对输入信用卡信息、添加送货地址或向客户网站提供其他个人数据等操作充满信心。

如果您或您的客户不定期测试他们的网站，功能问题可能会暂时被忽视。 希望您的客户拥有不怕提供反馈的客户，并且如果网站的元素损坏或令人困惑，他们会发送电子邮件或提交支持票。

如果您的客户提到在这里和那里收到投诉，这可能没什么大不了的（或者至少可以通过一次性的错误修复来解决）。 如果您的客户提到了很多此类投诉，或者似乎存在某种模式，那么这是一个好兆头，可能存在更大的问题，并且可能需要重新设计。

4. 网站上的主题或关键插件不再被开发者支持

这可能是重新设计此列表的最明显原因，实际上可能是低转化率、高跳出率和功能损坏的原因。 如果您客户的网站依赖于不再受支持的软件，那么需要重新设计只是时间问题。

但是，在您对某个主题或插件停止下结论之前，最好先进行研究以了解发生了什么。 也许插件或主题作者发布了您的客户错过的重要更新，或者他们已被另一家公司收购并且有不同的支持流程。

最后，您可能仍会决定需要使用新主题或插件进行重新设计，但在进行更改之前建立此上下文会很有帮助，因此不会有任何意外。

5. 你正在阅读这篇文章

如果您在这里，我猜您的直觉告诉您，您客户的电子商务网站实际上需要进行重大更新才能使其蓬勃发展。

倾听你的直觉。

虽然您应该确定重新设计的确切目标，但如果您和您的客户在所需更改的规模上保持一致，那么这是一个足够好的理由来优先考虑它，而不是试图摆脱小补丁。

重新设计将需要大量工作，但请记住，工作量（和潜在问题）只会继续增加，因为您推迟解决任何潜在问题的时间越长。

回顾一下：虽然重大更新并不是解决电子商务网站问题的唯一方法，但有时它们是必要的，尤其是在网站功能或用户体验受到损害的情况下。 如果您发现自己在客户网站上处于这个位置，那么在执行任何更新之前，您需要考虑一些事情。

为什么在更新电子商务网站时应该谨慎

需要明确的是，这个意义上的“谨慎”并不意味着“不要这样做”。 网页设计师每天都会毫无问题地更新电子商务网站，您也可以！

当我说“谨慎”时，我的意思是在更新电子商务网站时需要考虑一些额外的事情，如果你在将任何东西投入生产之前考虑它们，你会省去很多麻烦。

停机意味着失去销售和降低可信度

对于所有客户站点，您可能会尽量避免停机，但对于电子商务商店来说，正常运行时间至关重要。 如果网站访问者无法访问您客户的商店，他们实际上就没有机会成为客户，这增加了他们在其他地方开展业务的机会。

一个损坏的网站甚至可能永久地将一些访客拒之门外，使他们认为商店已被黑客入侵或倒闭。

不要施加压力，但与电子商务网站合作时，风险会更高一些。 因此，为什么最好在进行任何更新之前做好准备。

覆盖数据库可能会丢失实时站点上的订单

假设您在现场站点正常启动并正常运行时在暂存环境中进行更改。 您更新代码、测试更改并在四个小时后推送到生产环境。

如果您覆盖数据库，那么在这四小时时间内发生在实时网站上的订单可能会被删除……导致客户困惑和客户的库存问题。

如果他们的网站还没有收到太多流量，您可能能够毫发无损地覆盖数据库，但是随着您客户的商店变得更加成功（并且订单频率开始增加），风险也会增加。 这意味着您执行站点更新的工作流程对于确保您不会覆盖任何您无意覆盖的内容至关重要。

巨大的变化可能会使用户体验面临风险

对于电子商务网站，重要的用户操作会不断实时发生，例如将产品添加到购物车、输入帐单信息、提交付款等。想象一下，当您正在设计整个网站时，您将要购买某些东西关于变化。 你会相信它吗？

可能不是。 你会刷新，感到困惑，甚至可能会打开竞争对手的网站。

在下一节中，我将研究如何防止这种不确定性的更新（尤其是在重新设计的规模上）。 但是，对于电子商务网站的任何更新，最好考虑在更新时当前网站上的用户将如何看待这些更改，以确保您没有做任何过于激烈的事情（尤其是结帐流程）。

既然您知道更新电子商务网站时要记住的几件事，那么让我们来看看好东西吧！

避免停机或收入损失的最佳实践

根据更新的规模，可能需要也可能不需要遵循所有这些步骤。 我的目标是，您将能够混合和匹配这些最佳实践，以发现最适合您和您的客户的工作流程！

1. 确保 WordPress、主题和关键插件已更新

仅此步骤就可以解决您所有的更新问题吗？ 不。

但是，它将确保您不会仅仅为了知道某些事情会发生故障或可以通过首先更新插件来修复而对站点进行重大更改。

此外，重新设计始终是网站管理的好时机，所以拥抱你内心的 Marie Kondo 并组织起来。 执行 WordPress、主题和插件更新、归档旧订单、清理数据库，甚至可能卸载网站不再使用的一些主题或插件。

（我们都知道他们加起来的速度有多快，特别是如果您的客户在来找您之前正在管理他们自己的网站！）

一旦一切都在最新版本上运行，您将确切知道在重新设计时您正在使用什么。 谁知道呢，也许你甚至可以通过更新一些东西来修复功能问题来缩短你的待办事项列表！

2.考虑通知用户网站维护，让他们知道什么时候不购物

这可能不适用于所有电子商务网站，但如果您的客户的购物者社区很小，那么有关网站更新的通知的透明度可能会受到赞赏。 最好的部分是它不会为您增加太多额外的工作； 您只需要与您的客户清楚地沟通时间表，以便每个人都确切地知道预计何时会发生变化。

如果您的客户有很多回头客，您可以建议他们发送电子邮件通知用户维护窗口。 如果您的客户向许多净新访问者销售产品，则可能值得探索一个弹出窗口或粘性标题，其中包含有关更新何时发生的消息。

说到“更新何时发生”，如果您或您的客户对此感到担心，您可以采取的另一个步骤是在“非”营业时间进行更改（例如，如果他们的大部分销售发生在 9 -5)。

虽然这些技术不能保证人们不会在更新窗口期间购物，但它们可以帮助减轻在将更改推送到生产环境时网站上发生的一些活动风险。

3. 在实时推送更新的同时建立维护页面

如果在访问者处于活动状态时更新电子商务网站不是您想要承担的风险，那么阻止购物的一种完全有效的方法是将网站置于维护模式。

维护页面或“即将推出”页面本质上隐藏了您网站的所有内容，通常带有“更新即将到来； 稍后检查！”

这种技术的好处是它看起来比损坏的网站更专业。 访问者不会看到正在进行的重新设计（并且可能处于损坏状态），而是会看到一个简单的登录页面，其中包含有关正在发生的事情的上下文。

缺点是当您的站点处于维护模式时访问者将无法购物，因此最好在您准备好进行更新时将其打开，然后在完成后立即将其关闭这样您的客户就可以重新获得销售收入。

这些插件可以帮助您将站点置于维护模式：

• WP 维护模式
• 花式即将推出和维护模式
• 智能维护模式

同样，在下班时间进行更新可以帮助减轻重新设计带来的任何收入损失。

4.首先在本地或临时站点上进行更改，然后更新实时站点

您可能听说过永远不应该在实时站点上进行更改，而应该使用临时环境或本地环境在推送到生产之前测试您的更新。

首先在开发环境中测试您的更新仍然是一个好主意，但您需要小心自动将更改推送到生产环境，以防该过程覆盖实时站点的数据库。 （正如我之前提到的，这可能会导致订单丢失，这不是您想要处理的头疼问题。）

许多网页设计师在匹配的开发环境中测试代码后，会手动在实时站点上进行更新。 这不是最流畅的工作流程，但它确实确保您的数据库保持不变，并且仍然让您有机会在编辑商店之前进行测试。

如果您以前没有使用过登台站点，请查看您的 WordPress 主机是否提供了该站点。 （Flywheel 和 WP Engine 在每个计划中都包含一个临时站点！）如果它尚未包含在您的托管包中，您可能需要考虑升级您的计划以解锁该功能。

至于本地环境，Local 是一个免费的本地开发平台，您可以在不到五分钟的时间内上手。 您还可以连接 Flywheel 或 WP Engine 站点，从而非常容易地下载电子商务站点的副本，因此您知道环境和数据库匹配。

5. 实时推送更改前后的质量检查

在重新设计电子商务网站时，测试是至关重要的，我建议您在实时推送更改之前和之后都进行测试。

Flywheel 和 WP Engine 的临时站点以及 Local 允许您在实时站点的副本上工作（因此您可以有理由相信，如果事情在那里工作，他们将在生产中工作），但确认仍然很聪明一旦您的更改生效，一切都会按预期工作。

毕竟，您永远不想冒险推动生产变更，离开，然后因为发生故障而接到客户的愤怒电话，而您没有意识到这一点。

当然，您需要测试您正在更新的任何内容，并查看任何具有重大设计更改的页面，但您需要检查的电子商务网站的另一个元素是购买能力。

这些资源可以在您测试结帐流程时提供帮助：

• 测试 WooCommerce 付款：WooCommerce 帮助文档
• WooCommerce 核心测试清单：GitHub 上的 WooCommerce 清单
• Ghost Inspector：用于测试网站更新的应用程序
• Usetrace：不需要代码的测试系统
• Cypress：一个 JavaScript 端到端测试框架
• Puppeteer：一个通过 DevTools 协议控制 Chrome 的节点库

6.拥抱迭代测试（如果可以的话）

如果您对需要对电子商务网站进行的大量更改感到不知所措，那么在某些时候可能值得问自己：它们是否需要同时进行，还是可以拆分为多个较小的更新？

如果您正在进行全面的品牌重新设计和功能检修，最好设置维护模式并尝试立即将其全部淘汰。 但是，如果您正在进行较小的更改，或者可以考虑自然阶段来推出更新，那么一个好的做法是随着时间的推移接受迭代更改。

这有几个好处：

1. 如果出现问题，则更容易找出问题所在（因为您需要整理的代码行数更少）。
2. 用户体验不太可能被打乱，因为您将一次更新网站的一个部分（而不是整个网站）。
3. 如果您正在衡量网站更新的影响（例如，网站速度或转化率），您将能够准确找出导致结果的更改。

如果这会激发您进行大量小改动而不是完全重新设计，那么可能值得使用 GitHub 之类的版本控制系统。 这将帮助您跟踪代码更改的时间/方式，如果在准备好之前推送了某些内容，还可以帮助您轻松地回滚更新。

7. 制定支持计划，以防出现问题。

希望至少，您已经在暂存站点中测试了更改，或者在推送新代码行之前创建了实时站点的备份。 像这样的步骤将确保您可以回滚到您开始的地方，以防万一出现问题。

然而，在最坏的情况下，您可能需要打电话给朋友寻求帮助，并且最好在您盯着损坏的网页之前制定该计划。

想想你的资源。 如果您有一位业内朋友经常咨询问题，请在您即将进行重大重新设计时提醒他们，并查看他们是否恰好在同一时间段内可用，以防出现问题。

如果您在 Facebook 或网页设计师的 Slack 社区中很活跃，请考虑在开始更新之前也这样做，甚至寻求建议。

最后，确保您知道如何联系您的 WordPress 主机的支持团队以及为该网站提供动力的任何关键主题或插件，尤其是在您第一次激活新主题或插件时。 Flywheel 和 WP Engine 客户可以 24/7 全天候访问 WordPress 专家，如果出现服务器问题，他们始终处于待命状态。

单击此处了解有关飞轮支持、WP 引擎支持的更多信息，或单击此处通过飞轮仪表板访问支持。

更新电子商务网站可能比您的传统网站更困难，但有了这些提示，我希望您能够以最小的停机或收入损失风险来更改您的网站！ 通过遵循一些简单的最佳实践，您可以显着降低发生故障的机会，同时显着提高您的服务为客户提供的价值。

虽然这是一个很长的清单，但绝不是详尽无遗的。 您还做了什么来安全地更新电子商务网站？ 在下面的评论中告诉我！

使用 Flywheel 更轻松地更新 WordPress 电子商务网站

Flywheel 让您可以轻松管理客户的网站，这要归功于免费登台网站、免费自动备份、免费协作工具和 WordPress 专家提供的 24/7 全天候支持等功能。 这一切都建立在我们令人印象深刻的云托管基础设施之上，这为他们的网站提供了极快的速度和锁定的安全性。

立即发现托管合作伙伴（而不是提供商）的不同之处！