非營利網站重新設計快速指南 [+最佳實踐]

對於非營利組織來說，擁有一個優質網站的重要性怎麼強調都不為過。 組織的所有外展、營銷和廣告都需要推動受眾採取行動，例如捐贈、了解服務或註冊信息。

一個有效的網站可以讓這些操作快速而無縫地發生，從而使任何這些操作的轉換路徑變得輕鬆。

另一方面，低於標準的網站實際上會分散觀眾對您希望他們完成的目標的注意力，使訪問者感到困惑，導航會掩蓋最相關的信息，或者使用太多的號召性用語使他們超載。

作為數字營銷專家，當我們開始新的非營利性網站項目時，我們有一個基本流程作為指導，以確保最終產品清晰、易於使用並最終有效。

讓我們潛入水中。

成功的非營利網站項目的 6 個階段

1. 發現

在發現階段，您的項目團隊將定義其目標並了解現有優勢、增長機會和受眾。

確定你的目標

建立一個更好的網站的第一步是認識到您需要一個，並確定重新設計工作的目標。 有時您可以查看數據以確定您當前的網站是否符合您的期望。

了解受眾

諸如 Google Analytics 之類的工具可以幫助您確定哪些行為或內容或多或少地吸引了受眾，以便進行相應的優化。 實施受眾調查還可以深入了解您網站的哪些部分可能與您的關鍵群體產生更好或更差的共鳴。

評估內容

有時問題可能與您的品牌元素的視覺呈現有關——您的網站可能只需要大體上的整容或改進的可訪問性。 營銷機構可以幫助您更詳細地審核和審查您當前的網站，為您提供具體建議，以指導您的新網站目標並確定其優先級。

現場審核

在完整的網站重新設計中，可能需要將研究作為為戰略和設計提供信息的第一步。 這可能涉及對您當前站點的所有現有內容進行深入審計，以及對任何其他技術平台（如 CRM 系統或組織中的籌款平台）的研究和文檔。 這也可能需要對您的受眾群體進行更深入的研究，並在他們與您的組織互動的各個階段映射他們的特定需求。

搜索引擎優化審計

SEO 審核是獲取網站重建洞察力的重要步驟，確保受眾可以通過搜索輕鬆找到它。 搜索引擎優化審計涉及對影響網站在搜索引擎中的可見性的所有因素進行深入分析。 進行此審核可以全面了解網站、總體流量和各個頁面的站點健康狀況和總體域權限。

以下是在 SEO 審核期間需要考慮的幾件事：

• 您的網站是否支持麵包屑結構？
• 你的導航有意義嗎？
• 用戶是否容易在您的網站上找到重要且相關的內容？
• 內容是否覆蓋了正確的受眾並定位了重要的關鍵字？
• 整個網站是否有正確的元數據？ 標題標籤？
• 您的網站上是否存在服務器錯誤？

雖然這些看似簡單而平凡的任務，但它們是確保您的網站和品牌提高有機知名度的關鍵步驟。 總體而言，完成此任務有助於確保您達到流量目標，並且可以在網站重新設計中進行任何必要的更改。

2. 戰略

發現完成後，您可以進入策略階段。 在這裡，您和您的團隊將深入規劃如何在新網站上展示您的所有內容，包括副本、圖像、視頻和任何其他資產。

內容策略

一旦您掌握了您的受眾是誰，以及您希望他們如何與您的信息互動，您就可以深入了解您的內容策略——或者您組織和開發內容以供訪問者在您的網站上互動的方式. 這可能包括修改您的站點地圖（也稱為您網站的分層順序頁面列表）和導航，以便將與特定受眾相關的內容組合在一起，並以一種便於他們輕鬆訪問的方式在他們旅程的正確地點找到正確的內容。

在您的內容策略探索期間，考慮受眾用戶旅程的所有階段至關重要。 您的網站的新用戶如何參與，您如何讓回訪者的生活更輕鬆？

作為非營利組織，您會希望與新的和現有的支持者分享您故事的不同部分——例如，與新訪問者分享您的非營利組織的背景，與現有的支持者一起，您可以向他們展示您的非營利組織，以便他們了解他們的貢獻有多麼重要。

