Web Site Şablonları Rehberi 2026: Hazır Template ile Site Yapımı, E-ticaret ve Kurumsal Şablonlar

Web site şablonları, bir web sitesini sıfırdan kodlamak yerine hazır bir tasarım iskeletinin üzerine içerik ve marka kimliğinizi giydirerek yayına almanın en hızlı yoludur. Doğru seçilen bir şablon ile bir kurumsal tanıtım sitesini bir hafta sonunda, küçük ölçekli bir e-ticaretin temelini bir hafta içinde, kişisel portfolyoyu birkaç saatte yayınlayabilirsiniz. Yanlış seçilen bir şablon ise altı ay sonra her şeyi sıfırdan yazma noktasına götürür: yavaş yüklenir, mobilde bozulur, SEO'ya kapalıdır, lisans şartı ihlal edilir, eklenti çakışmaları yaşanır.

Bu rehber; hazır template ile site yapımı, hazır e ticaret site şablonları, ücretsiz web sitesi şablonları ve hazır firma sitesi başlıklarını editöryal bir gözle ele alıyor. Şablonu nereden alacağınız değil, alırken nelere bakmanız gerektiği, kurulum, özelleştirme, performans optimizasyonu, lisans ve hukuki çerçeve dahil her aşaması ayrıntılı işleniyor. Markaların reklamı yerine teknik gerçekleri öne koyuyoruz.

İlgili rehberler: Sayfa Hızı ve Core Web Vitals 2026 · Site Optimizasyonu A'dan Z'ye · Teknik SEO Kontrol Listesi 2026 · cPanel ile Site Yönetimi · LSCache Rehberi · Let's Encrypt SSL Kurulumu

Hazır Şablon Nedir, Ne Değildir?

Web sitesi şablonu (template), önceden tasarlanmış HTML/CSS/JS dosyaları veya bir CMS (WordPress, Joomla, Drupal) üzerinde çalışan tema paketidir. Tipik bir paket; ana sayfa, hakkımızda, hizmetler, blog, iletişim gibi temel düzenleri (layout) ve renk-tipografi sistemini içerir. Şablon, içeriği boş bir kabuktur; içeriği siz dolduracaksınız. Şablonun içine yerleştirilmiş demo metin, demo görsel ve demo ürünler yalnızca yer tutucudur — yayına almadan önce hepsinin değiştirilmesi şart.

Şablon ile tema kavramları çoğu zaman birbirinin yerine kullanılır ama küçük bir ayrım vardır: HTML/CSS şablonları statik dosyalardır, doğrudan FTP ile sunucuya atılır. CMS temaları ise WordPress veya benzeri bir motor üzerine kurulur, panel arayüzünden yönetilir. Hazır web sitesi şablonları arayanların büyük çoğunluğu aslında bu ikisinden birini ya da bir SaaS site builder'ın hazır görünümlerini kastediyor.

Hazır şablon özel yazılım değildir: Tasarım kodları aynı şablonu kullanan binlerce siteyle ortaktır. Bu kötü bir şey midir? Çoğunlukla hayır — kullanıcı sayfanızı ziyaret ettiğinde HTML iskeletinin başka 8.000 sitede de aynı olduğunu fark etmez. Fakat aynı sektörde aynı şablonu kullanan birden fazla rakip varsa marka algınız zayıflayabilir; bunun çözümü ileride göreceğimiz özelleştirme katmanlarıdır. Bir başka önemli ayrım: bazı şablonlar açık kaynaktır (HTML5 UP CC-BY 3.0 ile, WordPress dizinindeki temalar GPL ile), bazıları ise commercial regular license ile gelir. Açık kaynak şablonu fork edip değiştirebilir, çocuk projelerinizde yeniden kullanabilirsiniz; commercial lisanslıda ise lisans sözleşmesi her bir kurulumu, tematik dağıtımı, redistribution hakkını ayrı ayrı düzenler. Lisans sayfasını okumadan satın alma işlemi tamamlanmamalı.

Şablon Tipleri: Hangisi Ne İşe Yarar

Pazara baktığınızda dört ana kategori görürsünüz. Hangisini seçeceğiniz teknik bilginize, projenin ölçeğine, içerik güncelleme sıklığına ve bütçenize bağlı.

• Statik HTML5/CSS3 şablonları — saf .html, .css, .js dosyalarından oluşur. CMS yoktur, veritabanı yoktur. Hızlıdır, güvenlidir, hosting maliyeti minimumdur. Ama içerik değiştirmek için kod düzenlemek gerekir.
• WordPress temaları — pazardaki en yaygın seçenek. Yönetim paneli üzerinden içerik girersiniz, eklentilerle özellik eklersiniz. Tasarım kontrolü için Elementor, Bricks, Blocksy gibi page builder'lar kullanılır.
• E-ticaret platform şablonları — Shopify, WooCommerce, OpenCart, PrestaShop, Magento için. Sepet, ödeme, kargo, KDV gibi e-ticaret altyapısı zaten gelir.
• Site builder şablonları (SaaS) — barındırma + editör + tema bir arada gelen kapalı sistemler. Sürükle-bırak ile çalışır. Esneklik düşük, hız yüksek.

