終極網站重新設計清單[免費下載]

已發表: 2020-12-16

客戶根據網站的設計對您的業務發表意見。 實際上,94%的第一印象與您網站的外觀有關,而75%的網站信譽來自其設計。

您的網站通過其設計來代表您的業務,品牌和價值觀-顏色,元素,信息結構,圖像。 您是否會在一個沒有吸引力的網站上花費時間? 還是未針對您的移動設備優化的網站?

如果您想知道您的網站是否需要重新設計,並且遵循哪些步驟,那麼您來對地方了。

我們概述了重新設計網站時應執行的一般步驟。 這樣,您可以監視自己是否走在正確的軌道上。

什麼時候該重新設計您的網站?

重要的是要注意,重新設計是一個複雜的過程,可以通過多種方法來解決。 其中之一是著陸頁的逐步更新,著重於轉換率優化(CRO),另一個是全面的改革。 根據預算和您的目標,您應該選擇最適合自己的。

如果您正在考慮重新設計網站,那麼第一個問題是您如何知道您的網站需要重新設計? 如果您的網站符合以下大多數條件,則意味著網站重新設計的時機已經到來。

您的目標和經營策略已經改變

自您啟動網站已經有好幾年了。 您的業務可能已經改變並增長,這意味著您的營銷目標也已經實現。 您的網站應反映您的新策略。

您的網站看起來已經過時

設計趨勢逐年發展。 早期,開發人員不必過多地設計。 現在,設計非常重要,因為它代表了您的業務。

如果您的網站設計年代久遠,那麼人們可能會認為您的業務沒有跟上最新趨勢。 他們甚至可能質疑他們是否可以信任您或您的產品。

您的網站不會增加您的收入

如果您的網站沒有像以前那樣帶來銷售,那麼您肯定需要重新設計。 這是至關重要的,尤其是對於在線商店。 您網站上的產品和服務應與出色的用戶體驗齊頭並進。

您的網站加載緩慢

83%的人希望網站在3秒或更短的時間內加載完畢。 網站速度越慢,跳出率就越高,這反映出您的轉化率。 頁面慢會導致97%的移動購物車被放棄。

另外,幾年前Google將網站速度作為算法用來對頁面進行排名的因素之一。

單獨設計不會影響速度。 但是,代理商或自由職業者從頭開始開發網站時,通常會提高網站的速度。

  • 相關文章:如何使用Google PageSpeed Insights分析網頁性能

您的訪問者不再停留在您的網站上

訪客訪問了您的網站,但是他們並沒有花費太多時間或採取任何行動。 原因可能有所不同,但您應該考慮自己的網站設計。 如果您的網站沒有吸引力,那麼您的訪問者將沒有理由留下並與之互動。

您的網站不適合移動設備

如果您的網站最近沒有經過重新設計,則在移動設備上出現問題是很正常的。 在2020年,這是不可想像的。 在美國,Google的訪問量中有63%來自移動設備。

認為移動優先已不再是一種選擇。 必須的。 在電子商務銷售方面,數據顯示,在您的移動網站體驗不佳之後,有40%的用戶會成為競爭對手。

網站重新設計的12步驟清單

何時重新設計網站筆記本圖形

如果您的網站需要重新設計,您可能想知道下一步該怎麼做。 幸運的是,我們在下面準備了一個清單,它將指導您完成網站重新設計的整個過程。

1.審核您當前的網站

在開始實際的網站重新設計之前,您需要分析當前的網站。 這樣,您可以有效地計劃需要做的事情。 考慮以下問題:

  • 哪些頁面效果良好?
  • 哪些頁面效果不佳?
  • 哪些頁面可以完全刪除?
  • 應該保留什麼內容? 您是否有任何需要更新的內容?
  • 需要優化哪些頁面? 檢查鏈接是否斷開,調用無效的號召性用語按鈕或信息已過時。

檢查您的Google Analytics(分析)關鍵指標。 關注以下數據:

  • 交通
  • 跳出率
  • 兌換率
  • 如果您擁有在線商店,則放棄購物車
  • 回訪者
  • 新訪客
  • 相關文章:如何增加訪問者在WordPress網站上花費的時間

2.不要排除SEO

網站重新設計過程是一個很好的機會,可以優化您的SEO內容並蒐索可以排名的更好的關鍵字。 SEO優化是您應該定期執行的一項工作,但是如果您忽略了它,現在就可以對其進行改進。

在SEO的技術方面,您可以:

  • 優化您的元描述,標題標籤和H元素
  • 在圖片中添加替換文字
  • 清除重複內容
  • 如果您的公司位於實際位置,請使用本地SEO關鍵字
  • 改善鏈接構建並修復斷開的鏈接
  • 考慮語音搜索,因為趨勢一直在增長
  • 相關文章:如何為SEO創建完美的WordPress結構

3.設定目標

新的在線業務策略需要新的目標。 在對網站進行審核之後,您將能夠對要實現的目標進行數據驅動的決策,並確定新的目標。

  • 相關文章:網站重新設計將如何提高您的受眾參與度

4.傳達您的價值主張

自您開展業務以來,您的業務已經增長。 您現在可能會提供各種各樣的產品或服務。 這意味著您獨特的價值主張已經改變,您應該清楚地傳達這一點。

5.為目標受眾重新設計您的網站

重新設計您的網站時,您需要遵循一個簡單的原則–為您的客戶而不是為您重新設計。 當人們打開您的網站時,他們應該清楚地了解網站的內容以及如何解決他們的痛點。

  • 相關文章:信息圖:如何開發以用戶為中心的WordPress概念

6.分析您的競爭對手

