更新電子商務網站的 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 全天候支持等功能。 這一切都建立在我們令人印象深刻的雲託管基礎設施之上，這為他們的網站提供了極快的速度和鎖定的安全性。

立即發現託管合作夥伴（而不是提供商）的不同之處！