Hangi tipi seçeceğiniz konusunda yazılım geliştirme süreçleri ve hosting bilginiz belirleyici. WordPress temalarını yönetebilmek için temel sunucu ve veritabanı kavramlarına aşina olmalısınız; statik şablonlar bu yükten muaftır.

Statik HTML Şablonları: Düşük Maliyetli, Hızlı, Sade

Hazır web sitesi kodları ücretsiz arayışlarının büyük kısmı statik HTML5 şablonlarına yönelir. Bootstrap veya Tailwind tabanlı, hazır animasyonları olan, tek sayfalık landing page veya çok sayfalık kurumsal site şablonları binlerce. Avantaj listesi:

• Sıfır veritabanı bağımlılığı — MySQL/PostgreSQL kurmanıza gerek yok. Statik dosya barındıran her hosting çalışır.
• Yüksek performans — sunucu render maliyeti yok; sayfalar doğrudan dosyadan servis edilir. Doğru CDN ile Core Web Vitals skorları kolayca yeşile çıkar.
• Düşük güvenlik yüzeyi — admin paneli, eklenti, kullanıcı oturumu yok. SQL injection, XSS, brute force giriş gibi saldırı vektörleri büyük ölçüde devre dışı.
• Ucuz barındırma — GitHub Pages, Cloudflare Pages, Netlify ve benzeri platformlarda ücretsiz host edilebilir. Aylık maliyetiniz domain ücreti kadar kalabilir.
• Versiyon kontrolü kolaydır — tüm site bir Git deposunda, git push ile deploy.

Dezavantajları da var: içerik düzenlemek için HTML bilmek gerekir, blog gibi sürekli içerik akışı olan sayfalar için pratik değildir, e-ticaret entegrasyonu zordur. Bu yüzden statik şablonlar en çok kurumsal tanıtım sitelerinde, portfolyolarda ve tek seferlik landing page gibi uzun yaşam süreli olmayan projelerde tercih edilir.

Tipik Bir Statik Şablon Klasör Yapısı

Bu yapı dünya genelinde standart kabul edilebilir. assets/ içinde stil, betik, görsel, font ve ikonlar ayrı klasörlere bölünmüştür; bu sayede yeni bir hero görseli eklediğinizde diğer sayfalar etkilenmez. Modern şablonlar git deposu ile birlikte gelir; build script'i çalıştırarak (genellikle npm run build) sıkıştırılmış üretim sürümünü üretirsiniz.

WordPress Temaları: En Geniş Pazar

Hazır şablon web sitesi sorgularının büyük çoğunluğu WordPress dünyasına çıkar. Sebebi açık: tüm web sitelerinin yaklaşık %43'ü WordPress üzerinde çalışıyor (W3Techs verisi, 2025). Tema ekosistemi devasadır; ücretsiz wordpress.org/themes dizininde 13.000+ tema, ticari pazaryerlerinde 50.000+ tema bulunur.

WordPress temaları üç katmanda gelir. Birinci katman core temalar (Twenty Twenty-Five, Twenty Twenty-Four gibi yıllık varsayılanlar) — sade, hızlı, full site editing destekli. İkinci katman çok amaçlı temalar (multipurpose) — onlarca demo içerikle gelir, page builder'a derin entegredir. Üçüncü katman niş temalar — restoran, kreş, emlakçı, doktor muayenehanesi gibi tek bir sektöre odaklı, sınırlı ama tematik.

Çok Amaçlı vs Niş Tema Tartışması

Çok amaçlı temalar ilk bakışta cazip görünür: 200 demo, 80 öğe, sınırsız özelleştirme. Pratikte ise yavaş yüklenir, çünkü sitenizde aslında kullanmadığınız yüzlerce widget, slider, animasyon dosyası yine de yüklenir. Niş tema ise ihtiyacınızdan fazlasını taşımaz; daha hızlı, daha sade, ancak özelleştirme sınırlıdır.

• Kurumsal vitrin sitesi → niş veya core tema yeterlidir.
• Ajans / portfolyo sitesi → çok amaçlı tema, page builder ile birlikte mantıklı.
• Blog / yayın sitesi → core tema veya yayıncılık odaklı niş tema (örn. GeneratePress, Astra, Kadence).
• Tek sayfalık landing → statik HTML şablonu çok daha hızlı sonuç verir.
• Yüksek trafikli haber portalı → custom geliştirme veya çok hafif core tema + Newspack benzeri framework.

WordPress Tema Kurulum Akışı

Child theme kullanımı WordPress dünyasında atlanmaması gereken bir disiplin. Ana temada doğrudan değişiklik yaparsanız, bir sonraki tema güncellemesinde tüm değişiklikleriniz silinir. Child theme aynı görselliği korur ama özelleştirmelerinizi izole eder. developer.wordpress.org resmi rehberini kurulumdan önce okuyun.

E-ticaret Sitesi Şablonları: Sepet ve Ödeme Hayata Geçer

Hazır e ticaret site şablonları kategorisi tek bir bütün değil; arkasında hangi platformun çalıştığına göre ciddi farklılıklar var. WooCommerce, Shopify, OpenCart, PrestaShop, Magento ve giderek artan başsız (headless) çözümler — her birinin tema ekosistemi ve sınırlamaları farklı.