檢查您的競爭對手,並檢查他們是否投資於重新設計。 考慮以下幾點:

  • 他們遵循的設計趨勢是什麼?
  • 他們引進了哪些技術?
  • 他們在網站上應用了哪些新功能?
  • 您認為您可以做得更好嗎? 這是您應該努力解決的最重要的問題。

7.列出您的設計選項和集思廣益的想法

設計選項集思廣益的想法筆記本電腦的圖形

重新設計過程的下一步是檢查最新的設計趨勢。 您可以查看最流行的顏色,字體和網站樣式。 研究關鍵字,以便您可以優化導航菜單。

研究什麼會打動您的目標受眾。 收集所有想法,並與團隊討論。

  • 相關文章: 2020年將遵循的8種電子商務網站設計趨勢

8.尋找一個合適的團隊來實現您的重新設計思路

這一點非常重要,因為您需要信任您僱用的專業人員。 您需要以簡潔明了的方式向他們描述您的業務,以便他們能夠解決問題的關鍵。

要找到合適的專家,您需要對不同的設計和開發人員專業有清晰的了解。 如果您的網站產生了數百萬的瀏覽量,並且您的項目非常複雜,那麼您可能需要雇用WordPress代理商。

如果您的網站需要進行少量更改,則可能需要一名Web設計人員和開發人員或WordPress自由職業者。

為了更好地了解什麼是適合您的項目的選擇,可以查看本文,這將幫助您發現Web設計人員和Web開發人員之間的區別。

9.使用暫存環境

在對網站進行任何更改之前,應確保不會損壞現有網站。 這就是為什麼您應該創建一個臨時環境,然後將現有網站複製到該環境並開始進行重新設計的原因。 準備就緒後,您可以將代碼甚至數據庫從工作環境遷移到公共環境。

一個額外的技巧是排除臨時URL,以便Google的爬網機器人可以將其編入索引,因為它可以被視為重複內容。

10.優化您的網站以獲得用戶體驗(UX)

不要陷入選擇自己喜歡的設計的陷阱,但客戶卻不會。

關於用戶體驗,您應該考慮以下細節:

  • CTA按鈕是您網站上最重要的部分。 它們應該清晰明了,並使用戶希望單擊並遵循相應的操作。
  • 導航應該很簡單。 不要讓用戶浪費時間搜索應立即顯示的信息。
  • 創建登錄頁面或優化現有頁面。

如果您擁有一家在線商店,則有關如何創建銷售的電子商務登錄頁面的教程在計劃營銷活動和設計登錄頁面時可能會很有用。

11.移動友好的設計是必須的

您的網站應可在任何設備上順利運行。 擁有適合移動設備的設計可帶來積極的客戶體驗。

請記住,移動優先策略可幫助您的網站在Google中排名更高,這在幾年前就引入了移動優先索引。

  • 相關文章:進行移動WordPress SEO審核的4個步驟

12.測試您重新設計的網站

最後一步是質量保證測試。 您需要測試所有內容,並確保您新設計的網站能夠正常運行。

網站上線後,您就有機會分析用戶的行為。 最重要的組件是號召性用語按鈕。 您需要監視訪客是否單擊它們,或者他們需要其他優化。

確保您依賴的技術團隊可以修復所有錯誤,以便您的網站可以正常運行。

  • 相關文章:如何為您的WordPress網站制定質量保證計劃

重新設計網站以激發靈感的五個示例

讓我們檢查一下五個著名品牌的例子,這些例子的網站重新設計得很好。

Mailchimp

之前-登陸頁面上只有一個號召性用語按鈕,標題不是很時尚,價值主張也不清楚。

Mailchimp 2017

Mailchimp 2017

之後–鮮豔的色彩,多個號召性用語按鈕,創意圖形和明確的價值主張。

Mailchimp 2020

Mailchimp 2020

投寄箱

之前-並不是一個非常吸引人的目標網頁。 它沒有引起遊客的注意。

Dropbox 2017年

Dropbox 2017年

之後–鮮豔的色彩和明確的價值主張,客戶可以從中了解到它們的價值。

Dropbox 2020年

Dropbox 2020年

印象筆記

之前-沒有顏色,沒有一個井井有條的抽象目標網頁。

印象筆記2017

印象筆記2017

之後–樂觀的色彩和優化的文字。

印象筆記2020

印象筆記2020

瘋狂蛋博客

以前–設計不是很時尚,信息太多。

瘋狂的雞蛋博客2017

瘋狂的雞蛋博客2017

之後–根據最新的博客設計趨勢進行了優化。 它有一個非常清晰的號召性用語按鈕,不能錯過。

瘋狂蛋博客2020

瘋狂蛋博客2020

鬆弛

以前-模糊的價值主張,使用的顏色不是很開朗。

鬆弛2017

鬆弛2017

之後–明確的價值主張和優化的號召性用語,鮮豔的色彩。

鬆弛2020

鬆弛2020

下載完整的網站重新設計清單

在本文中,我們介紹了網站重新設計的12個基本步驟。

此外,我們還準備了完整的網站重新設計清單,供您免費下載。 您需要做的就是在這裡註冊以獲取帶有鏈接的電子郵件。

*表示必填


標記以接收清單

您可以隨時單擊我們的電子郵件頁腳中的鏈接退訂。

我們使用Mailchimp作為我們的營銷平台。 通過單擊下面的訂閱,您確認您的信息將被轉移到Mailchimp進行處理。 在此處了解有關Mailchimp的隱私慣例的更多信息。


包起來

網站的重新設計不是一個容易的過程,但這是必須的。 您網站的設計不能永遠保持下去。 趨勢,技術和用戶行為會發生變化,因此您應該適應這些變化,甚至領先一步。

您應該如何進行? 首先分析您的網站,遍歷競爭對手的網站,然後看看可以實現哪些功能,但是效果更好。 把自己放在客戶的鞋子上,並為他們重新設計一個網站。