Strona dla NGO: tania, szybka i dostępna strona www

W ciągu ostatnich lat pomagałem postawić strony kilku polskim fundacjom i stowarzyszeniom. Powtarza się ten sam scenariusz: organizacja dostaje wycenę agencji na 15-30 tysięcy złotych za WordPressa, który potem wymaga serwera, aktualizacji i opieki. Tymczasem większość stron NGO nie potrzebuje żadnego z tego. Potrzebuje szybkiej, dostępnej i taniej wizytówki z jasną ścieżką do darowizny. W tym poście pokazuję, jak ją zbudować.

Budżet NGO: twarda rzeczywistość

Fundacja z rocznym budżetem 100-300 tysięcy złotych wydaje 80-90% na programy: stypendia, zajęcia, pomoc rzeczową. Na stronę zostaje kilka tysięcy – i to jednorazowo. Dlatego każde rozwiązanie, które wymaga stałej opieki (aktualizacje CMS, serwer, backup), jest zadłużeniem na lata, a nie inwestycją.

Dlaczego statyczna strona wygrywa dla NGO

Generator statyczny (Astro, Eleventy, Hugo) buduje stronę jako czyste pliki HTML raz, podczas builda. To zmienia wszystko:

• Hosting jest darmowy lub prawie darmowy – Netlify, Vercel, Cloudflare Pages albo GitHub Pages. Strony statyczne nie potrzebują serwera, bazy danych ani PHP.
• Bezpieczeństwo – nie ma backendu, który można zhakować, nie ma pluginu do zaktualizowania, nie ma bazy do wycieku. Jedyna droga ataku to DNS i CDN, a te zabezpieczysz darmowym certyfikatem.
• Szybkość – statyczny HTML ładowany z CDN daje LCP poniżej 1 sekundy praktycznie bez optymalizacji. To nie jest “szybka strona” – to najszybszy możliwy format.
• Zero utrzymania – treści edytuje się w Markdown albo w prostym CMS (Decap, Tina), a build i deploy są automatyczne. Po roku strona nadal działa bez żadnej interwencji.

Wada? Wszystko, co wymaga logowania i danych na żywo, trzeba dołożyć osobno (formularze przez serwis zewnętrzny, darowizny przez bramkę). Dla NGO to zwykle zaleta – mniej powierzchni do utrzymania.

Dostępność WCAG 2.2: to nie jest opcja

Ustawa o dostępności cyfrowej obejmuje podmioty publiczne, ale dla NGO dostępność to kwestia misji: wśród beneficjentów są osoby starsze, z niepełnosprawnościami wzroku i ruchu. Podstawy, które wdrażam na każdej stronie:

1. Kontrast tekstu ≥ 4,5:1 – nie używaj jasnoszarego tekstu na białym tle. To najczęstszy błąd, który dyskwalifikuje stronę.
2. Pełna nawigacja klawiaturą – każdy link, przycisk i formularz musi być osiągalny tabulatorem z widocznym fokusem.
3. Alt texty i etykiety – każde zdjęcie ma opis, każdy input ma etykietę <label> powiązaną z polem.
4. Semantyczny HTML – nagłówki w poprawnej hierarchii (h1 → h2), <main>, <nav>, <button> zamiast klikanych div.
5. Tryb wysoki kontrast i powiększanie – strona działa bez problemu przy 200% zoomu bez poziomego przewijania.

Do weryfikacji używaj darmowych narzędzi: Lighthouse (audyt dostępności), axe DevTools i Wave. Test klawiaturą zajmuje 15 minut i łapie 80% realnych problemów.

Darowizny: zaprojektuj ścieżkę darczyńcy

Fundacja nie potrzebuje “ładnej strony” – potrzebuje pieniędzy na programy. Dlatego każda strona NGO, którą buduję, ma jedną dominującą ścieżkę konwersji:

1. Historia – zamiast opisu misji pokaż konkretnego beneficjenta i efekt pomocy. “Przekaż 120 zł na miesięczne zajęcia dla Ani” działa lepiej niż “wspieramy edukację”.
2. Jasny cel – kwota zbiórki, licznik postępu, termin. Niejasny cel = brak wpłat.
3. Zero tarcia – przycisk “Wesprzyj” w nagłówku na każdej podstronie, darowizna w 2 kliknięcia, bez zakładania konta.
4. Podziękowanie i potwierdzenie – po wpłacie strona dziękuje i informuje, jak wpłata została wykorzystana (raport roczny).

Technicznie: bramka płatności z integracją przez widget (Przelewy24, Stripe, Patronite, zrzutka.pl). Pamiętaj o 1,5% podatku – to kanał, który dla wielu NGO generuje więcej niż zbiórki, a wymaga tylko jasnej instrukcji i numeru KRS.

SEO dla NGO: treści, które pracują na misję

Strony NGO mają przewagę, o której często zapominają: autentyczne historie. Google (i wyszukiwarki AI) nagradzają oryginalne treści z doświadczenia – dokładnie to, czego organizacje mają nadmiar:

• Opisuj problem, nie siebie – “Jak wygląda pomoc psychologiczna dla dzieci po kryzysie” ma potencjał wyszukiwania; “O nas” go nie ma.
• Sekcja FAQ z prawdziwymi pytaniami beneficjentów i darczyńców (schema FAQPage w JSON-LD – patrz post o structured data).
• Raporty i podsumowania – coroczny raport z wynikami to content evergreen, który buduje autorytet i linki.
• Lokalne SEO – dane NAP (nazwa, adres, telefon), wpis w Google Business Profile, spójność w rejestrach (KRS, ngo.pl).

I najważniejsze dla przyszłości: struktura danych i czytelność dla wyszukiwarek AI – zwięzłe odpowiedzi na konkretne pytania będą cytowane w odpowiedziach generatywnych. Organizacje, które mają “gotowe odpowiedzi” na swojej stronie, zyskują ruch nawet bez kliknięć w wyniki.

Darmowe narzędzia dla NGO

• Hosting: Netlify / Cloudflare Pages (darmowe, CDN + SSL w cenie)
• Generator: Astro (szybki, mały, polska społeczność) albo Eleventy – oba darmowe
• CMS do treści: Decap CMS (darmowy, edycja w przeglądarce)
• Formularze: Formspree / Basin (darmowe plany), bez backendu
• Narzędzia zespołowe: CiviCRM, Nextcloud, Mattermost – patrz post o open-source dla NGO
• Analityka: Plausible/Umami (bez ciasteczek, zgodnie z RODO) – patrz post o analityce privacy-first

Checklist wdrożenia

• Jedna ścieżka konwersji: historia → cel → przycisk darowizny
• WCAG: kontrast, klawiatura, alt texty, semantyczny HTML
• Hosting statyczny (Netlify/Cloudflare Pages) + własna domena
• SSL (darmowy), PageSpeed > 90 na mobile
• Google Business Profile + dane NAP w stopce
• Formularz kontaktowy bez backendu (Formspree/Decap)
• Analityka bez ciasteczek (Plausible/Umami)
• Raport roczny jako content evergreen

Co dalej

• Open-source narzędzia do zarządzania NGO
• GEO vs SEO: optymalizacja pod AI
• Wyszukiwarki AI a ranking Google

Prowadzisz NGO i chcesz szybką, dostępną stronę, która faktycznie zbiera darowizny? Napisz do mnie – dla organizacji pozarządowych mam niższe stawki i rozliczenie w formie darowizny.