WWF-US｜大規模サイトに環境配慮を組み込む
米国の自然保護団体WWF-USは、英国の制作会社Torchboxとともに、ウェブサイトの基盤を刷新しました。自然保護の情報を広く伝えるためのサイトに、環境配慮とウェブアクセシビリティを組み込んだ取り組みです。
多くの人が利用し、大量の情報を扱うウェブサイトでは、画像や配信の小さな改善も、多くのページや閲覧に関わります。情報の伝わりやすさを保ちながら、不要なデータ転送を抑える工夫が求められます。
今回は、Torchboxが2025年10月に公表した事例をもとに、大規模サイトに環境配慮を組み込むための設計・運用の工夫を紹介します。
1. 自然保護活動を伝える、大規模なウェブサイト
Torchboxの事例では、WWF-USのサイトは年間約3,350万PV、約1,000万人の利用者を支える規模として紹介されています。2012年から使ってきたサイトの基盤を更新する必要があり、今回の刷新につながりました。
大規模サイトの見直しでは、見た目の変更だけでなく、多くの情報をどう届け、公開後もどう管理していくかが課題になります。環境性能も、こうした設計・運用の判断とあわせて考える必要があります。
2. 画像と配信の最適化で、不要なデータ転送を抑える
新しいサイトでは、WebP・AVIF形式と、端末に応じた画像配信を採用しています。また、CDNとキャッシュを活用し、コンテンツを効率よく届ける構成にしています。
- 画像形式を最適化し、配信するファイルの容量を抑える
- 端末に適した画像を届け、必要以上に大きな画像の読み込みを避ける
- CDNとキャッシュを活用し、配信を効率化する
情報を伝えるための画像を活かしながら、届け方を最適化する。この考え方は、写真を多く使う企業サイトやメディアでも参考になります。
3. 約6,000ページを整理し、情報を見つけやすくする
今回の刷新では、約6,000ページのコンテンツを移行・再整理しました。ニュースとして扱われていた継続的に役立つ情報を「resources」のセクションにまとめ直し、パンくずリストやページ間のつながりも整えています。
情報が増えたサイトでは、公開時の分類がそのまま残り、利用者にとって探しにくくなることがあります。内容の役割に応じて整理し直すことは、過去に作成した情報を活かし続けるうえでも重要です。
ここでは、ページ単位の軽量化に加え、必要な情報にたどり着きやすい構造をつくるという視点が参考になります。
4. ウェブアクセシビリティと、継続的に運用できる基盤
Torchboxは、キーボード操作、色のコントラスト、HTMLの意味構造、スクリーンリーダーへの対応を、サイト全体に組み込んだと説明しています。WWF-US自身も、ウェブアクセシビリティ方針でWCAG 2.2のレベルAAへの適合を目指す姿勢を示しています。
運用面では、オープンソースCMSのWagtailを採用し、階層的なページ管理やライブプレビューを利用できるようにしました。
利用者が情報へアクセスしやすいことと、担当者が情報を整理・更新しやすいこと。その両方を支える基盤は、ウェブサイトを長く運用していくためにも大切です。
5. まとめ
WWF-USの事例は、画像・配信の最適化、情報整理、ウェブアクセシビリティ、更新しやすい基盤を、サイト刷新に組み込んだ取り組みです。
企業のウェブサイトでも、環境負荷を考える際には、ページ容量だけでなく、情報の探しやすさや公開後の管理まで含めて見直すことができます。
多くの情報を届ける役割を保ちながら、不要な通信を抑え、利用・運用しやすい構成にすること。WWF-USの取り組みは、サステナブルなウェブサイトの設計・運用の参考になります。
注記：参照した制作事例の公開日は2025年10月20日です。