• WooCommerce — WordPress üzerine bir e-ticaret eklentisidir. Tema seçimi geniştir: WooCommerce uyumlu çoğu modern WordPress teması (Astra, OceanWP, Storefront, Flatsome) kutudan çıkar çıkmaz çalışır. Komisyon yok; barındırmayı kendiniz yönetirsiniz.
• Shopify — kapalı SaaS platform. Aylık abonelik + işlem komisyonu var. Şablonlar 'Themes' adı altında; ücretsiz 12+ tema, premium 200+ tema. Hız ve barındırma sorununu Shopify üstlenir.
• OpenCart / PrestaShop — açık kaynak, MySQL tabanlı. Türkçe destek pazarı geniş. Tema sayısı az ama ücretsiz seçenekler yeterli. Sunucu yönetimi gerektirir.
• Magento (Adobe Commerce) — büyük ölçek için. Tema kurulumu karmaşıktır, geliştirici desteği şart. KOBİ projelerinde aşırıdır.
• Headless ticaret — Next.js + Medusa, Saleor veya Vendure gibi backend'ler. Tema kavramı yerine bileşen kütüphanesi kullanılır. Next.js 15 App Router rehberimiz başlangıç için iyi bir kaynak.

Hangi platformu seçeceğinize karar verirken aylık ürün adedi, beklenen sipariş hacmi, entegre olunacak kargo/ödeme ağları ve çoklu mağaza ihtiyacı dört temel filtre. Türkiye için iyzico, PayTR, Shopify Payments TR mevcudiyeti, e-Arşiv fatura entegrasyonu ve KDV hesaplaması da listede olmalı.

WooCommerce Üzerinde Hızlı Bir Mağaza Açılışı

WooCommerce kurulduktan sonra tema seçiminden çok daha önemli olan ödeme/kargo entegrasyonlarını tamamlayın. iyzico WooCommerce eklentisi, PayTR Sanal Pos, Aras Kargo / Yurtiçi / Sürat / MNG entegrasyonları, e-Fatura/e-Arşiv eklentisi ve KDV oranlarınızı doğru girmeden mağazayı yayına almayın. Mesafeli Satış Sözleşmesi, Ön Bilgilendirme Formu ve Cayma Hakkı bildirimleri tema şablonunda yer almaz; e-ticaret hukukuna uyumlu olarak ürün sayfası alt kısmına ve sepet adımına eklemeniz gerekir. Türkiye'de 6502 sayılı Tüketicinin Korunması Hakkında Kanun ve ETBİS kayıt zorunluluğu ihlal edildiğinde idari para cezası riski bulunur. Bu içerik şablonun kendisinin halletmesini bekleyemezsiniz.

Ücretsiz Şablonların Gerçeği: Sınırlar ve Riskler

Ücretsiz e ticaret sitesi şablonları ve ücretsiz web sitesi şablonları aramaları çok yüksek hacimli. İndirme tarafı kolay; çalıştırma tarafı sandığınız kadar sorunsuz değil. Pratik sınırlar:

• Lisans şartları — ücretsiz çoğu şablonun footer'ında 'designed by...' linki kaldırılırsa lisans ihlal edilir. Pro / paid sürüm ile bu link açılır.
• Destek yokluğu — bug bulduğunuzda forum üzerinden cevap beklersiniz. Saatler veya günler.
• Güncellenmemiş kod — bedava şablonların önemli bir kısmı 3-5 yıl güncellenmez. PHP 8.x, jQuery 3.x veya WordPress 6.x ile uyum problemi çıkabilir.
• Güvenlik açığı riski — saygın bir kaynaktan değil, agregat indirme sitelerinden alınan tema ZIP'lerinin önemli bir oranında eval(base64_decode(...)) tipi gizli backdoor bulunur. Asla 'nulled', 'crackli' tema indirmeyin.
• Sınırlı özelleştirme — ücretsiz versiyonlarda renk paleti, font seçenekleri, header/footer şablon sayısı kısıtlıdır. Pro'ya geçince ücret aslında devreye girer.

Lisans ihlali küçük bir mesele değildir: ücretsiz bir tema GPL ise türetilmiş kod açılmak zorundadır; commercial license şablonda kaynağa atıf zorunluluğu hukuki yaptırıma tabidir. Türkiye'de 5846 sayılı Fikir ve Sanat Eserleri Kanunu yazılıma da uygulanır. Bu yüzden büyük tasarım pazaryerlerinden veya doğrudan tema yazarından belgelendirilmiş bir lisansla almak en güvenlisi.

Şablon Seçim Kriterleri: 14 Maddelik Pratik Kontrol

İndirme/satın alma tuşuna basmadan önce şu listeyi sırayla geçirin. Her madde bir not düşmeyi hak eder.

