如何重新設計WordPress網站（並保持SEO）

網站重新設計對企業來說既令人興奮又具有挑戰性。重新設計並沒有很大的希望，但這是一項巨大的事業。重新設計可以通過使您有機會將站點剝離並再次備份來解決您的現有問題。

從做過很多WordPress重建的人那裡拿走它- 這是值得的，但絕對需要一些工作。

為什麼要重新設計您的網站？

當您的網站感到卡住時，需要重新設計。這有多種不同的形式，但這裡有一些值得大改變的形式：

如果您對任何一項都表示同意，那麼重新設計可能符合您的最大利益。

重新設計WordPress網站的步驟

對於任何網站重新設計，都有一個萬無一失的過程。但是，毫不奇怪，我們建議從計劃開始。

1。計劃您的重新設計需求

目標設定是網站重新設計的重要組成部分。這太大了，無法漫無目的地浮動。考慮一下您實際想要實現的目標。

網站重新設計的共同目標通常包括以下內容：

• 更好的核心網絡生命值分數（更快的網站對每個人都更好）
• 提高了轉化率（無論是表格提交，產品購買還是網站上的任何其他關鍵操作）
• 改進了用戶參與度，該訂單時間和跳出率之類的衡量
• 創建一個可擴展的設計系統，簡化未來的內容創建
• 添加新功能以增強用戶體驗（例如客戶評論，更快的結帳，更好的視頻方式或更輕鬆的導航）

這些目標中的一些，例如您的核心網絡生命值分數或轉化率，可以通過跟踪指標很容易測量。其他人，例如創建更好的設計系統，可能更多地是關於達到一定的感覺或效率水平。重要的是要確保您的目標定義明確並在開始之前寫下。

2。創建一個登台網站

切勿在現場站點上工作。改為設置一個登台站點。使用您的託管工具克隆WordPress網站。如果您不這樣做，則可能在訪問者仍在嘗試訪問它的同時破壞網站。另外，登台網站通過保持當前網站來減輕壓力。除非原始站點是淨負數，否則我也不建議在實時網站上使用未建造頁面。只需等到重新設計的站點準備就緒。

Siteground提供了從您現有網站創建登台網站的最簡單方法之一。

分期網站是您網站上“生活”在臨時URL上的克隆。它與您的實時站點完全分開，因此兩者之間沒有乾擾。

在您的登台網站上，您需要暫時將其刪除，以便Google直到將其推送為實時網站之前才注意到它。為此，請轉到“設置>讀取”，然後選中“阻止搜索引擎索引此站點”的框。如果您在實時網站上除了索引您的登台網站，您將混淆Google。

3。保存SEO和技術細節

重新設計會影響您的SEO。搜索引擎根據您現有的站點結構創建其索引。更改過多會導致Google從其索引中刪除頁面，然後重新開始該過程。這就是為什麼我建議對您現有網站進行全面審核的原因。使用Google搜索控制台識別高性能頁面，爬網錯誤和關鍵字排名。導出這些數據將幫助您建立基準，以比較重新設計的網站，並使您無法更改網站的基礎知識。

確保每一個重新設計都執行這些操作：

1. 保留現有的URL。跟踪每個頁面並在您的網站上發布，包括CMS構建的頁面（考慮分類法和商店頁面）。我喜歡所有這些電子表格。您可以查看網站的95％頁面。
2. 為所有具有URL更改的頁面設置301個重定向（非常重要 - 某些插件將自動執行此操作）。
3. 關於301，保持您以前的重定向完整。您可能還需要清理任何必要的301（404還不錯，但如果頁面移動，請使用301）。
4. 遷移您的標題標籤和元描述。您可能會更改它們，但是如果您不這樣做，您當然不想丟失它們。
5. 保留在您的頁面上使用的任何其他模式（默認情況下，SEO插件默認創建的圖架）。當您簡單地忘記保存該圖架時，重新創建模式很痛苦（也使用電子表格也是如此）。
6. 保持標題結構完整，因為搜索引擎將其用於上下文。您可以更改內容，但只知道它們可能會影響您以前的SEO。

SEO通常是重新設計的事後想法。儘管SEO可能是您優化新網站的最後一件事（在理性之內），但它應該是您在重新設計中考慮的第一件事之一。如果您現有的網站獲得當前的流量，則您不想返回一步（或幾個）。

4。使用Divi進行WordPress重新設計

在更改主題的同時可以大大改變網站，但好消息是您所有的媒體和CPT都保持完整。您上傳的圖像和視頻將具有與您構建的任何自定義帖子類型相同的URL路徑（儘管需要重建查詢循環和頁面上的元素，並且分頁可能會改變）。這應該會通過重新設計使您更有信心，因為您不是從零開始。

現在，選擇WordPress重新設計的主題時，您有數百個選項。但是，實際上設計網站比Divi更好。我還沒有看到WordPress的頁面構建器為用戶提供盡可能多的設計選項（無論他們是初學者還是非常精通CSS的人）。

Divi是一台設計機器，如果您真的致力於重新設計，我建議您不要選擇將您推入另一個設計瓶頸的工具。首先，Divi是設計工具。這意味著它具有重建新網站所需的所有功能。

如果您需要更多的幫助，Divi擁有由我們的專業網絡設計師團隊設計的入門網站。您也可以使用我們久經考驗的AI網站構建器進行更自定義的東西。兩種選項的最好的部分是，每個設計都符合Divi，這意味著Divi編輯器中的所有內容都是可編輯的。

