非营利网站重新设计快速指南 [+最佳实践]

对于非营利组织来说，拥有一个优质网站的重要性怎么强调都不为过。 组织的所有外展、营销和广告都需要推动受众采取行动，例如捐赠、了解服务或注册信息。

一个有效的网站可以让这些操作快速而无缝地发生，从而使任何这些操作的转换路径变得轻松。

另一方面，低于标准的网站实际上会分散观众对您希望他们完成的目标的注意力，使访问者感到困惑，导航会掩盖最相关的信息，或者使用太多的号召性用语使他们超载。

作为数字营销专家，当我们开始新的非营利性网站项目时，我们有一个基本流程作为指导，以确保最终产品清晰、易于使用并最终有效。

让我们潜入水中。

成功的非营利网站项目的 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 键浏览您的网站，看看无法使用鼠标的人将如何与您的内容互动，这可以照亮可能需要完成更多工作的任何领域。
• 最后，检查移动和桌面体验之间的差异可能是确保您满足可访问性需求的最后一关

归根结底，重新设计网站并不容易，但在帮助您的非营利组织接触新受众并增加影响力方面，这是一个明智且有利可图的商业决策。 强大的网站对于任何品牌都至关重要，但对于旨在吸引和激发感兴趣的受众的非营利组织尤其重要。