• 1. Sayfa hızı testi — şablonun demo URL'sini PageSpeed Insights'a sokun. Performance < 70 ise düşünmeyin bile.
• 2. Mobil uyum — Chrome DevTools'da 360x800 ve 375x667 (iPhone SE) ekranlarda her sayfayı gezin. Yatay scroll çıkıyorsa elenmiş demektir.
• 3. Tarayıcı uyumluluğu — Safari 16+, Firefox son sürüm, Chrome/Edge son sürüm. IE11 desteği şart değil; aksine modern olduğunun göstergesidir.
• 4. Accessibility (WCAG 2.2) — semantik HTML, alt metin, kontrast oranı 4.5:1 minimum, klavye navigasyonu çalışıyor mu?
• 5. SEO temelleri — H1/H2 hiyerarşisi, meta description alanı, schema markup desteği, sitemap.xml çıkışı.
• 6. Sayfa türleri — sektörünüze uyan iç sayfalar var mı? Kategori, ürün detay, blog, iletişim formu, 404, arama sonuçları?
• 7. Form yönetimi — iletişim formu spam koruması (reCAPTCHA, honeypot, hCaptcha) destekliyor mu?
• 8. Çoklu dil desteği — TR/EN ikilisi planınızda varsa şablon RTL ve i18n hazır mı? WordPress'te WPML/Polylang uyumluluğu var mı?
• 9. KVKK/GDPR uyumu — cookie banner, gizlilik metni şablonları, çerez tercihleri ekranı dahil mi?
• 10. Lisans tipi — GPL, commercial, MIT, regular/extended? Birden fazla siteye kurulabilir mi?
• 11. Güncelleme sıklığı — tema yazarının changelog'una bakın. Son 6 ay içinde güncelleme yoksa kırmızı bayrak.
• 12. Destek süresi — 6 ay mı, 12 ay mı? Yenileme indirimi var mı?
• 13. Demo içeriğin kalitesi — fotoğraflar lisanslı mı? Kullanıcı yorumları, ekran görüntüleri gerçekçi mi?
• 14. Kod kalitesi — eğer indirip kaynak kodu görebiliyorsanız, jQuery 1.x mi yoksa modern ES2022 mi? Inline CSS gömülü mü, stil ayrı dosyada mı?

Hazır Web Tasarımları ve Marka Algısı

Hazır web tasarımları kullanmanın en sık dillendirilen eleştirisi 'sizin siteniz başka 5.000 siteye benzeyecek' iddiasıdır. Doğrudur — ama orijinal görünmek kodun benzersiz olması demek değildir; tipografi, renk, boşluk ritmi, fotoğraf seçimi, mikro-animasyon ve içerik tonu demektir. Aynı şablonu iki ekip aldığında biri jenerik kalır, biri kendine özgün bir kimliğe dönüştürür. Fark, özelleştirmenin disiplinindedir.