信息架構

一旦整體內容策略到位，您就可以開始鞏固每個單獨頁面將扮演的角色或故事。 將最重要的信息放在頂部，並允許不太緊急的部分從頁面向下延伸，構建您的鬆散信息架構，這將幫助 UX 用戶和設計師將您的故事變為現實。

3. 用戶體驗和設計

當您進入用戶體驗 (UX) 和設計階段時，您將通過視覺效果將所有發現和策略變為現實。 通過在此階段將受眾放在首位，您將能夠以最有效的方式滿足他們的需求。

接下來是用戶體驗 (UX) 設計，通常以原型或線框的形式，為每個頁面提供視覺結構。 有時，這些線框還包括名義副本，它們是簡短的文本，用於指示諸如“關於我們的捐贈計劃的標題在此處”之類的內容。 這有助於指導以後的網站內容文案工作。

隨著新網站的視覺和創意方向的確立，事情變得更加有趣和有趣。 設計師可以為您的品牌元素、顏色、字體和其他樣式元素推荐一種新的視覺方法。 獲得批准後，這種視覺方法將應用於頁面設計和佈局，以達到最終的頁面設計。

4. 實施

在您的實施階段，您會注意到開發過程會因平台而有所不同。 當您和您的團隊通過實施您的工作開展工作時，您將做出一些決定，這些決定將影響您的網站維護的難易程度（通過無代碼/低代碼平台與代碼驅動產品）。

設計、要求、規範和副本與開發工作相結合，使新網站栩栩如生。 今天，組織有很多很好的選擇可供考慮：Squarespace 或 Wix 等無代碼平台可以使開發過程的許多部分變得如此簡單，以至於不需要開發人員，並且大大降低了維護成本，但代價是一些靈活性關於他們可以很好地使用哪些類型的技術集成以及可以進行多少定制。

Hubspot 的 CMS 等一些解決方案專為 HubSpot 的 CRM 工具量身定制，為需要強大但易於使用的界面的組織提供開箱即用的解決方案。 HubSpot 為非營利組織提供了兩打以上的主題供您選擇，可在幾分鐘內實現定制、時尚的設計和用戶體驗。

像 WordPress 這樣的開發密集型平台在構建過程中需要更高的投資以及插件和託管等長期維護成本，但提供了無限的機會來實現自定義網站的願景。

5. 質量保證測試

一旦最終內容輸入或遷移到您的新站點，並且解決了博客文章和 SEO 考慮的方法，就可以進行質量保證 (QA) 測試。

QA 測試可以檢查網站在所有設備上的表現是否良好、是否符合可訪問性標準、是否針對速度進行了優化以及是否按照要求運行。

6. 可訪問性

創建一個不僅功能強大且組織良好而且所有人都可以訪問的網站正在成為標準。 作為非營利組織，更重要的是迎合所有受眾，尤其是您可能服務的受眾。

請記住，可訪問性意味著適應所有殘疾，而不僅僅是那些顯而易見的殘疾。 超過 13% 的美國人口有視力障礙。 為確保您的網站可訪問而進行的謹慎轉變包括一些小的更改，例如使用正確的顏色、屏幕閱讀器的 H1/H2 標記以及在所有圖像和圖形上提供替代文本。 選中這些框對於幫助每個人在您的網站上獲得積極的體驗大有幫助。

完成 QA 測試（包括可訪問性檢查）後，您可以進行更改並找到解決方案，然後該站點就可以等待最終批准發布。

無論您使用哪種平台，都需要牢記一些細節（經常被遺忘）。

以下是一些很棒的無代碼和低代碼非營利網站的例子。

無代碼非營利網站示例

1. 50 個州，50 個贈款

它變得更好：50 個州。 50 贈款。 5000 個聲音活動是使用 webflow 構建的。 儘管建立在模板上，但該網站仍然具有很大的移動性和參與度，並且描繪了一個更加自定義的網站。

問題領域： LGBTQIA+

網站平台： Webflow

