非営利ウェブサイトの再設計のクイックガイド[+ベストプラクティス]

公開: 2022-07-12

非営利組織のための質の高いウェブサイトを持つことの重要性を誇張するのは難しいです。組織のアウトリーチ、マーケティング、および広告はすべて、寄付、サービスについての情報提供、情報への登録などの行動をとるように視聴者を駆り立てる必要があります。

効果的なウェブサイトにより、これらのアクションを迅速かつシームレスに実行できるため、これらのアクションのいずれかのコンバージョンへの道が楽になります。

一方、標準以下のWebサイトは、実際には、達成したい目標からオーディエンスの注意をそらし、訪問者を最も関連性の高い情報を曖昧にするナビゲーションで混乱させたり、行動を促すフレーズが多すぎたりします。

デジタルマーケティングの専門家として、新しい非営利のWebサイトプロジェクトを開始する際のガイドとして使用する基本的なプロセスがあり、最終製品が明確で使いやすく、最終的には効果的であることを保証します。

飛び込みましょう。

今すぐダウンロード：2022年の非営利マーケティングと資金調達の傾向[無料レポート]

成功する非営利ウェブサイトプロジェクトの6つのフェーズ

1.発見

発見段階では、プロジェクトチームはその目標を定義し、既存の強み、成長の機会、および対象者を理解します。

あなたの目標を特定する

より良いウェブサイトを構築するための最初のステップは、ウェブサイトが必要であることを認識し、再設計の取り組みの目標を決定することです。データを調べて、現在のサイトが期待を満たしているかどうかを判断できる場合があります。

対象者を理解する

Google Analyticsなどのツールは、それに応じて最適化するために、どのアクションまたはコンテンツがオーディエンスに多かれ少なかれ牽引されているかを判断するのに役立ちます。オーディエンス調査を実装することで、Webサイトのどの部分が主要なグループとより良くまたはより悪く共鳴している可能性があるかについての洞察を得ることができます。

コンテンツを評価する

問題は、ブランド要素の視覚的表現に関係している場合があります。サイトでは、一般的な改修またはアクセシビリティの向上が必要な場合があります。マーケティングエージェンシーは、現在のサイトをより詳細に監査およびレビューして、新しいWebサイトの目標を導き、優先順位を付けるための具体的な推奨事項を提供するのに役立ちます。

サイト監査

サイト全体の再設計では、戦略と設計に情報を提供するための最初のステップとして調査が必要になる場合があります。これには、現在のサイトの既存のすべてのコンテンツの詳細な監査、およびその他の技術プラットフォーム（CRMシステムや組織の資金調達プラットフォームなど）に関する調査と文書化が含まれる場合があります。これには、オーディエンスグループをより深く調査し、組織とやり取りする旅のさまざまな段階で特定のニーズをマッピングすることも必要になる場合があります。

SEO監査

SEO監査は、サイトの再構築に関する洞察を収集するための重要なステップであり、オーディエンスが検索で簡単に見つけられるようにします。 SEO監査では、検索エンジンでのWebサイトの可視性に影響を与えるすべての要因を詳細に分析します。この監査を行うと、サイトの状態と全体的なドメイン権限に関して、Webサイト、全体的なトラフィック、および個々のページに関する完全な洞察が得られます。

SEO監査中に考慮すべきことがいくつかあります。

あなたのサイトはブレッドクラム構造をサポートしていますか？
あなたのナビゲーションは意味がありますか？
ユーザーがサイトで重要で関連性のあるコンテンツを見つけるのは簡単ですか？
コンテンツは適切な視聴者に届き、重要なキーワードをターゲットにしていますか？
サイト全体に正しいメタデータがありますか？タイトルタグ？
サイトにサーバーエラーがありますか？

これらは単純でありふれた作業のように見えるかもしれませんが、サイトとブランドが有機的な可視性を高めるための重要なステップです。全体として、このタスクを完了すると、トラフィックの目標を確実に達成し、Webサイトの再設計に必要な変更を加えることができます。

2.戦略

発見が完了したら、戦略フェーズに進むことができます。ここで、あなたとあなたのチームは、コピー、画像、ビデオ、およびその他のアセットを含むすべてのコンテンツが新しいWebサイト全体にどのように表示されるかを計画します。

コンテンツ戦略

オーディエンスが誰であるか、そしてオーディエンスがあなたの情報にどのように関与するかを把握したら、コンテンツ戦略、または訪問者がサイトで関与するためのコンテンツを整理および開発する方法に飛び込むことができます。。これには、サイトマップ（Webサイトの階層順のページのリストとも呼ばれます）の改訂や、特定のオーディエンスに関連するコンテンツがグループ化されるようにナビゲーションが含まれる場合があります。彼らの旅の適切なポイントで適切なコンテンツを見つけてください。

コンテンツ戦略の調査では、視聴者のユーザージャーニーのすべての段階を考慮することが重要です。あなたのサイトに不慣れな人々はどのように魅力的であり、どのようにして再訪問者の生活を楽にすることができますか？

