網站重新設計檢查表：讓您的網站煥然一新

作為一個小企業主，你戴著許多隱喻性的帽子。

營銷人員、會計、客戶服務代表，甚至是網頁設計師。

對於你的實體店或辦公室，很容易注意到油漆是否脫落或傢俱是否過時。

但是，您上次仔細檢查您的網站是什麼時候呢？

您的網站往往是潛在客戶對您的企業的第一印象，值得像實體店一樣關注。

畢竟，您的網站就像您的全天候銷售員一樣，不知疲倦地吸引客戶，發展業務。

因此，也許你發現最近線上諮詢量減少了，或者街邊的競爭對手剛剛推出了一個時尚的新網站，讓你的網站看起來像停留在 2000 年代初。

也許你正在擴大你的產品線，但你目前的網站無法有效展示你的新產品。

這些跡象都表明，是時候重新設計網站了。

那麼，從哪裡開始呢？需要花費多少錢？在更新過程中會不會拖慢您的業務？

本網站重新設計指南將幫助回答所有這些問題以及更多。你將學會：

• 識別網站需要更新的蛛絲馬跡
• 規劃符合您業務目標的重新設計
• 執行重新設計，既不砸鍋賣鐵，也不失去理智
• 確保新網站能幫助您吸引更多客戶並提高銷售額

讓我們將您的網站從另一個數字小冊子轉變為促進小型企業發展的強大引擎。

何時重新設計網站？

軼事證據表明，網站應該每兩到三年更新一次。

但這完全取決於您的業務和客戶的期望。

電子商務網站需要更頻繁地更新，因為趨勢變化很快，客戶也希望看到新趨勢的實施。

例如，還記得當年大家都在誇讚單頁結賬嗎？現在情況變了，顧客更喜歡一鍵結賬。

你也不總是需要全面重新整理。有時，一些戰略性的改變，如更新結賬頁面或簡化導航選單，就能帶來很大的不同。

對於小型企業來說，重新設計的決定通常取決於業績。