預算緊張？ Divi實際上是市場上最負擔得起的網絡設計工具之一。您會以每月7.42美元的價格獲得一個成熟的設計工具，雲存儲，AI助手，VIP支持（比我願意塞入這句話的更多）。

重新設計Divi

5。設計您的頁面和模板

首先設置您的全球顏色和字體。您可以在Divi主題選項或WordPress主題Customizer中建立主要的調色板和字體配對。

接下來，開始使用Divi的預設系統。預設為您所有常見的網站元素創建可重複使用的設計樣式。考慮一下按鈕，標題，不同的文本樣式，表單字段等。預設對於確保整個網站的設計一致性至關重要。我從一個頁面開始，其中包含我知道我會在整個網站中使用的元素 - 他人喜歡從主頁開始。

然後，使用Divi的主題構建器在標題和頁腳模板上工作。創建將在整個網站上應用的全球標題和頁腳模板（如果需要的話，也將用於特定的部分）。另外，創建任何必要的動態頁面模板。動態頁面模板用於自動應用於模板的內容（例如您的博客文章，類別存檔頁面和產品頁面）。

之後，我發現最好通過設計核心靜態頁面來完成。從您最關鍵的靜態頁面開始，例如主頁，關於頁面，聯繫頁面，服務頁面等。在設計這些頁面時，請應用全局樣式和預設以保持視覺一致性。專注於在每個頁面上使用有效的呼籲行動創建清晰的佈局。

6.優化您的網站以供性能

我不會這一點，因為您可以深入了解改進Google頁面速​​度分數以及應使用哪些插件進行速度優化。但這是我自己完成的任何重新設計的東西：

Divi

Divi 5 alpha的較早版本，將頁面加載時間減少了四倍

我們已經介紹了Divi是一個很棒的主題，該主題對設計自由和控制沒有任何限制。但這也是市場上最快，最出色的WordPress主題之一。如果您在此重新設計期間第一次安裝Divi，我強烈建議您研究Divi 5 - 完全重建的網站構建器版本，它比Divi的舊版本更快，並且已經具有更多的新功能。如果您正在重新設計WooCommerce商店，那麼舊版本是您現在最好的選擇，但是在大多數其他情況下，Divi 5是您想要使用的。

重新設計Divi

Cloudflare CDN

CloudFlare是一個內容交付網絡（CDN），它在全球服務器上存儲並為您的網站的靜態資產提供服務，從而減少了向用戶的距離數據傳播（使其更快）。我經常將免費版本用於較小的網站。但是，下一個工具是我用於我的業務收入的網站。

獲得Cloudflare

氮氣

Nitropack是一個非常非常快速的網站的多合一平台。它提供WordPress網站智能緩存，通過其自己的CDN進行優化的資源交付以及令人印象深刻的圖像優化。它還處理懶惰的加載並將圖像轉換為WebP。使用WordPress，您經常將一連串的插件和第三方工具修補在一起，但是Nitropack確實是一站式商店。請自己使用這套令人驚嘆的集成工具套件 - 您稍後會感謝我。

獲取氮氣

7。遵循預發出的清單

預先發布的清單，因此您不會意外錯過任何東西。實際上，您可以檢查數百件事，但這裡有六個主要類別要檢查：

• 校對所有內容：檢查錯別字，語法錯誤以及任何需要密切關注的東西（我喜歡在這裡使用AI來捕捉某些東西）。
• 圖像和媒體評論：確保正確顯示所有圖像和視頻。
• 移動測試：在移動設備和平板電腦上測試每個頁面，以確保響應式設計按預期工作。我們生活在21世紀，因此請確保還測試超寬的顯示器。
• 跨瀏覽器測試：在不同的瀏覽器（Chrome，Firefox，Safari，Edge）上測試您的網站，以確保兼容性。
• 執行網站爬網：如果可以的話，請使用免費版本的ScreamingFrog來爬網站，看看是否需要在發布前進行任何明顯的錯誤。
• 安裝分析：在發布之前是設置分析的好時機。確保設置轉換事件，以便您真正了解重新設計的網站的表現。

8。上線

真理到了！一旦您在分期環境中嚴格測試了重新設計的網站，並且對其穩定性和性能充滿信心，就該上線了。在這一點上，您已經建立了功能良好，滿足最終用戶並實現您的業務目標的東西。

如果您使用的是Siteground，則可以使用其網站工具實時進行登台網站。就像Siteground通過一鍵創建了您的登台環境一樣，它將將登台站點換成實時環境。

它只需要片刻才能實現。我喜歡它如何處理將整個網站上的登台URL更改為您的自定義域。這曾經是如此痛苦，但現在確實很輕鬆。

WordPress重新設計正確

我們經常聽到用戶說，他們希望他們希望提前幾年改用Divi，尤其是那些想要比典型的WordPress主題提供的設計控制的人。 Divi使WordPress重新設計了一個樂趣。它的拖放構建器，全球設計設置和高級樣式選項可讓您重新設計網站以反映您的品牌和目標。不要切斷任何角落，並獲得Wo​​rdPress主題，您將在幾年內最終取代。

嘗試Divi

一旦擁有正確的主題，請專注於在您的網站上添加新功能，維護（並改善其SEO），並從一開始就以速度和響應能力來構建。

得到它去

重新設計是很多工作，但是使用這些工具我們這樣做的方式使它們變得更加容易。我們建議以下任何這些工具用於託管，設計和優化您的網站。