非営利団体として、ストーリーのさまざまな部分を新しいサポーターと既存のサポーターと共有する必要があります。たとえば、新しい訪問者とは非営利団体の背景を共有でき、既存のサポーターとはその影響と結果を示すことができます。彼らが彼らの貢献がどのように重要であるかを見ることができるようにあなたの非営利団体。

情報アーキテクチャ

全体的なコンテンツ戦略が整ったら、個々のページが果たす役割またはストーリーを固めることができます。最も重要なメッセージを一番上に表示し、緊急性の低い部分をページにカスケードできるようにすることで、UX担当者やデザイナーがストーリーを生き生きとさせるのに役立つ緩い情報アーキテクチャを構築します。

3.UXとデザイン

ユーザーエクスペリエンス（UX）とデザインの段階に進むと、すべての発見と戦略をビジュアルで実現できます。このフェーズで視聴者のことを頭に入れておくことで、可能な限り最も効果的な方法で視聴者のニーズを満たすことができます。

次に、ユーザーエクスペリエンス（UX）デザインが登場します。多くの場合、プロトタイプまたはワイヤーフレームの形式で、各ページの視覚的な構造を提供します。これらのワイヤーフレームには、概念的なコピーが含まれている場合もあります。これは、「私たちの寄付プログラムに関する見出しはここにあります」などを示す短いテキストです。これは、サイトコンテンツに対する後のコピーライティングの取り組みをガイドするのに役立ちます。

新しいウェブサイトの視覚的および創造的な方向性が確立されるにつれて、物事はより面白くて楽しいものになります。デザイナーは、ブランド要素、色、フォント、その他のスタイル要素に対する新しいビジュアルアプローチを推奨できます。承認されると、この視覚的なアプローチがページデザインとレイアウトに適用され、最終的なページデザインに到達します。

4.実装

実装フェーズでは、開発プロセスがプラットフォームによって少し異なることに気付くでしょう。あなたとあなたのチームがあなたの仕事を実行する際に、あなたはあなたのサイトがどれほど簡単に維持できるかに影響を与えるいくつかの決定をします（ノー/ローコードプラットフォーム対コード駆動型製品を通して）。

デザイン、要件、仕様、およびコピーは、新しいWebサイトを実現するための開発努力と一緒になります。今日、組織には考慮すべき多くの優れたオプションがあります。SquarespaceやWixなどのノーコードプラットフォームは、開発プロセスの多くの部分を非常に単純にすることができるため、開発者は不要であり、メンテナンスコストは大幅に削減されますが、ある程度の柔軟性があります。それらがうまく機能できる技術的統合のタイプと、どの程度のカスタマイズが発生する可能性があるかについて。

HubspotのCMSなどの一部のソリューションは、HubSpotのCRMツールに合わせて調整されており、強力で使いやすいインターフェイスを必要とする組織向けに、すぐに使用できるソリューションを提供します。 HubSpotは、非営利団体が選択できる20を超えるテーマを提供し、カスタマイズと洗練されたデザインおよびユーザーエクスペリエンスを数分で利用できるようにします。

WordPressのような開発集約型のプラットフォームでは、構築プロセスに必要な投資が増え、プラグインやホスティングなどの長期的なメンテナンスコストが発生しますが、カスタムWebサイトのビジョンを実現するための無限の機会が提供されます。

コードなしとローコード

5.品質保証テスト

最終的なコンテンツが新しいサイトに入力または移行され、ブログ投稿へのアプローチとSEOの考慮事項に対処すると、品質保証（QA）テストを実行できます。

QAテストでは、サイトがすべてのデバイスで適切に表示され、アクセシビリティ基準を満たし、速度が最適化され、要件に従って機能していることを確認できます。

6.アクセシビリティ

機能的でよく整理されているだけでなく、すべての人がアクセスできるWebサイトを作成することが標準になりつつあります。非営利団体として、すべてのオーディエンス、特にサービスを提供しているオーディエンスに対応することがさらに重要です。

アクセシビリティとは、すぐにわかる障害だけでなく、すべての障害に対応することを意味することを忘れないでください。米国の人口の13％以上が視覚障害を持っています。サイトにアクセスできるようにするための注意深い移行は、適切な色の使用、スクリーンリーダーのH1 / H2タグ付け、すべての画像とグラフィックスへの代替テキストの提供などの小さな変更で構成されます。これらのボックスをチェックすることは、誰もがあなたのサイトで前向きな経験をするのを助けるのに大いに役立ちます。

アクセシビリティチェックを含むQAテストが完了すると、変更を加えて解決策を見つけることができ、サイトはリリースの最終承認の準備が整います。

プラットフォームに関係なく、常に覚えておくべきいくつかの詳細（忘れられがちです）があります。

優れたノーコードおよびローコードの非営利ウェブサイトの例をいくつか示します。

ノーコード非営利ウェブサイトの例

1. 50州、50助成金

それは良くなる：50州。 50の助成金。 5000ボイスキャンペーンはwebflowを使用して作成されました。テンプレートに基づいて構築されていますが、Webサイトには依然として優れた動きとエンゲージメントがあり、よりカスタムなWebサイトを表現しています。

