STK, Dernek ve Vakıf Web Sitesi Nasıl Olmalı? Sivil Toplum İçin Dijital Rehber

Türkiye'de Sivil Toplum: Dijital Tablo

Sivil Toplumla İlişkiler Genel Müdürlüğü'nün 2025 verilerine göre Türkiye'de 125.000'i aşkın dernek ve Vakıflar Genel Müdürlüğü kayıtlarında 5.700'ü aşkın vakıf aktif olarak çalışıyor. İnsan hakları, çevre, kültür, sağlık, eğitim, dezavantajlı gruplar — her alanda yüzlerce yapı, kamuoyuna ulaşmak ve fon kaynaklarına erişmek için dijital varlığa bağımlı.

Avrupa Birliği, Birleşmiş Milletler, Türkiye Cumhuriyeti bakanlık fon programları ve özel vakıfların hibe başvuru süreçlerinde başvuran kuruluşun web sitesi ön değerlendirme aşamasında zorunlu inceleme noktasıdır. Üye olunan uluslararası ağlar, yönetim kurulu yapısı, mali şeffaflık, geçmiş projeler — bu bilgilerin web sitesinden erişilebilir olması, fon kuruluşunun karar süresini doğrudan etkiler.

Buna rağmen Türkiye'deki STK'ların büyük çoğunluğu, ya hiç web sitesine sahip değil ya da yıllarca güncellenmemiş bir şablonu kullanıyor. 2026 web tasarım trendlerinde sivil toplum kuruluşlarının dijital görünürlüğü ayrı bir başlık olarak ele alınıyor: jenerik kurumsal şablonlar artık yetmiyor, sektöre özel yapılar gerekiyor.

Hibe Veren Kuruluş Sitenize Geldiğinde Ne Arar?

Fon programları, ortaklık anlaşmaları ve kurumsal sponsorluk başvurularında karar vericiler sitede şu beş alanı inceler.

1. Yönetim Kurulu Şeffaflığı

"Kim bu kuruluşun arkasında?" sorusu hibe değerlendirmesinde ilk sorulardan biridir. Yönetim kurulu üyelerinin tam adları, unvanları, mesleki geçmişleri ve fotoğrafları sitede yer almalıdır. Sadece liste yetmez — her üyenin kendi profil sayfası, biyografisi ve uzmanlık alanı sergilenmelidir. Bu yapı, kuruluşun karar mekanizmalarının saydam olduğunu gösterir.

2. Faaliyet Geçmişi ve Etkinlik Arşivi

Geçmiş paneller, atölyeler, saha çalışmaları, gönüllü eğitimleri — bunların kayıtlı olduğu bir etkinlik arşivi, kuruluşun aktif olduğunun en somut kanıtıdır. Tarih, şehir, etkinlik türü ve katılımcı bilgisi içeren bir arşiv; "bu kuruluş gerçekten çalışıyor" mesajını verir.

3. Basın Bültenleri ve Resmi Belgeler

Basın açıklamaları, ortak bildirgeler, yıllık raporlar ve mali şeffaflık belgeleri, bir STK'nın kamuoyu nezdinde hesap verebilirliğinin temel göstergeleridir. Bu belgelere PDF olarak erişim sağlayan bir arşiv sayfası, hem gazeteciler hem de fon kuruluşları için kritik bir kaynaktır.

4. Aktif İçerik Üretimi

Kuruluşun blog yazıları, saha notları ve uzman görüşleri yayınlaması; "bu organizasyon canlı, üretiyor" mesajı verir. Son haberin 2 yıl önce eklendiği bir site, hibe veren kuruluş için red sebebidir. Düzenli içerik üretimi olmayan bir STK, kamuoyu yararına aktif olmadığı izlenimi uyandırır.

5. Gönüllü Çekme Altyapısı