• Logo, marka rengi ve özel font — varsayılan paleti silin, kendi marka kılavuzunuzu uygulayın. :root { --primary: #...; --accent: #...; } CSS değişkenlerini güncellemek 5 dakikalık bir iş.
• Demo görseli silin — Unsplash veya kendi çekiminiz hangi durumda daha iyiyse onunla değiştirin. Stok görselin marka algısını düşürdüğü iddiası abartılıdır; banal stok görsel düşürür.
• Hero copywriting — şablonun 'Welcome to our amazing service' tipi cümlelerini değiştirmeden bırakmayın. SEO ve dönüşüm açısından felaket.
• İkon seti tutarlılığı — şablonun farklı sayfalarındaki Font Awesome ve özel SVG karışımını tek bir aileye (Lucide, Heroicons, Phosphor) çekin.
• Mikro-animasyon — hover state'leri, scroll-triggered fade-in'ler, lazy reveal — küçük ama benzerlikten çıkaran detaylar.

Şablonu Özelleştirme: Kod Düzeyinde Disiplin

Bir şablonu sahiplenmenin teknik yolu temaya doğrudan müdahale etmek değildir. WordPress'te child theme, statik şablonda fork edilmiş bir Git branch, e-ticaret platformlarında customizer ayarları + custom CSS bloğu kullanılmalı. Bu sayede ana şablon güncellendiğinde değişiklikleriniz korunur.

Statik şablonlarda ise style.css dosyasının üstüne yeni bir custom.css ekleyin ve <link> sırasını şablon stilinden sonra olacak şekilde ayarlayın. Cascade sırası, sonradan yüklenen stilin önce yüklenenin üzerine yazmasını sağlar.

Performans Optimizasyonu: Şablon Hızlandırma

Bedava temaların çoğu yavaştır; pro temaların önemli bir kısmı bile demo içeriğiyle 4-6 saniyelik LCP üretir. Yayına almadan önce uygulayacağınız 10 maddelik hızlandırma listesi sayfa hızını 1-2 saniyeye indirir.

• Demo görsellerini değiştirin — pro temaların hero görselleri çoğu zaman 2.4MB JPEG'dir. WebP/AVIF'e dönüştürüp 200-400KB'a düşürün.
• Kullanmadığınız demo eklentilerini silin — slider, testimonial carousel, lottie animation gibi ağır script'leri devre dışı bırakın.
• Lazy loading — fold altı tüm görsele loading="lazy", hero'ya fetchpriority="high" ekleyin.
• Cache eklentisi — WordPress için WP Rocket / W3 Total Cache / LiteSpeed Cache. Detaylar LSCache rehberinde.
• CDN — Cloudflare ücretsiz plan bile global Anycast edge'de varlık yayını sağlar.
• Brotli + gzip — sunucu seviyesinde aktif edin. Detaylar Nginx Yapılandırma rehberimizde.
• Critical CSS inline — fold üstü stilleri <style> içine gömün, geri kalanı async yükleyin.
• Font subset + preload — Türkçe + Latin için 50-150KB'tan 20-40KB'a düşer.
• Üçüncü taraf script audit'i — chat widget, analytics, pixel — gerçekten gerekli olmayanları kaldırın.
• Database temizlik — WordPress'te post revision, transient, autoload optionları temizleyin. wp transient delete --all faydalıdır.

Tüm bu adımların ne kadar etki yaptığını ölçmek için PageSpeed Insights'a ek olarak webpagetest.org, gtmetrix.com ve Chrome DevTools Performance panelini birlikte kullanın. Site Optimizasyonu A'dan Z'ye rehberimiz performans katmanlarına derin dalış sunuyor.

Nginx Üzerinde Şablon Servis Optimizasyonu

Şablon Üzerinde SEO: Saf Kabuğu Trafiğe Çevirmek

İyi şablon SEO açısından bir başlangıçtır, sonuç değil. Şablonun yapması gerekenler ile sizin yapmanız gerekenler net olarak ayrılır:

• Şablonun sorumluluğu: temiz semantik HTML, doğru başlık hiyerarşisi, hızlı yüklenen kod, mobil uyum, schema.org strüktür desteği, robots.txt çıkışı.
• Sizin sorumluluğunuz: anahtar kelime araştırması, içerik yazımı, iç bağlantı stratejisi, Google Search Console kurulumu, sitemap.xml gönderimi, backlink kazanımı, regular content publishing.

Şablon kurulduktan sonra ilk hafta yapılacak SEO işleri için Teknik SEO Kontrol Listesi 2026 rehberini kullanın. Arama motoru ve SEO rehberi ise stratejik bakış için temel okuma.

Schema.org Markup'ı Şablona Eklemek

Schema markup'ın doğruluğunu Google'ın Rich Results Test aracıyla doğrulayın. Şablonların sadece bir kısmı bu markup'ları otomatik üretir; çoğunlukla manuel veya bir SEO eklentisiyle (Yoast, Rank Math) eklenir. WordPress SEO eklenti karşılaştırması burada faydalı.

Hazır Firma Sitesi: Kurumsal Vitrin İçin Pratik Şablon

Hazır firma sitesi arayan bir KOBİ'nin işine yarayacak vitrin formatı şu yapıyı barındırır: hero bölümü (kim olduğunuz), hizmetler kartları (ne sunduğunuz), referanslar/testimonialler (neden güvenmek lazım), proje portföyü (eseriniz), iletişim formu + harita (nasıl ulaşılır), hakkımızda + ekip (kim ekibiniz). Beş ile sekiz sayfalık tipik bir kurumsal mimari, şablonların büyük çoğunluğunda zaten hazır gelir.

• Tek sayfa (single page) — küçük şirketler ve solo profesyoneller için en hızlı çözüm. Tüm bölümler tek HTML'de, anchor link'lerle gezinilir.
• Klasik çok sayfa — orta büyüklükteki firmalar için. Hizmetler ayrı sayfa, blog ayrı sayfa, KVKK metni ayrı sayfa.
• Mikrosite — belirli bir kampanya / ürün için. Ana siteden ayrı domain veya alt domain'de.
• Çok şubeli kurumsal — şube sayfaları, ürün katalogları, dökümantasyon merkezi. Çoğu zaman özel geliştirme gerekir, hazır şablon yetersiz kalır.

Hazır site şablonları içinde 'kurumsal' kategorisinin demo içeriği genellikle aşırı büyüleyicidir; gerçek operasyonel iş akışınız bu kadar görsel zengin olmayabilir. Demo'yu birebir kopyalamayın — kendi kurumsal hikayenizi anlatın.

Web Sitesi Taslak (Mockup) Şablonları

Web sitesi taslak kavramı iki anlama gelir. Birincisi tasarım aşamasında kullanılan Figma/Adobe XD/Sketch wireframe şablonları — kodlamadan önce yapı, akış ve ekran düzeni belirlenir. İkincisi içerik dolu, müşteriye sunulmak üzere hazırlanan yarı işlevsel HTML mockup'ları.

• Figma topluluk dosyalarında 1.000+ ücretsiz wireframe ve high-fidelity mockup dolaşıyor. Bootstrap-grid uyumlu Figma kütüphanelerini tercih edin; tasarımdan koda geçiş kolay olur.
• Bir mockup şablonunu kullanırken kendi içeriğinizle besleyin — Lorem Ipsum bırakırsanız müşteri sizin değer üretmediğinizi düşünür.
• Mockup → kod geçişinde React, Vue veya Astro tabanlı bir build sistemi seçin. Tailwind CSS bu işi pratik kılar.
• KVKK kapsamında müşteri taslaklarında gerçek kişi veriyle test etmeyin; sentetik test verisi kullanın.

İnternet Sitesi Hazır Şablonlar: Kaynak Karşılaştırma

İnternet sitesi hazır şablonlar arayan kullanıcı genellikle bir karşılaştırma tablosu bekliyor. Aşağıdaki tablo dünyada en yaygın 4 kaynak kategorisini özetliyor; spesifik markaların adı yerine yaklaşım farkları ön plana çıkarılıyor.

• Pazaryerleri (commercial marketplace) — bağımsız tasarımcıların yüklediği ücretli + ücretsiz şablonlar, regular/extended lisans ayrımı, kullanıcı yorumu sistemi var. Kalite çeşitliliği geniş, fiyatlar 12$-79$ aralığında.
• Resmi tema dizinleri (WordPress.org, Joomla extensions) — incelemeden geçmiş, ücretsiz, GPL lisanslı. Premium versiyon yazarın sitesinde satılır.
• Site builder built-in temaları — barındırma + tema + editör paketi. Aylık $5-30 abonelik. Esneklik düşük ama bakım yükü yok.
• Açık kaynak GitHub şablonları — MIT/Apache lisansla yayımlanmış statik HTML, Astro, Next.js başlangıç şablonları. Geliştirici dostu, sade, ücretsiz.

Ülke bazlı pazara baktığınızda Türkiye'de yerel sağlayıcılar da hazır site builder + tema paketi sunuyor; Doruk, Atak Domain, Natro, Turkticaret gibi firmaların yıllık abonelik üzerinden pazarladığı bu çözümler, teknik bilgisi olmayan KOBİ'ler için anlamlı bir ara katman.

Lisans, KVKK ve Hukuki Çerçeve

Şablon konusunun en az ilgilenilen, en çok ihlal edilen tarafı lisans kısmıdır. Üç ana model var: GPL (GNU General Public License) türetilmiş kodu da açık kaynak olmaya zorunlu kılar — WordPress temaları zorunlu olarak GPL'dir. Commercial (proprietary) lisans belirli sayıda site, belirli süre ve belirli kullanım için geçerlidir. MIT / Apache 2.0 izin verici (permissive) lisanslar — atıf yeterlidir, ticari kullanım serbest.

• Bir tema satın aldığınızda regular license tek bir nihai ürün için geçerlidir; extended license satışa konu projeler (örn. SaaS şablonu) için lazımdır.
• 'Nulled' (kraklı) tema kullanmak Türkiye'de FSEK md. 71 kapsamında suçtur. Cezai yaptırım dışında siteye gizli backdoor kurulması neredeyse garantidir.
• KVKK kapsamında şablonun yanında gelen analytics, pixel, chat widget gibi üçüncü taraf araçları için açık rıza almanız gerekir; cookie banner ile tercih ekranı şart.
• Stok görseller (Unsplash, Pexels, Pixabay) kullanım haklarını kontrol edin. Bazı kreatif aileler 'editorial use only' kısıtı taşır.
• Sözleşmeli özelleştirme için bir geliştiriciyle çalışıyorsanız fikri mülkiyet aktarımını yazılı yapın.

Şablon Sonrası Bakım: 6 Aylık Operasyonel Düzen

Şablonu yayına almak işin sonu değil, başıdır. Aylık ve haftalık tekrarlanan rutinler kurmazsanız üç ay içinde site teknik borç birikintisine dönüşür.

• Haftalık: Plugin / tema / core güncellemeleri staging'de test → production'a uygula.
• Haftalık: Backup doğrulama. 3-2-1 yedekleme kuralını uygulayın.
• Haftalık: Uptime ve hız izleme — UptimeRobot/StatusCake. SSL süresi 30 gün altına inerse uyarı.
• Aylık: PageSpeed Insights skoru. Düşüş varsa neden? Yeni eklenen içerik mi, plugin mi?
• Aylık: Search Console hata raporları, indekslenme durumu, Core Web Vitals tabını kontrol.
• Aylık: Form spam'leri ve gelen mesaj kalitesini değerlendir. reCAPTCHA tuning yapın.
• Üç aylık: Güvenlik taraması — WPScan, Sucuri SiteCheck. Plugin audit (kullanılmayanları sil).
• Altı aylık: Tema versiyonu major bir update aldıysa staging'de full test → production geçiş.
• Yıllık: Tasarım yenileme — şablon eskidi mi? Hero görseli, fotoğraflar, copy güncel mi?

Statik Şablonu CI/CD ile Deploy Etmek

Bir HTML5 şablonunu modern bir akışla yayına almak, WordPress kurmaktan çok daha hızlı. Git push'a bağlı bir GitHub Actions workflow ile her commit otomatik canlıya gider. Aşağıdaki örnek Cloudflare Pages, Netlify veya kendi VPS'inize SSH ile deploy senaryolarına uyarlanabilir.

Bu workflow her PR'da Lighthouse skorunu kontrol eder; performance < 90 olduğunda PR merge engellenir. Detaylı CI/CD bilgileri için GitHub Actions CI/CD rehberimizi okuyun.

Şablon Üzerinde Güvenlik Sertleştirme

Bedava veya pro, fark etmeksizin her şablon yayına alındığı andan itibaren saldırı yüzeyi olur. WordPress için ortalama saldırı sayısı saatte 90 brute-force denemesidir; bot ağları kullanıcı adı tarar, plugin açığı arar, admin panele girmeyi dener.

• HTTPS zorunlu — Let's Encrypt ile ücretsiz sertifika.
• WAF — Cloudflare ücretsiz plan + ayrıca origin'de ModSecurity. DDoS koruma rehberi bu konuya derin dalış sunar.
• Admin URL değiştirme — WordPress'te /wp-admin yerine /yonetim-paneli. Bot taramalarının %95'ini eler.
• 2FA — Wordfence, miniOrange veya Two Factor Authentication eklentisiyle TOTP zorunlu kıl.
• File integrity monitoring — tripwire veya WordFence ile core dosya değişikliklerini izle.
• Disable XML-RPC — kullanmıyorsanız xmlrpc.php dosyasını engelle. Brute-force amplification için en sevilen vektör.
• Strict CSP — Content Security Policy header'ı ile inline script'leri kontrol et.
• Regular pen-test — yılda en az bir kez penetrasyon testi yaptırın.

Şablonu Taşıma: Bir Platformdan Diğerine Migration

Bir site builder'dan WordPress'e veya WordPress'ten statik bir Astro/Eleventy yapısına geçmek istediğinizde şablonu da değiştirmeniz gerekir. İki sistem arasında 1:1 tema aktarımı imkansızdır; yapılan iş, eski sitenin içerikini koruyup yeni temaya yerleştirmektir.

Migration sırasında SEO açısından en kritik iş 301 yönlendirmeler. Eski URL şemanızdan yeni URL şemanıza eksiksiz haritalama yapılmalı; aksi halde Google indeksinizdeki tüm sayfalar 404'e düşer ve organik trafik aylar boyunca toparlanmaz.

Şablon Maliyet Analizi: Toplam Sahiplik

Şablonun fiyatı buzdağının görünen kısmı. Toplam sahiplik maliyetini (TCO) gerçekçi hesaplamak isterseniz dört kategori dikkate alınmalı. Aşağıdaki rakamlar 2026 Türkiye pazarı için yaklaşık aralıklardır; sağlayıcıya göre değişir.

• Şablon / tema lisansı — ücretsiz | 12-79 USD tek seferlik (commercial) | yıllık 49-249 USD (premium tema bundle'ları).
• Hosting — paylaşımlı 50-150 TL/ay | VPS 250-1500 TL/ay | dedicated 2500 TL+/ay. Detaylar hosting rehberinde.
• Domain —.com 10-15 USD/yıl |.com.tr ~250 TL/yıl |.net.tr ~250 TL/yıl.
• SSL — Let's Encrypt ücretsiz | EV SSL 200-1500 USD/yıl (gerekli mi sorgulayın).
• Eklentiler — WooCommerce için 5-15 ücretli eklenti tipik, 200-800 USD/yıl bundle.
• İçerik üretimi — copywriter 0.5-3 TL/kelime; fotoğrafçı 2.500 TL+ günlük.
• Özelleştirme — geliştirici saatlik 500-2.500 TL; tipik kurumsal site özelleştirmesi 15-40 saat.
• Bakım — aylık abonelik tipi 500-3.000 TL/ay; ad-hoc çağrı 1.000-5.000 TL/iş.
• SEO + içerik pazarlama — aylık 5.000-50.000 TL aralığında, ölçeğe göre.
• Analytics + monitoring — GA4 ücretsiz, Hotjar 32-149 USD/ay, RUM çözümleri 30-200 USD/ay.

Bir hazır şablon kurumsal vitrin sitesi için 12 aylık TCO genellikle 8.000 TL ile 60.000 TL arasında değişir; e-ticaret tarafında bu rakam 30.000 TL'den başlar ve 250.000 TL üstüne çıkabilir. Ücretsiz şablonla başlayıp özelleştirme + içerik bütçesini ihmal etmek tipik bir tuzak.

En Sık Yapılan 10 Hata

Yıllar boyu süren kurulum ve audit deneyiminde en sık karşılaşılan hatalar bir liste halinde:

• 1. Demo içeriği yayına alma — 'Welcome to our service' ile canlıya geçen siteler.
• 2. Child theme kullanmama — bir sonraki tema güncellemesinde özelleştirmeleri kaybetme.
• 3. Cache kurmama — vanilla WordPress, ortalama 4-6 saniyede yüklenir; hız algısı baştan kaybedilir.
• 4. Görsel optimizasyonu atlamak — 5MB hero görseli kullanıcıyı LCP'de bekletir.
• 5. Plugin kalabalığı — 30+ aktif plugin = çakışma + güvenlik açığı + yavaşlık. 8-12 ile sınırlayın.
• 6. SSL'i sonra kuracağım demek — site canlı oldukça önce kurulur, asla erteleme.
• 7. Cookie banner eksikliği — KVKK ve GDPR cezası kapıda.
• 8. Schema.org ihmal — rich result fırsatlarını kaçırma.
• 9. Backup almama — bir hack veya tema bug'ı sonrası 'restore noktası yok' krizi.
• 10. Mobil ön denemeyi atlamak — masaüstünde harika görünüp mobilde bozulan tasarım.

Vaka Çalışması: 24 Saatte Bir Kurumsal Site

Hipotetik bir senaryo: küçük bir muhasebe ofisi, hafta sonu içinde yayında olmak istiyor. Adımlar şunlar olabilir:

• Saat 0-2: Domain alımı (.com.tr veya.com), Cloudflare DNS yönetimi.
• Saat 2-4: Hosting hesabı açılması, WordPress kurulumu, SSL aktivasyonu.
• Saat 4-6: Astra/Kadence gibi hafif tema kurulumu, child theme oluşturma.
• Saat 6-10: Hazır demo içeriği import, marka renk + logo + tipografi değişimi.
• Saat 10-14: 6-8 sayfa metin yazımı (kurumsal hikaye, 5 hizmet, ekip, iletişim, KVKK).
• Saat 14-16: Fotoğraf çekimi veya stok görsel seçimi + WebP dönüşümü.
• Saat 16-18: SEO eklentisi kurulumu, meta description, schema markup ekleme.
• Saat 18-20: Performans ayarları (cache, CDN, brotli, image lazy load).
• Saat 20-22: Cookie banner, KVKK metni, gizlilik politikası, çerez tercihleri.
• Saat 22-24: Cross-browser test, mobil test, Google Search Console + Analytics kurulumu, sitemap gönderimi.

Bu senaryoda hız temeldir: tasarım mükemmelliği ikinci aşama olarak sonradan iterasyonla gelir. İlk yayın versiyonunda 'iyi' yeterli, 'mükemmel' düşmandır. Lansmandan sonraki ilk dört hafta gerçek kullanıcı geri bildirimleri toplama ve mikro-iyileştirme dönemidir. Search Console'a bakın, hangi sorgular için trafik aldığınızı görün, eksik içerik başlıklarını listeleyin, blog yazısı planınızı buna göre revize edin. İçerik üretmeyen bir kurumsal site 6 ay içinde sıralamasını kaybeder; düzenli yayın yapan bir blog ise aynı şablon üzerinde organik trafiği 3-5x büyütür. Şablon başlangıç; içerik motoru asıl sürdürülebilir değerdir.

Karar Çerçevesi: Hangi Şablon Tipini Seçmelisiniz

• Teknik bilginiz minimum, blog yazmayacaksınız → site builder (SaaS) hazır paketi.
• Teknik bilginiz minimum, blog yazacaksınız → WordPress + niş tema (Astra, Kadence, Blocksy).
• Tek bir landing veya kurumsal vitrin → statik HTML şablonu + Cloudflare Pages.
• Küçük-orta e-ticaret, Türkiye odaklı → WooCommerce + WooCommerce uyumlu tema + iyzico/PayTR.
• Hızlı küresel e-ticaret, KOBİ → Shopify + ücretli tema.
• Yüksek özelleştirme + performans + framework deneyimi → Astro, Next.js veya SvelteKit + custom tasarım.
• Gerçek zamanlı dashboard, çok fazla kullanıcı state'i → şablondan kaç, özel React/Vue uygulaması yaz.

Yukarıdaki çerçeve %90 vakanın doğru cevabını verir. Geri kalan %10 için kapsam, ekip ve bütçeye göre özel mimari kararı gerekir. Bir başlangıç noktası olarak şablonu seçin, sonra büyüme ihtiyaçları doğdukça özelleşmiş bileşenlerle genişletin. Modern frontend dünyasında şablon → bileşen kütüphanesi → tasarım sistemi geçişi sağlıklı bir olgunlaşma yoludur; tamamen sıfırdan başlamak günümüzde nadiren rasyonel bir tercih. Aynı şekilde, sürekli olarak şablon değiştirip durmak da SEO ve marka tutarlılığı açısından zararlıdır — bir şablonu seçtiyseniz en az 18-24 ay onunla yaşamayı planlayın, ufak iterasyonlarla evrimleştirin.

Kaynaklar ve İleri Okuma

• wordpress.org/themes — resmi tema dizini
• html5up.net — ücretsiz CC-BY HTML5 şablonlar
• startbootstrap.com — Bootstrap tabanlı şablon kütüphanesi
• astro.build/themes — Astro starter kit dizini
• vercel.com/templates — Next.js / Edge starter kit
• Google Rich Results Test — schema doğrulama
• PageSpeed Insights — şablon performans denetimi
• WAVE Accessibility — erişilebilirlik denetimi
• Figma Community — wireframe ve mockup şablonları
• developer.wordpress.org/themes — WP tema geliştirme rehberi

İlgili Yazılar

• Site Optimizasyonu A'dan Z'ye — frontend, backend, veritabanı ve CDN
• Sayfa Hızı ve Core Web Vitals 2026 — LCP, INP, CLS
• Teknik SEO Kontrol Listesi 2026
• WordPress SEO Plugin Önerileri
• cPanel ile Web Sitesi Yönetimi
• LSCache (LiteSpeed Cache) Rehberi
• Let's Encrypt SSL Kurulumu
• Hosting Türleri ve Seçim Rehberi
• Veritabanı Yedekleme: 3-2-1 Kuralı
• GitHub Actions CI/CD Rehberi