問題領域： LGBTQIA +

ウェブサイトプラットフォーム：ウェブフロー

ウェブサイト： https：//www.50states50grants.com/

2.RiseUPマーケティングフェローシップ

RiseUPマーケティングフェローシップは、マーケティングおよび広告業界全体の多様性、アクセス、および具体的な社会的影響を高めるために機能する、目的主導型のマーケティングフェローシップです。

問題領域：雇用

ウェブサイトプラットフォーム： Squarespace

ウェブサイト： https：//www.riseupfellows.com/

コード駆動型の非営利ウェブサイトの例

1. OPS

OPSは、影響力の大きい映画と視覚的なストーリーテリングを使用してグローバルコミュニティに刺激を与え、力を与え、結び付けて、地球が直面している最も重要な問題を明らかにします。

問題領域：環境

ウェブサイトプラットフォーム： WordPress

ウェブサイト： https：//www.opsociety.org/

2.外向きの米国

Outward Bound USAは、1962年以来、若者が自分の可能性を探求できるようにする野外教育プログラムの大手プロバイダーです。

問題領域：教育

ウェブサイトプラットフォーム： WordPress

ウェブサイト： https：//www.outwardbound.org/

3.ガーソンミッション

ガーソンインスティテュートの使命は、医学としての食品の教育に根ざしており、有毒物質への曝露を減らし、ガーソンセラピーが実行可能な選択肢であるだけでなく、慢性疾患の治療の柱となるより健康的な世界を作り上げています。

問題領域：健康

ウェブサイトプラットフォーム： WordPress

ウェブサイト： https：//gerson.org/

一般的な非営利ウェブサイトの落とし穴

1.追跡と変換

多くの場合、組織は新しいWebサイトで追跡を転送および/または設定することを忘れます。少なくとも、ウェブサイトがリリースされたときに、GoogleタグマネージャーとGoogleアナリティクスが公開されていることを確認してください。

ほとんどのウェブサイトが再構築される可能性があり、ウェブサイト上の要素とフォームがシフトしています。ボタンの色や配置が変更され、新しいページが追加された可能性があります。既存のウェブサイトのカスタムイベントまたはコンバージョントラッキングは、トラッキングを失うことがないように、次のウェブサイト用に再作成する必要があります。

キャンペーンの途中でピクセルが正しく発射されていないことに気付くのは悪いことではありません。時間をかけてサイトのQAを行い、フォームとボタンをテストし、Webサイトが公開されてから2番目にレポートを実行してください。

2.SEO

非営利団体であっても、すべての企業には強力なマーケティング戦略が必要です。ただし、ほとんどの非営利団体は、投資収益率が最も高いものの1つであるにもかかわらず、検索エンジン最適化（SEO）への投資を知らないか検討していません。

SEOやコンテンツ戦略に投資しない場合、サポーター、ボランティア、支持者があなたを見つけることをどのように期待しますか？大まかに言って、53％の個人は、可能な限り最良の選択をしていることを確認するために、何かを購入する前に常に調査を行っていると述べています。これは非営利団体でも同じです。

強力なSEOは、COVIDと米国内の全体的な政治情勢により、デジタルトランスフォーメーションが加速しているため、非営利団体にとってこれまで以上に重要です。多くのアメリカ人は、特定の社会問題の組織をサポートする方法を探しています—強力なSEOのより大きな必要性を強調しています。

3.アクセシビリティ

世界保健機関によると、10億人（世界人口の約15％）が何らかの障害を持って生活しています。また、障害を持つアメリカ人の約75％が、日常的にインターネットを使用していると報告しています。

Webデザインのアクセシビリティは、事前に計画するときに最適であることに留意することが重要ですが、Webサイトのライフサイクルのどの段階でも、意味のある方法で改善できます。

上記のように、すべての人があなたのWebサイトに関与するのを助けるのに大いに役立つ小さな変更がありますが、最も重要なもののいくつかは次のとおりです。

あなたのテキスト/背景の色が色覚異常を含む視覚障害を経験している人々にとって友好的であることを確認してください
利用可能な場合は、画像やグラフィックの代替テキストの特定のコピーをドラフトして、他の誰かが見るものを口頭で説明します

これは、スクリーンリーダーを使用する人々にも役立ち、見ているものを説明する声を持って、オンラインでの体験にコンテキストと色を追加します

タブキーを使用してサイトをナビゲートし、マウスを動かすことができない人々がどのようにコンテンツに関与するかを確認することで、さらに作業が必要になる可能性のある領域を明らかにすることができます。
そして最後に、モバイルとデスクトップのエクスペリエンスの不一致をチェックすることは、アクセシビリティのニーズに対応していることを確認するための素晴らしい最後のパスになる可能性があります

結局のところ、ウェブサイトの再設計は簡単ではありませんが、非営利団体が新しいオーディエンスにリーチして影響力を高めるのを支援することになると、賢明で儲かるビジネス上の決定になります。強力なウェブサイトはどのブランドにとっても重要ですが、関心のあるオーディエンスにリーチして刺激を与えることを目的とした非営利団体にとっては特に重要です。

非営利の傾向