Birçok hibe programı "kuruluşun gönüllü ağı büyüklüğü"nü değerlendirme kriterlerinden sayar. Sitede çalışan bir gönüllü başvuru formu, gelen başvuruları yöneten bir admin sistemi ve gönüllüye düşen rolleri net açıklayan sayfalar — gönüllü ağının büyümesinin altyapısıdır.

Genel Şablon Neden Yetmiyor?

Bir restoran, kafe veya kurumsal firma için yapılmış genel amaçlı web şablonları sivil toplum kuruluşunun ihtiyaçlarını karşılayamaz. Çünkü STK'da içerik yapısı tamamen farklıdır:

• Saha haberi ile basın açıklaması aynı şey değildir — biri editöryal metin, diğeri resmi belgedir; ayrı modüllerde toplanmaları gerekir
• Etkinlikler tarih, şehir ve tür bilgisiyle arşivlenmelidir; standart "etkinlikler" sayfası bunu taşıyamaz
• Yönetim kurulu üyeleri aynı zamanda blog yazan köşe yazarları ise; YK profil sayfası ile yazar profili otomatik bağlanmalıdır
• Basın bültenleri tür etiketi (bülten, bildirge, rapor, açıklama) ve PDF eki ile arşivlenmelidir
• Gönüllü başvuruları bir Excel tablosuna düşmemeli; admin panelden durum takibi (beklemede / onaylandı / reddedildi) yapılabilmelidir
• KVKK uyumu sadece bir statik sayfa değil; iletişim formu, gönüllü formu ve bülten aboneliği için aydınlatma akışı içermelidir

Genel şablonlar bunları taşımak için ek özelleştirme ister. Her özelleştirme; ayrı maliyet, ayrı süre ve ajansa bağımlılık demektir.

Renk ve Tipografi Psikolojisi: Sivil Toplum İçin

STK web sitesinin görsel kimliği, kuruluşun kamuoyu nezdinde algılanışını doğrudan etkiler. Marka renkleri seçimi rehberinde ele aldığımız üzere, sivil toplum kuruluşları için en uygun renk paleti şu üç katmandan oluşur.

Lacivert: Güven ve Kurumsal Otorite