• 你是否實現了業務目標？
• 客戶是否能輕鬆找到所需內容？
• 你的網站還能吸引到合適的流量嗎？
• 某些功能是否遭到投訴？
• 跳出率是否上升？(超過 50%可能會引起關注）。

如果您對上述任何一個問題的回答都是“否”，那麼可能是時候重新設計您的網站了。

需要更新網站設計的8個跡象

如果你想確定自己需要重新設計網站，這裡有八個明顯的跡象表明你的網站需要改造。

1. 網站效能達不到基準要求

如果你有一個網站，你可能也希望它能為你帶來一些成果–這些成果可能是更多的金錢、線索或潛在客戶的興趣。但你需要它為你的業務做些什麼。

如果沒有實現這一點，你可能要開始檢視資料，檢查網站更新是否能幫上忙：

轉化率：購買產品或訂閱時事通訊的人是否減少了？Wordstream 的一項研究發現，各行業著陸頁的平均轉化率為 2.35%，但前 25% 的轉化率為 5.31% 或更高。如果你的轉化率低於這些基準，那麼可能是時候做出改變了。

跳出率： 這用來衡量有多少人在瀏覽了一個頁面後離開了你的網站。根據 Jetpack，跳出率在 26% 至 40% 之間為優秀，41% 至 55% 為一般，56% 至 70% 則高於平均水平。如果你的跳出率在緩慢上升，這可能意味著網站訪客認為你的網站不夠吸引人。

頁面載入速度：眾所周知，頁面速度會影響轉化率。谷歌發現，當頁面載入時間從 1 秒增加到 3 秒時，跳出的概率會增加 32%。

53%的移動網站訪客會離開載入時間超過三秒的頁面。在競爭如此激烈的小型企業領域，你根本無法承受因網站效能不佳而失去潛在客戶的損失。

2. 您的網站已經落後於競爭對手

作為小企業主，重要的是要以正確的理由脫穎而出。要想脫穎而出，就需要對競爭對手進行分析，瞭解競爭對手的優勢和劣勢。

首先檢視他們的網站。

如果你發現自己在欣賞他們時尚的設計、直觀的導航或引人入勝的內容時，卻感覺自己的網站已經過時，那麼很可能是重新設計的時候了。

以下是你應該注意的幾個方面：

• 視覺吸引力： 與競爭對手相比，您的網站看起來是否現代、專業？
• 功能性： 你的競爭對手是否提供了你的網站所缺乏的功能？
• 內容質量： 您的內容是否與競爭對手的內容一樣吸引人，並且是最新的？
• 移動響應能力： 您的網站在移動裝置上的表現是否與競爭對手的一樣好？

另一種更簡單的方法是使用 HubSpot 的網站評分器。它根據效能、搜尋引擎優化、移動友好性和安全性對網站進行評分。

網站評級器還能為您提供準確的技術細節，告訴您所檢查的網站哪些是好的，哪些是壞的。

並非所有基準都需要應用於結果。

網站的技術效能同樣重要。

如果您的網站載入速度不快，近三分之一的訪問者會立即離開您的網站。

更重要的是，谷歌等搜尋引擎傾向於推廣使用當前最佳網頁設計實踐的網站。

例如，採用響應式設計（能適應不同螢幕尺寸）的網站比佈局不靈活的網站更容易獲得排名。

考慮到這些影響，值得關注以下效能指標：

• 頁面載入速度：不應超過兩秒。使用 PageSpeed Insights 進行測試。
• 移動響應速度：谷歌的移動友好測試可顯示您當前的網站設計是否在智慧手機和平板電腦上執行良好。
• 可訪問性：在可訪問性方面，較舊的設計通常得分較低。這使得一些使用者難以使用您的網站，搜尋引擎也不會認可。
• 可讀性：使用者閱讀內容所需的平均時間可以揭示您的色調和排版是否會導致可讀性問題。
• 搜尋引擎優化效能：在某些情況下，過時的前端會妨礙搜尋引擎優化工作。

在這些類別中，如果其中一個類別的結果不理想，就意味著網站設計有待改進。如果你發現自己的網站在另一個方面落後，請考慮採用新的網站設計實踐。

3. 您的品牌和設計風格已經改變

您的小企業不會永遠一成不變。它將隨著不斷變化的市場和客戶期望而發展。

您將完善目標受眾、擴大產品線或轉變公司價值觀。您的網站也需要隨之改變。

以蘋果公司為例。

早在 20 世紀 70 年代末，他們就使用了一個五顏六色的水果作為徽標。隨著時間的推移和新設計趨勢的出現，該公司後來決定使用光滑、單調的圖示更為合適。

有了早先的徽標，一個同樣充滿活力的網站似乎也就合適了。

然而，當徽標換成了更加含蓄和精緻的設計時，公司也對網站進行了改版，以適應新的風格。

下面是網站從 2004 年到 2024 年的變化：

如果你今天訪問蘋果公司的網站，你會發現它幾乎是全黑的，色調讓它看起來很 “高階”。

它與徽標相得益彰，讓訪問者聯想到拉絲鋁和黑色亮面螢幕，而這正是該公司的設計標誌。

現在讓我們回到您的網站。

您是否發現您的網站與您當前的品牌形象之間存在錯位，從而混淆了客戶或淡化了您的資訊？

要了解這一點，您可以從回答以下問題開始確認：

• 您網站的配色方案是否與您當前的品牌顏色相匹配？
• 網站內容的基調是否與品牌聲音一致？
• 網站上的圖片是否代表了您當前的產品或服務？
• 網站是否反映了公司當前的價值觀和使命？

愛德曼（Edelman）的研究發現，消費者對自己信任的品牌進行購買的可能性是其他品牌的兩倍多。他們往往會保持忠誠，併成為朋友中的擁護者。

要建立信任，你需要給人留下良好的第一印象。研究表明，消費者平均只需 0.05 秒 就能對您的網站形成看法。而這些第一印象中有 94%與視覺設計有關。

一些消費者（46.1%）甚至會根據網站的視覺吸引力（包括總體佈局、排版選擇和配色方案）來衡量品牌的可信度。

品牌建設也不僅僅侷限於網站，而是延伸到所有營銷渠道。Lucidpress 的一項研究發現，在所有平臺上展示一致的品牌可以增加多達 20% 的收入。

所有這些都告訴我們，外觀很重要。如果您的訪客不喜歡他們所看到的，他們甚至不會考慮閱讀您的內容，更不用說購買了。

4. 無法輕鬆更新網站

雖然大型企業可以承受緩慢的發展，但對於小型企業來說，靈活性才是最寶貴的資產。

如果你發現自己因為網站更新過於複雜或耗時而回避更新，這就是一個警示。

WordPress 等現代內容管理系統（CMS）可以讓非技術使用者輕鬆更新內容、新增產品或調整設計。

如果你當前的系統阻礙了你的發展，那麼可能是時候升級了。

以下是一些需要升級的跡象：

• 您想在網站上新增電子商務功能
• 您需要與客戶關係管理 (CRM) 系統整合
• 您想為客戶服務新增聊天機器人
• 您需要更好的分析工具來跟蹤使用者行為

根據 Salesforce 的一份報告，75% 的消費者希望公司使用新技術創造更好的體驗。

因此，使用最新工具和技術保持網站更新，可以為您帶來競爭優勢，同時提高客戶滿意度。

5. 您的網站對移動裝置不友好

據73.1% 的專業網頁設計師稱，非響應式設計是人們離開你的網站的主要原因。

為什麼？超過56% 的線上銷售額來自移動裝置，至少 79% 的移動使用者使用移動裝置進行過線上購買。

在谷歌宣佈移動優先索引後，響應式網站也因其更好的使用者體驗而排名靠前，這意味著投資更新網站可以進一步提高網站效能。

如今，絕大多數網頁設計師都瞭解響應式設計的重要性。然而，一些五年前建立的網站並沒有針對移動裝置進行優化。模板和主題也是如此。

因此，如果你還在使用不能根據裝置自動調整大小的舊網站，你應該考慮重新設計網站。

6. 您的業務目標正在轉變

隨著業務的發展，您的目標可能會發生變化。

也許您一開始只是做一個簡單的資訊網站或作品集網站，但現在您正在尋找潛在客戶或線上銷售產品。

如果您當前的網站與您新的業務目標不符，那麼是時候重新設計了。

舉個例子：

• 您想開始線上銷售產品，但您當前的網站不具備電子商務功能
• 您更注重內容營銷，但您目前的網站沒有部落格或沒有針對內容釋出進行優化
• 您的目標是新的客戶群，但您目前的網站並不吸引這些受眾
• 您正在擴大服務範圍，但目前的網站無法有效展示您的全部服務內容

重新設計網站有助於使您的線上形象與不斷髮展的業務目標保持一致，確保您的網站努力支援您當前的目標。

7. 收到使用者投訴

如果您經常聽到“我找不到我要找的東西”或“您的網站在我的手機上很難使用”之類的話，這就表明您的網站沒有達到使用者的期望。

考慮新增一些工具，如用於熱圖的 Microsoft Clarity 或使用者會話記錄，以瞭解訪客如何與網站互動。

這可以讓您深入瞭解您可能無法立即察覺的挫折或困惑之處。

如果您還沒有這樣做，請注意以下紅旗：

• 客戶服務人員頻繁詢問如何使用您的網站
• 社交媒體或評論平臺上關於您網站的負面評論
• 電子商務網站購物車放棄率高
• 低參與度指標（如網站停留時間或每次訪問的頁面數）

如果您發現上述一個或多個跡象，請考慮重新設計網站。不要把它看成是一筆開支，而是對企業未來的投資。

一個優秀的網站可以成為您最勤奮的員工，全天候吸引和轉化客戶。

8. 距離上一次重新設計已經有 5 年多了

也許上述情況都不適用於您的網站，但如果您的網站已經有 5 年以上的歷史，我們還是建議您更新網站設計。

即使沒有明顯的效能下降跡象，老舊的設計也往往會在表面之下堆積問題。

主動出擊可確保您的網站不會在更新後的某一天突然崩潰，也不會因為使用舊技術而導致搜尋排名下降。

網站重新設計的步驟

現在的問題是，如何開始？網站重新設計有很多方面，很難說清楚。

應該優先考慮什麼？首先更新網站的哪個部分？

讓我們按部就班地來看看。

第 1 階段：設定目標和基準關鍵績效指標

在沒有明確目標的情況下開始重新設計網站，就像在沒有藍圖的情況下裝修房子一樣。

你可能會得到一些新東西，但它可能無法有效滿足你的需求。

網站重新設計專案的第一階段為後續工作奠定了基礎。

設定可衡量的網站重新設計目標

首先要研究當前業務面臨的挑戰和機遇。

例如，一家本地餐館可能會遇到這樣的問題：他們能把顧客帶到自己的網站，但卻無法將他們轉化為預訂。

現在，他們重新設計網站的具體目標是：在推出後的三個月內，將線上預訂率提高 30%。

您的目標應與您的業務成果直接掛鉤。

不要制定“改進網站”這樣模糊的目標，而要制定具體的目標，比如

“我們的網上花店需要在重新設計推出後的兩個月內，將購物車放棄率從 75% 降低到 50% 以下，這將增加每月約 5000 美元的收入。

“我們的諮詢公司需要在三個月內將合格銷售線索的產生率提高 40%，使我們每月的優質銷售線索從 20 個增加到 28 個”。

這些具體的目標有助於您在整個重新設計過程中做出更好的決策。

當你決定採用不同的功能或設計時，你總是可以問：”這會幫助我們實現目標嗎？

建立基線 KPI

您需要知道自己的起點，以衡量改進情況。Google Analytics 可以免費提供大部分指標。

在開始重新設計前至少一個月開始跟蹤這些核心指標 。

訪客指標：

對轉換率的全面分析揭示的不僅僅是銷售數字。按以下方面細分

• 裝置型別（手機與桌上型電腦）
• 流量來源（自然流量、付費流量、社交流量）
• 地理位置
• 一天中的時間
• 使用者型別（新使用者與老使用者）

上述指標將幫助您瞭解網站在不同頁面、地理位置和裝置上的客戶轉化率。

使用者行為指標：

在瞭解訪客從哪裡來之後，您需要了解他們在網站上做了什麼以及他們的行為方式。

在重新設計時，最好依靠資料來了解哪些頁面需要優先處理。

例如，你可能認為需要重新設計主頁。

但在檢視資料後，你可能會發現 80% 的轉化客戶從未訪問過主頁，他們是通過谷歌搜尋直接進入產品頁面的。

要找到正確的資料，至少要在 30 天內跟蹤這些使用者模式：

• 訪問最多的頁面：除了原始的頁面訪問量，還要看其他方面。研究頁面訪問量和轉化率之間的相關性。流量大但轉化率低的頁面需要在重新設計時加以注意。
• 使用者流：訪問者登陸網站後會去哪裡？他們在什麼時候離開？例如，如果你發現人們在要求註冊時放棄了結賬，那麼你可以重點重新設計結賬，將註冊作為結賬資訊的一部分。
• 頁面退出率：與跳出率不同，退出率顯示的是使用者決定離開網站的位置。重要頁面（如定價頁面）的高退出率表明在重新設計時需要關注的問題。

技術效能指標 ：

網頁速度直接影響到你的底線。早在 2006 年，Google 就發現，每延遲半秒，流量就會下降 20%。您需要進行監控：

• 伺服器響應時間：伺服器響應時間應低於 200 毫秒。如果更慢，則表明您可能需要更好的託管服務。
• 頁面載入時間：使用者希望頁面載入時間在 3 秒以內。每延遲一秒，就會損失 7% 的轉化率。
• 錯誤率：跟蹤 404 錯誤、伺服器錯誤和表單提交失敗。這些小問題加起來可能會造成巨大的收入損失。

第 2 階段：研究與分析

許多小型企業在沒有進行適當研究的情況下就直接進入設計階段。讓我們來做正確的事。

內容審計

徹底的內容審計可以揭示您當前網站的差距和機遇。首先，建立一個包含所有內容的綜合電子表格。記錄每個頁面的內容：

• 效能指標：除了頁面瀏覽量等指標外，還要分析頁面停留時間、跳出率、轉換率、每頁收入或來自線上渠道的每使用者平均收入（ARPU）。這些都是推動業務成果的指標。
• 內容目的：每個頁面都應服務於銷售漏斗中的特定目標。將每個頁面對映到客戶旅程的各個階段：認知、考慮或決策。然後，進行跟蹤以確定使用者在哪個階段流失，以及如何改進每個旅程階段以留住更多使用者。
• 更新需求：將內容分為保留、更新、合併或刪除。在此要毫不留情；過時或內容單薄會損害網站的可信度和搜尋引擎優化效能。

競爭分析

研究你的競爭對手，但不要模仿他們。研究直接和間接的競爭對手，找出你可以採取的不同方法，從而脫穎而出。

直接競爭對手：在您所在地區提供類似產品/服務的企業。

間接競爭對手：針對相同客戶提供不同解決方案的企業。

研究他們：

• 資訊傳遞策略：他們如何傳達價值主張？哪些語言能引起你們共同受眾的共鳴？
• 功能實施：他們如何處理預訂、購買或聯絡等關鍵功能？注意實施的好壞。
• 內容策略：他們建立了哪些型別的內容？他們如何組織資訊？您的企業可以填補哪些內容空白？

第 3 階段：規劃和構建網站

研究階段揭示了需要修復的問題。現在是規劃新網站如何滿足這些需求的時候了。把這看作是為你的數字化店面繪製藍圖。

構建網站資訊

您的網站結構應符合客戶的思維方式，而不是您的內部組織方式。

例如，一家本地書店可以按照出版商來組織書籍–這對店主來說合乎邏輯，但對顧客來說卻很混亂。

如果根據讀者的興趣（小說、非小說、自助、烹飪等） 重新組織相同的書籍，讀者就更容易找到他們需要的內容。

要建立清晰的層次結構，首先要回答以下問題：

• 訪問者想要達到什麼目的？
• 如何以最少的點選次數達到目的？
• 他們在每一步需要哪些資訊？

例如，下面是一個典型的小型企業網站導航：

• 主頁
• 服務
  • 主要服務頁面（詳細資訊、價格、常見問題）
  • 輔助服務頁面（比較、案例研究）
• 關於
  • 團隊
  • 流程
  • 價值觀
• 作品集/案例研究
• 聯絡/立即預訂

這是一家管道公司的網站，採用結構化導航選單。它與訪問者的思維過程以及公司希望為使用者增加的價值相一致。

這背後的想法很簡單：訪問者希望瞭解企業能為他們做什麼，然後瞭解更多關於企業背景的資訊，看看企業曾與哪些其他客戶合作過，以及他們對企業的評價如何，最後點選聯絡按鈕獲取報價或進一步瞭解詳情。

網站地圖

您需要了解網站上有哪些內容是不必要的，並每隔一段時間對頁面進行修剪。網站地圖可以幫助你更清楚地瞭解網站結構。

網站地圖本質上是網站的藍圖。

它列出了所有主要頁面，最好還能顯示這些頁面之間的相互聯絡。另一種看法是，網站地圖就像一張流程圖，可以勾勒出網站的層次結構，幫助您直觀地瞭解內容是如何組織的。

為重新設計建立網站地圖時：

1. 首先檢查您當前的網站和內容。列出需要刪除、維護或更改的內容。
2. 建立清晰的頁面結構。最重要或最常瀏覽的內容應在主頁上立即顯示。
3. 考慮消費者如何從一個頁面瀏覽到另一個頁面。良好的使用者體驗取決於合理直觀的導航路徑。
4. 利用關鍵詞研究指導頁面名稱和描述。這一策略有助於使用者知道他們在正確的頁面上，也有助於提高搜尋引擎優化。
5. 如果重新設計涉及新增新內容或新功能，請將其放在網站地圖上，以便直觀地瞭解現有結構上的結構。

有很多工具可以從現有網站建立視覺化網站地圖，如 Octopus Sitemap Visualizer。然後，您可以在網站地圖視覺化器上新增或刪除網站地圖中的頁面，檢視網站地圖的整體效果。

您的層次結構應反映您的具體業務目標。

咖啡館的網站可能會優先考慮線上訂購和預訂，而諮詢公司的網站可能會通過提供有價值的內容來換取電子郵件或聯絡資訊，從而重點關注潛在客戶的生成。

功能規劃

建立和維護功能的成本很高。

每個功能都應在網站上佔有一席之地。例如，一家健身工作室可能會花費 2000 美元新增一個複雜的課程安排系統，但卻發現大多數客戶更喜歡通過電話預訂。

使用此框架確定功能的優先順序：

• 必備功能：這些功能直接支援您的核心業務功能。對於電子商務網站來說，這包括安全結賬、產品搜尋和購物車功能。對於服務企業來說，可能是聯絡表單和預約安排。
• 成長功能：這些功能支援業務擴充套件。如果你計劃在 6 個月內開始電子郵件營銷，那麼在建設網站時就要考慮到這一點。從長遠來看，即使只是計劃建立一個感興趣者的聯絡名單，也是一筆極其寶貴的資產。
• 實用功能：這些功能可以改善使用者體驗，但並不重要。即時聊天功能可能不錯，但如果您不能始終如一地為其配備人員，那麼它對您的業務可能是有害而無益的。

技術要求

您的技術基礎決定了您的網站可以實現哪些功能。以下是一些需要考慮的關鍵領域。

託管要求：

您為網站選擇的託管計劃將取決於幾個重要因素：

• 預期流量：如果您的月訪問量已經達到數千人，那麼選擇專用主機或 VPS 主機而不是共享主機就比較合理。
• 安全需求（尤其是電子商務）：現在，SSL 證書對所有網站來說都是必不可少的，對於那些接受支付的網站來說，還需要符合 PCI 標準。選擇不僅支援此功能，還能幫你設定的主機。
• 備份和恢復功能：每日自動備份和快速恢復選項可保護您的業務免受資料丟失。
• 技術支援可用性：網站開發完成後，可能會執行正常，但當您新增新的頁面、內容和外掛時，就會增加網站崩潰的機率。這時，你就需要真正知道如何修復問題的全天候技術支援。

如果你剛剛開始一個新的網站，選擇一個低成本的共享主機計劃來開始，而不需要昂貴的前期費用。有時，你的託管公司也可以為你建立一個網站。

內容管理：

內容管理系統（CMS）的選擇會影響網站管理的便捷程度。以下問題將幫助您選擇合適的內容管理系統。

• 多久更新一次內容？
• 誰需要進行更新？
• 您要釋出哪些型別的內容？
• 是否需要多語言支援？

如果您需要廣泛的附加功能支援，請選擇像 WordPress 這樣擁有龐大外掛生態系統的內容管理系統。或者，如果您只想讓您的網站用於部落格和潛在客戶生成，那就選擇 Ghost 這樣的輕量級 CMS。

整合：

如今，網站很少是獨立存在的。網路上有許多服務共同發揮作用。

例如，看看你是否需要將以下服務與你的網站整合在一起：

• 支付處理：如果您在網上銷售，您需要安全的支付閘道器整合。Stripe 或 PayPal 等流行的選擇提供了強大的 API 和內建安全性。
• 營銷工具：電子郵件營銷、客戶關係管理和社交媒體工具應與網站順利連線。尋找預建整合，以節省開發時間。
• 分析和跟蹤：除了基本的 Google Analytics 之外，您可能還需要熱對映、轉換跟蹤或自定義事件跟蹤。
• CRM 系統：考慮是否需要預約安排、預訂系統或庫存管理整合。

第 4 階段：設計規劃

設計不僅僅關乎美觀。明智的設計選擇會直接影響您的業務成果。讓我們來分析一下如何規劃一個既實用又美觀的設計。

使用者體驗（UX）設計

人們常說，醜陋的網站轉化率更高，但這並不意味著你要馬上去掉網站上的所有裝飾。

事實上，這與網站的外觀無關。相反，它關係到使用者介面的清晰度。

以 Craigslist 為例。這是一個自上世紀 90 年代末以來從未重新設計過的網站。這是一個漂亮的網站嗎？絕對不是。

但它很好用。

它的介面簡單明瞭，工作起來得心應手，因此每月有成千上萬的訪客使用它。

另一個例子是網路目錄 DMOZ。它是一個由不同圖示和類別組成的簡單網格。

它能在第一頁為使用者提供所需的準確資訊，而不會浪費時間。

同樣，確保你的選單和導航反映客戶對你的業務的看法，而不是你的想法。要特別關注主頁的“首屏”區域，因為它是使用者最先看到的內容。

效能設計

速度不僅僅是一個技術指標，它還是使用者體驗的關鍵部分。亞馬遜曾計算過，頁面載入時間每延遲一秒鐘，每年就會損失 16 億美元的銷售額。雖然您的數字可能較小，但原理是一樣的。

讓我們看看沃爾瑪的移動網站。他們的圖片經過了高度壓縮，這並不是因為他們無法負擔更好的質量，而是因為他們知道移動使用者更看重速度而不是完美的影象。現在，儘管他們的主頁充滿了圖片，但完全載入頁面僅需 1.33 秒。

關鍵是要有意識地考慮所有設計元素：

• 英雄視訊真的需要自動播放嗎？
• 圖片是否可以縮小而不影響效果？
• 第三方指令碼對你的業務是否必不可少？

你可以把網站效能比作一輛賽車。設計師們會去掉一切不能讓車跑得更快的東西。每一個花哨的動畫、高解析度圖片或自定義字型都必須證明其對載入時間的影響。如果不能證明，就去掉。

第 5 階段：預算和資源規劃

網站是一項商業投資，而不是開支。明智的預算編制既要考慮即時成本，也要考慮長期回報。根據 2024 WebFX 報告，開發或重新設計網站的成本通常在 1000 美元到 145000 美元之間。

基本商業網站（2,000-5,000 美元）：

• WordPress 主機：16.95美元/月
• 來自 ThemeForest 的高階主題：59-99 美元
• 基本外掛（搜尋引擎優化、安全、表單）： 200-500美元/年
• SSL 證書： 通常包含在託管服務中
• 專業圖片庫 $100-300

電子商務網站（8,000-15,000 美元）：

• 電子商務託管：30-100 美元/月
• 購物車平臺（如 WooCommerce）： 免費，但高階擴充套件需要 500-1000 美元
• 支付處理整合
• 庫存管理系統
• 增強的安全功能

Chron 的小型企業部分建議企業將總收入的 7-8% 用於營銷，如果企業每年的營業額低於 500 萬美元，則應將網站也包括在內。

除此之外，您還需要為網站的維護保留一定的預算。這包括但不限於

• 安全更新
• 內容更新
• 技術維護
• 平臺升級
• 效能優化

如果您認為自己可以完成這些工作，請考慮一下機會成本。如果您的服務收費為 100 美元/小時，那麼在網站上花費 40 個小時就會損失 4000 美元的計費時間。

但是，如果損失的計費時間是為你的企業節省下來的資金，那麼在你可以將網站維護工作交給別人之前，你完全可以選擇這條路。

儘管如此，還是要根據業務目標和預期回報來規劃預算，而不僅僅是儘可能低的成本。

將初始開發和持續維護都計算在內，在確定最終價格之前，看看網站能給你帶來多少回報。

第 6 階段： 建設、啟動和成功

好了，我們終於到了網站重新設計的最後一個階段–構建和釋出。

開發方法

根據您的資源和技術舒適度選擇開發途徑。這是你將面臨的三個主要選擇：

• 專業開發：最適合定製需求或複雜功能。
• 模板網站：適用於只需展示線上形象的簡單網站。
• 有專業支援的 DIY：一種很好的平衡方法。

建站流程

如果您是自己建網站，請先使用一個暫存環境，這樣您就可以在不影響正常網站的情況下玩弄和破壞網站。

但是，如果您是從零開始構建網站，並且沒有暫存環境，則可以直接在實時網站上執行。

以下是您可以遵循的一般構建流程：

1. 核心結構：首先建立主要頁面（主頁、服務、關於、聯絡）和導航。請幾個人瀏覽網站，觀察他們的瀏覽流程。如果訪問 “關於 ”頁面的人比訪問 “服務 ”頁面的人多，就可以相應地移動選單項。
2. 基本功能：一次新增一個必備功能，如聯絡表單、服務報價詳情、電子郵件訂閱表單等，同時對每個功能進行全面測試。
3. 內容遷移：如果已經有了內容，則開始慢慢遷移內容，測試每項內容，確保沒有從以前的網站設計中遺留下來的硬編碼格式。
4. 整合設定：內容遷移完成後，開始將工具整合到網站上。如果您使用的是 WordPress 網站，整合可以像安裝外掛一樣簡單。對於自定義網站或沒有外掛生態系統的網站，您可能需要整合程式碼片段。

測試

遷移到新設定後，對網站進行測試至關重要。

可能會出現外掛尚未整合、表單無法使用或電子郵件無法觸發的情況。

從網站最重要的部分開始，測試各個方面。

以下是您可以使用的專案清單：

• 具有真實交易的表單和結賬流程
• 不同裝置上的移動體驗
• 載入時間和效能
• 跨瀏覽器相容性
• 所有整合和自動化

親自測試後，請團隊中的幾位成員也做同樣的測試，一切就緒後，就可以啟動了！

啟動策略

這是網站重新設計戰略的最後一步。

要想成功釋出，你不能僅僅更新網站就完事。

您的釋出必須為您的業務造勢。

為此，您需要在釋出前至少兩週在市場上製造聲勢。你甚至可以聘請一家營銷公司來幫你造勢，同時你也要做好網站的準備工作。

在網站釋出當天及之後的幾天裡，密切關注以下情況，以確保一切順利：

• 觀察分析結果，尋找異常模式
• 檢查所有表單提交情況
• 監控伺服器效能
• 跟蹤轉換率
• 每小時測試關鍵業務功能

如果釋出當天出現故障，不要著急。

即使是最大的企業也會在釋出當天出現故障。

還記得特斯拉 Cybertruck 釋出會嗎？

埃隆想通過向玻璃板扔一個重金屬球來展示玻璃板有多結實。

玻璃裂了……兩次。

這是否阻礙了人們購買網路版卡車？當然沒有。

根據《福布斯》網站報道的資料，截至 2024 年 10 月 15 日，特斯拉共售出 28250 輛賽博特卡車。

只要修復故障，對客戶保持透明，你應該很快就能回到正軌。

持續改進

恭喜你！您已經推出了自己的網站，現在您正通過網站接受客戶諮詢。

這並不是要你停止的訊號。它只是告訴你，網站正在為你的業務服務，你需要制定一個維護和改進網站的計劃。

以下是您需要注意的幾件事：

• 每週效能檢查
• 每月分析審查
• 每季度內容更新
• 年度功能評估

這些微小的改進都是累積起來的。

請記住，成功的網站重新設計其實只是一個開始。

最成功的小型企業網站會在客戶需求和業務目標的推動下不斷髮展。

與客戶保持聯絡，關注您的指標，並不斷改進。您的網站可以成為您最有價值的員工，全天候為您的業務發展服務。

上線前後： 全面的網站重新設計清單

我們已經經歷了很多步驟、階段和技術問題。

這可能會讓人不知所措，尤其是如果你以前沒有改造過你的網站。下面是一份快速核對表，可幫助你在網站上線前後的不同階段進行核對。

上線前

• 備份當前網站：確保完整備份現有網站，包括所有檔案和資料庫。
• 測試載入速度：使用 Google PageSpeed Insights 等工具，確保新設計能快速高效地載入。
• 為搜尋引擎優化優化網站：所有頁面都應針對搜尋引擎進行優化，包括正確使用關鍵詞、元標籤和圖片的 alt 文字。
• 檢查 404 錯誤：抓取網站，查詢並修復任何 404 錯誤。
• 設定 301 重定向：對所有更改的 URL 實施 301 重定向，以保持搜尋引擎優化價值和使用者體驗。
• 驗證內部連結：檢查所有內部連結，確保它們指向正確的頁面，不會導致死衚衕。
• 檢查移動響應能力：在各種移動裝置上測試網站，確保其完全響應。
• 進行跨瀏覽器測試：確保網站在不同的網路瀏覽器上都能正常顯示和執行。
• 驗證程式碼：使用 W3C 標記驗證服務等工具檢查是否存在 HTML/CSS 錯誤。
• 確保可訪問性合規：檢查網站是否符合 WCAG 可訪問性指南。
• 測試表單和 CTA：確保所有表單、呼叫行動 (CTA) 按鈕和互動元素都能正常工作。
• 審查內容：對內容進行最後一次檢查，檢查是否有錯別字、不準確或過時的資訊。
• 檢查負載能力：進行負載測試，確保網站能夠處理流量。
• 確保網站安全：檢查所有安全措施（如 SSL 證書）是否到位。

上線後

• 監控網站速度：持續檢查網站速度，並根據需要進行改進。
• 跟蹤排名和流量：使用 Google Analytics 等工具監控流量和關鍵詞排名的任何變化。
• 徵求使用者反饋：收集使用者對新設計和新功能的反饋意見。
• 修復任何釋出後的問題：解決釋出後出現的任何意外問題或錯誤。
• 更新網站地圖：向搜尋引擎提交新的網站地圖。
• 監控 301 重定向和斷開的連結：密切關注重定向效能並修復任何斷開的連結。
• 繼續優化搜尋引擎優化：根據效能資料定期更新內容和搜尋引擎優化策略。
• 評估使用者行為：分析使用者在新網站上的行為，並根據需要調整使用者體驗/使用者介面元素。
• 定期更新內容：定期更新內容，保持網站新鮮度。
• 保持安全更新：定期更新安全功能，保護網站免受威脅。
• 根據目標進行評估和調整：根據既定目標持續評估網站效能，並在必要時做出調整。

升級的不僅僅是設計

成功的網站改版可以改變您的線上形象，推動業務增長。

你不必獨自完成這項工作。

閃電博的專業網站服務團隊可以為您處理從規劃到釋出的整個重新設計過程，而您則可以專注於業務運營。

準備好重新設計您的網站了嗎？立即聯絡我們！