網站： https://www.50states50grants.com/

2. RiseUP 營銷獎學金

RiseUP Marketing Fellowship 是一項以目的為導向的營銷獎學金，旨在增加營銷和廣告行業的多樣性、可訪問性和切實的社會影響。

問題領域：就業

網站平台： Squarespace

網站： https://www.riseupfellows.com/

代碼驅動的非營利網站示例

1. 運維

OPS 使用具有影響力的電影和視覺敘事來激發、增強和連接全球社區，以揭露我們星球面臨的最關鍵問題。

問題領域：環境

網站平台： WordPress

網站： https://www.opsociety.org/

2. 美國拓展訓練

自 1962 年以來，Outward Bound USA 是戶外教育計劃的領先提供商，讓年輕人能夠探索他們的個人潛力。

問題領域：教育

網站平台： WordPress

網址： https://www.outwardbound.org/

3. 葛森使命

格森研究所的使命是把食品作為藥物進行教育，減少有毒物質的接觸，創造一個更健康的世界，在這個世界中，格森療法不僅是一種可行的選擇，而且是治療慢性病的支柱。

問題領域：健康

網站平台： WordPress

網址： https://gerson.org/

常見的非營利網站陷阱

1. 跟踪和轉化

很多時候，組織忘記轉移和/或在新網站上設置跟踪。 至少，確保您的 Google Tag Manager 和 Google Analytics 在網站發佈時發布。

大多數網站重建，網站上的元素和形式都有可能發生變化。 按鈕可能已更改顏色或位置，並且可能已添加新頁面。 您現有網站上的任何自定義事件或轉化跟踪都需要為下一個網站重新創建，這樣您就不會丟失任何跟踪。

沒有什麼比在廣告系列中發現像素沒有正確觸發更糟糕的了。 確保您花時間對您的網站進行 QA，測試表單和按鈕，並在網站上線的第二秒運行報告。

2. 搜索引擎優化

每家公司都需要強大的營銷策略，即使是非營利組織！ 然而，大多數非營利組織不知道或沒有考慮過投資搜索引擎優化 (SEO)，即使它可以擁有最高的投資回報之一。

如果您不投資於您的 SEO 和內容策略，您希望您的支持者、志願者和倡導者如何找到您？ 大約 53% 的人表示，他們總是在購買東西之前進行研究，以確保他們做出最好的選擇。 這對非營利組織來說也不例外。

由於 COVID 和美國的整體政治氣候，隨著數字化轉型的加速，強大的 SEO 對非營利組織來說比以往任何時候都更加重要。 許多美國人正在尋找方法來支持特定社會問題的組織——這凸顯了對強大 SEO 的更大需求。

3. 可訪問性

根據世界衛生組織的統計，有 10 億人——約佔世界人口的 15%——患有某種形式的殘疾。 而且，大約 75% 的美國殘障人士報告稱他們每天都使用互聯網。

重要的是要記住網頁設計中的可訪問性在提前計劃時是最好的，但可以在網站生命週期的任何階段以有意義的方式進行補救。

如上所述，在幫助每個人與您的網站互動方面，有一些小的變化可以大有幫助，但其中一些最關鍵的如下：

• 確保您的文本/背景顏色對視力障礙者友好，包括色盲
• 如果可用，請為圖像和圖形上的替代文本草擬特定副本，以口頭描述其他人會看到的內容
• 這也有助於那些使用屏幕閱讀器的人，他們可以通過聲音來描述他們所看到的內容，從而為他們的在線體驗增添背景和色彩
• 使用 Tab 鍵瀏覽您的網站，看看無法使用鼠標的人將如何與您的內容互動，這可以照亮可能需要完成更多工作的任何領域。
• 最後，檢查移動和桌面體驗之間的差異可能是確保您滿足可訪問性需求的最後一關

歸根結底，重新設計網站並不容易，但在幫助您的非營利組織接觸新受眾並增加影響力方面，這是一個明智且有利可圖的商業決策。 強大的網站對於任何品牌都至關重要，但對於旨在吸引和激發感興趣的受眾的非營利組織尤其重要。