Lacivert ton (#03296B gibi), kamuoyu önünde söz söyleyen bir kuruluşun ihtiyaç duyduğu ciddiyeti taşır. Kamu kurumları, uluslararası organizasyonlar ve hukuki başvuru süreçlerinde lacivert renk paleti güven puanını yükseltir. Ekol gazetecilik renklerinden esinlenen bu seçim, kuruluşun "haber kaynağı" rolünü pekiştirir.

Kırmızı: Aciliyet ve Dayanışma

Hak savunuculuğu yapan, kriz durumlarında ses olan, yardım çağrısı yapan bir kuruluş için kırmızı (#BE0002 gibi) renk; CTA butonlarında ve vurgularda kullanıldığında ziyaretçide eylem motivasyonu yaratır. "Bağış yap", "gönüllü ol", "destek olun" çağrılarında kırmızının dönüşüm oranı ortalama %30 daha yüksektir.

Editoryal Tipografi: Serif Başlık + Sans Body

Hak savunuculuğu içerikleri editöryal bir karaktere sahiptir; haber, analiz, rapor, tanıklık metinleri içerir. Bu nedenle başlıklarda Fraunces, Playfair veya Source Serif gibi display serif fontlar; gövde metinlerinde DM Sans, Inter veya IBM Plex Sans gibi okunabilir sans-serif fontlar tercih edilmelidir. Bu kombinasyon, sitenin "bir gazete arşivi ciddiyetinde" algılanmasını sağlar.

Dayanışma Teması: STK İhtiyaçlarını Nasıl Karşılıyor?

Dayanışma teması, yukarıda sıralanan ihtiyaçları tasarımın ve veritabanı yapısının her katmanına entegre etmiştir.

Yönetim Kurulu ve Yazar Profili Bağlantısı

Her YK üyesi için /yonetim-kurulu/[slug] formatında ayrı bir profil sayfası oluşur. Üye aynı zamanda blog yazıları yayınlıyorsa, /yazar/[slug] URL'si otomatik olarak aynı kişiye bağlanır. YK profil sayfasında üyenin yazıları, blog yazılarında ise yazara giden link yer alır. Bu çift yönlü bağ, kamuoyu önünde tek bir kurumsal kimlik oluşturur.

Etkinlik Arşivi (River Layout)

Etkinlikler sayfasında tarih + şehir + görsel + açıklama dörtlüsünden oluşan "river" düzenli liste yapısı kullanılır. Geçmiş etkinlikler kronolojik olarak arşivlenir; her etkinliğin kendi detay sayfası, içindekiler tablosu ve Schema.org Event yapılandırılmış verisi vardır. Hibe başvurularında "geçmiş faaliyet kanıtı" olarak doğrudan link verilebilir.

Basın Bülteni Modülü

Basın bültenleri için ayrı bir tablo ve sayfa yapısı vardır. Her kayıt; tarih, tür etiketi (Basın Bülteni / Ortak Bildirge / Yıllık Rapor / Açıklama), özet, içerik ve PDF URL alanı içerir. PDF Google Drive, Dropbox veya kendi sunucunuzdan link verilebilir; gazeteciler ve araştırmacılar belgeyi tek tıkla indirebilir.

Gönüllü Başvurusu ve Durum Takibi

Gönüllü formu; ad, e-posta, telefon, şehir, uzmanlık alanı (dropdown), motivasyon mesajı ve KVKK onay kutucuğu içerir. Form doldurulduğunda admin panelin Gönüllüler modülüne düşer; her başvuru için durum (beklemede / onaylandı / reddedildi) ve özel not alanı yönetilir. Honeypot spam koruması her zaman aktif, reCAPTCHA v2 admin > Ayarlar > Güvenlik'ten isteğe bağlı eklenir.

Lokal SEO ve Schema.org: STK'lar İçin

STK web sitesinin Google'da bulunabilmesi için aşağıdaki teknik altyapı gerekir.

Schema.org NGO ve Organization Yapılandırılmış Verisi

Dayanışma, ana sayfada Schema.org'un Organization tipini, haberlerde NewsArticle, etkinliklerde Event, blog yazılarında BlogPosting ve YK üyelerinde Person tipini kullanır. Bu yapılandırılmış veri, Google'ın kuruluşu doğru kategorize etmesini ve arama sonuçlarında zengin snippet'ler göstermesini sağlar.

Konu Bazlı Blog İçeriği

"Dernek nasıl kurulur?", "Vakıf hibe başvurusu nasıl yapılır?", "STK için KVKK uyumu", "Sivil toplum kuruluşu mali şeffaflık" — bu tür rehber yazıları hem ziyaretçi çeker hem de kuruluşun kamuoyu nezdinde uzmanlık algısını güçlendirir. SEO için blog yazma rehberinde belirttiğimiz üzere, sektörel rehber içerikler organik trafiğin %60'ından fazlasını sağlayabilir.

Mobil Hız ve Core Web Vitals

Saha çalışanları, gönüllüler ve gazeteciler içeriğe mobilden erişir. Web sitesi hız optimizasyonu rehberinde anlattığımız tekniklerin hepsi Dayanışma'da hazır gelir: AVIF/WebP otomatik dönüşüm, lazy loading, GZIP sıkıştırma, 1 yıl browser cache, minimize edilmiş CSS/JS. 375px'ten başlayan mobil testler, en küçük ekranlarda bile sorunsuz çalışmayı garanti eder.

Open Graph ve Sosyal Medya Önizlemesi

Twitter'da paylaşılan bir basın bülteni, Facebook'a yapıştırılan bir etkinlik linki, LinkedIn'de duyurulan bir yıllık rapor — hepsinin önizlemesinde doğru başlık, görsel ve açıklama görünmelidir. Dayanışma her sayfa için özel Open Graph ve Twitter Card meta etiketleri üretir.

Admin Panel: Gönüllü Personelin Yönetebileceği Sistem

Dayanışma'nın 12 modüllü admin paneli, kuruluşun kadrosunda profesyonel web yöneticisi bulunmasa da gönüllü veya stajyer düzeyinde personelin yönetebileceği şekilde tasarlanmıştır.

Haberler Modülü

Yeni haber eklemek için başlık, özet, kapsam etiketi (Türkiye / Uluslararası / Saha) seçilir, zengin metin editörüyle içerik yazılır, öne çıkan görsel yüklenir, SEO meta alanları doldurulur. Sistem otomatik slug üretir, sitemap'i günceller ve Schema.org NewsArticle çıktısı oluşturur.

Etkinlikler Modülü

Tarih, saat, şehir, etkinlik türü, açıklama, harita embed kodu — etkinlik kaydı için gereken tüm bilgiler tek formdan girilir. Geçmiş etkinlikler arşivde kalır, gelecek etkinlikler ana sayfada öne çıkar.

Basın / Bülten Modülü

Bülten kaydı için tarih, tür etiketi (dropdown), başlık, özet, içerik ve PDF URL alanı doldurulur. Yayınlandığında basın bültenleri sayfasında kronolojik liste halinde görünür.

Yönetim Kurulu Modülü

Yeni YK üyesi eklemek için fotoğraf yüklenir, ad, unvan, biyografi, uzmanlık alanları girilir. Sürükle-bırak ile sıralama yapılır. Üye pasife alındığında profil sayfası 404 verir, tüm referanslardan otomatik kaldırılır.

Gönüllüler Modülü

Formdan gelen gönüllü başvuruları liste halinde görünür. Her başvuru detayında durum güncellemesi (beklemede / onaylandı / reddedildi) ve yönetici not alanı vardır. CSV export desteğiyle başvuru listesi Excel'e aktarılabilir.

Site Ayarları Modülü

Logo değişikliği, adres güncellemesi, telefon, e-posta, sosyal medya hesap linkleri, footer metni, reCAPTCHA anahtarları, Google Analytics 4 ve Tag Manager entegrasyonu — hepsi tek ekrandan yönetilir.

Maliyet Karşılaştırması: Dayanışma Teması vs. Alternatifler

Dayanışma fiyatına dahil olanlar: Kaynak kod, kurulum kılavuzu, 6 ay teknik destek, ömür boyu ücretsiz güncelleme (v1.x için). Hosting önerileri ve kurulum yönlendirmesi destek kapsamındadır.

KVKK ve 5253 Sayılı Dernekler Kanunu Uyumu

Dayanışma teması, KVKK 6698 sayılı kanun ve Dernekler Mevzuatına göre tasarlanmıştır:

• Üç yasal sayfa hazır içerikle gelir: Gizlilik Politikası, KVKK Aydınlatma Metni, Kullanım Şartları
• İletişim formu, gönüllü formu ve bülten aboneliği KVKK onay kutucuğu ile çalışır
• Kullanıcı verileri (mesaj, başvuru, abonelik) admin panelden silinebilir — "unutulma hakkı" desteği
• Çerez bildirimi gerektiğinde aktif edilebilir
• SSL üzerinden veri aktarımı zorunludur — .htaccess HTTPS yönlendirmesi hazır

Sık Sorulan Sorular

Dayanışma kaç sayfa içeriyor?

Dayanışma temasının canlı demosunda görebileceğiniz gibi, kurulum paketinde 17 hazır sayfa bulunuyor: Ana Sayfa, Kurumsal, Haberler, Haber Detay, Etkinlikler, Etkinlik Detay, Blog, Blog Detay, Yazar Profili, Yönetim Kurulu Profili, Basın/Bülten, Gönüllü Ol, İletişim, Gizlilik Politikası, KVKK, Kullanım Şartları ve 404 sayfası.

Kendi sunucuma kurabilir miyim?

PHP 7.4 ve MySQL 5.7 ya da üzeri çalıştıran herhangi bir paylaşımlı veya VPS sunucuya kurulabilir. ALFA Dizayn, kurulum kılavuzu ve 6 aylık teknik destek kapsamında yönlendirme sağlar. cPanel, Plesk veya DirectAdmin erişimi olan standart bir hosting paketi yeterlidir.

İçeriği sonradan değiştirebilir miyim?

Evet. Admin paneli üzerinden haber, etkinlik, blog yazısı, basın bülteni, YK üyesi, gönüllü başvurusu, sayfa içerikleri, iletişim bilgileri, sosyal medya linkleri ve daha fazlasını güncelleyebilirsiniz. Herhangi bir dosyaya dokunmanıza ya da kod yazmanıza gerek kalmaz.

Tema başka bir derneğe de satılıyor mu?

Dayanışma, her müşteriye tek lisans olarak satılır. Satın aldığınızda lisans yalnızca kendi kuruluşunuza aittir. Başka kuruluşlar aynı temayı satın alabilir; ancak içerik, logo, renk ayarları ve modül kullanımı tamamen size özel olacaktır.

Yönetim kurulu üyesi blog yazarsa profili otomatik mi bağlanıyor?

Evet. Blog yazısının yazar adı, YK üyesinin adıyla eşleşiyorsa profil fotoğrafı, unvan ve biyografi veritabanından otomatik çekilir. Yazar sayfasından YK profiline, YK profilinden yazara çift yönlü link otomatik oluşur.

Basın bültenlerine PDF eklenebiliyor mu?

Evet. Her basın bülteni kaydında PDF URL alanı vardır. Google Drive, Dropbox veya kendi sunucunuzdaki bir PDF'e link verebilirsiniz. Kullanıcılar bülteni okuduktan sonra ek belgeyi indirir.

Gönüllü başvuruları nereye düşüyor?

Form doldurulduğunda başvuru admin panelin Gönüllüler modülüne düşer. Her başvuru için durum (beklemede / onaylandı / reddedildi) ve yönetici not alanı yönetilir. CSV export ile Excel'e aktarım da mümkündür. İsteğe bağlı olarak yeni başvurular için e-posta bildirimi de aktif edilebilir.

Mobil cihazlarda düzgün görünüyor mu?

Dayanışma, 375px genişliğinden (iPhone SE) başlayarak test edilmiştir. Tüm haber listeleri, etkinlik arşivi, blog yazıları, gönüllü formu ve YK profil sayfaları mobil ekranlarda kusursuz çalışmaktadır. Google'ın mobil önce (mobile-first) indeksleme politikasıyla tam uyumludur.

Türkçe + İngilizce + Arapça (RTL): Üç Dilli Yayın Yapısı

Dayanışma teması, sivil toplum kuruluşlarının uluslararası fon kuruluşları, basın temsilcileri ve diaspora kitlesiyle iletişim ihtiyacını gözeterek üç dil desteği ile birlikte gelir: Türkçe (TR), İngilizce (EN) ve Arapça (AR — RTL: sağdan sola). Bu yapı, Türkiye merkezli STK'ların hem yerel kamuoyuna hem de uluslararası paydaşlara doğrudan hitap edebilmesi için tasarlandı.

SEO Dostu URL Yapısı

Çoklu dil desteğinde sıkça yapılan en kritik hata, dilin yalnızca query parametresi (örneğin ?lang=en) ile yönetilmesidir. Google bu URL'leri çoğu zaman ayrı sayfa olarak indekslemez ve dilsel SEO kayıpları yaşanır. Dayanışma bu sorunu slug bazlı dil ön ekleri ile çözer:

• Türkçe: siteniz.com/blog, siteniz.com/etkinlikler/etkinlik-adi
• İngilizce: siteniz.com/en/blog, siteniz.com/en/events/event-name
• Arapça: siteniz.com/ar/blog, siteniz.com/ar/events/event-name

Her dil ayrı bir URL'ye sahip olduğundan Google'da bağımsız sayfa olarak indekslenir. Ayrıca her sayfada hreflang meta etiketleri otomatik üretilir; bu sayede arama motorları kullanıcının diline göre doğru URL'yi sıralar.

RTL (Arapça) Tasarım Uyumu

Arapça desteğinde sadece çeviri yetmez; sayfanın yön akışı da değişmelidir. Dayanışma'da Arapça seçildiğinde:

• Sayfa yönü dir="rtl" olur, bütün yerleşim sağdan sola akar
• Header navigasyon, footer ve sidebar konumları otomatik ters çevrilir
• Liste işaretleri, ikonlar, oklar ve butonlar RTL'ye uygun ayna görünüm alır
• Arapça için özel olarak Noto Naskh Arabic fontu yüklenir
• Form alanları sağa hizalanır, metin akışı doğru yönde işler

Modern Dil Çubuğu

Üst duyuru barında, HERALD tasarımıyla uyumlu modern bir pill butonlu dil çubuğu bulunur (TR | EN | AR). Kullanıcı bir dile tıkladığında URL otomatik değişir, seçim cookie'de 30 gün saklanır ve sonraki ziyaretlerde tercih hatırlanır. Mobilde dil çubuğu header sağında kompakt halde durur.

Yönetilebilir İçerik: Statik + Dinamik

Dayanışma'nın çoklu dil sistemi iki katmanlıdır:

• Statik UI metinleri (menü, butonlar, form etiketleri, hata sayfaları, eyebrow'lar): lang/tr.php, lang/en.php, lang/ar.php dosyalarından gelir; düzenleme istediğinizde tek dosya açıp güncellersiniz
• Dinamik içerikler (haber, blog, etkinlik, basın bülteni, YK üyesi, sayfa içerikleri): admin panelde her kayıt için title_en, title_ar, summary_en, summary_ar, content_en, content_ar alanları açılır. İstediğinizde dolduruyorsunuz

Bir kayıt için EN veya AR doldurmazsanız, o kayıt o dilde Türkçe'ye düşer. Bu sayede sistem hiç bozulmaz; çevirileri zamanla tamamlayabilirsiniz.

Üç Dilli SEO Avantajları

• hreflang etiketleri: Her sayfa için TR/EN/AR alternatif URL'ler bildirilir
• HTML lang attribute: Sayfanın gerçek dilini search engine'e bildirir
• Open Graph locale: Sosyal medya paylaşımlarında doğru dil etiketi (og:locale + alternates)
• Schema.org çoklu dil: Yapılandırılmış veri üç dilde de doğru üretilir
• XML sitemap: Tüm dil varyantları sitemap'e dahil edilir

Hangi STK Türleri İçin Kritik?

• İnsan hakları kuruluşları: Uluslararası raportörlere İngilizce sunum, Ortadoğu paydaşlara Arapça erişim
• Mülteci dayanışma platformları: Suriyeli ve Iraklı mültecilere ana dilde bilgilendirme
• Uluslararası fon başvurusu yapan STK'lar: AB, BM ve özel vakıf başvurularında İngilizce zorunluluk
• İslam dünyası ile bağlantılı vakıflar: Arap ülkeleri ile bağış ve işbirliği iletişimi
• Diaspora dernekleri: Yurt dışında yaşayan üye ve gönüllülere kendi dillerinde haber
• Akademik araştırma kuruluşları: Uluslararası akademik camiaya İngilizce yayın

Çoklu dil desteği isteğe bağlıdır. Yalnızca Türkçe çalışmak istiyorsanız EN/AR alanlarını boş bırakırsınız; dil çubuğunu admin panelden gizleyebilirsiniz. İhtiyaç olduğunda EN/AR içeriği zamanla doldurursunuz, sistem hiç bozulmaz.