24 Nisan 2026 · 7 dk okuma

Landing Page Tasarımı: 2026 Dönüşüm Odaklı Tek Sayfa Web Site Rehberi

Makrops Mühendislik Ekibi

Yazılım, 3D ve yapay zeka mühendisliği · İstanbul / Berlin / New York

Landing page nedir, normal web sitesinden farkı ne?

Landing page (açılış sayfası) tek bir hedefe odaklanmış tek sayfalık web sitesidir. Hedef genelde formdan lead toplamak, satın alma yapmak, demo istemek veya bir uygulama indirmek olur.

Normal kurumsal siteden 3 noktada ayrılır:

1. Tek hedef — başka link yok, sadece tek CTA (call-to-action) baskın 2. Tek hedef kitle — belirli bir alıcı segmentine yazılmış 3. Tek mesaj — bir değer önerisi etrafında inşa edilmiş

Bir kurumsal sitede 5 farklı hizmet, 10 sayfa, blog, ekip vb. olabilir. Landing page tasarımı bunların hiçbirini içermez; sadece "ürünü/hizmeti gör → CTA'ya tıkla" akışını taşır.

1. Ne zaman landing page, ne zaman tam site?

Landing page kullanılır:

Ücretli reklam kampanyası (Google Ads, LinkedIn Ads, Meta Ads)
Yeni ürün/hizmet lansmanı
Lead magnet (e-book, webinar, demo)
Etkinlik kayıt sayfası
Tek ürün e-ticaret (örn: yeni gadget)
Mobil uygulama indirme
Belirli bir SEO long-tail anahtar kelime

Tam site kullanılır:

Birden çok hizmet/ürün
Marka inşası uzun vadeli
Blog + içerik pazarlama
Çoklu hedef kitle

Sıkça yapılan hata: landing page yapılması gereken yere mini bir kurumsal site yapmak. Bu, dönüşümü %30-50 azaltır çünkü ziyaretçi karar yerine "geziniyor."

2. Yüksek dönüşümlü landing page yapısı (2026)

Çalıştığı kanıtlanmış 9 bölümlü standart yapı:

1. Hero — ilk 3 saniye

Net başlık: "Kim için, ne yapıyor, hangi sonuç" (10 kelime altı)
Alt başlık: 1 cümlede daha fazla detay
Birincil CTA butonu (parlak renk, fiil cümlesi)
İkincil CTA opsiyonel (örn: "Demo videosu izle")
Görsel: ürün ekran görüntüsü, demo video veya hero illüstrasyonu

2. Sosyal kanıt #1 — saniye 5-10

Müşteri logoları (5-8 tanıdık marka)
"X şirket bize güveniyor" tipi mikro-mesaj

3. Problem agitasyonu

Hedef kitlenin hissettiği acıyı tarif et
Bullet 3-4 madde
"Şu duruma aşina mısın?" tonu

4. Çözüm açıklaması

Ürün/hizmet nasıl çözüyor
3 ana özellik kartı
Her özellik: ikon + 1 cümle başlık + 2 cümle açıklama

5. Nasıl çalışır?

3-4 adımlık akış (numaralı)
Görsel destek
"30 dakikada başla" gibi süre vaadi

6. Sonuç / fayda

Sayılarla (örn: "%40 daha hızlı", "8 saat tasarruf")
"Önce/sonra" karşılaştırma kabul görür

7. Sosyal kanıt #2 — vaka veya tanıklık

Gerçek müşteri tanıklığı (isim, fotoğraf, şirket)
Kısa vaka özeti (problem-çözüm-sonuç)

8. Sıkça sorulan sorular

5-8 itiraz cevabı
Fiyat, sözleşme, iptal, güvenlik vb.

9. Son CTA + form

Tekrar net başlık
Form (mümkünse 3-5 alan)
Veya "demo iste/indir/kaydol" butonu

Bu 9 bölüm sırası rastgele değil; B2B SaaS landing page'lerinde 50+ A/B test sonucunda olgunlaşmış pattern.

3. CTA (call-to-action) yazımı

Düşük dönüşümlü landing'ların ortak hatası: zayıf CTA. İyi CTA prensipleri:

Fiil ile başlasın ("Demo iste", "Ücretsiz dene", "PDF indir")
"Submit", "Gönder" gibi nötr cümlelerden kaçın
1-3 kelime
Birinci tekil şahıs ("Hesabımı oluştur") bazen %20 dönüşüm artırır
Renk: arka planla yüksek kontrast
Boyut: parmakla erişilebilir mobilde (44x44px+)

Aynı landing page'de 2-3 farklı CTA varyantı A/B test edilmeli.

4. Form tasarımı

Açılış sayfası tasarımı en çok formda dönüşüm kaybeder. Pratik kurallar:

Alan sayısı = dönüşümün ters fonksiyonu. 3 alan optimal, 5+ kayıpta
Mecbur değilse "Telefon" sorma (B2B'de OK ama gönüllü yapın)
E-posta + ad + şirket = standart B2B üçlüsü
Auto-fill desteği (autocomplete attributes)
Mobil klavye doğru olmalı (e-posta için type="email", numerik için inputmode)
Hata mesajları net, spesifik
Form üstünde "1 dakika sürer" gibi mikro-taahhüt
Submit sonrası teşekkür sayfası (sadece toast değil)

5. Hız: dönüşümün doğrudan parametresi

Google'ın 2024 verisi: mobil sayfa yükleme süresi 1s'den 3s'e çıkınca dönüşüm %32 düşüyor.

Landing page için hedef kriterler 2026:

LCP < 1.8s mobil
INP < 100ms
CLS < 0.05
Toplam JS < 100KB
İlk render < 1s

Pratik araçlar:

Next.js + Vercel/Netlify edge
Görseller WebP/AVIF + priority hero image
Font subset
3rd party script gecikmeli yükleme (analytics, chat widget)
A/B test scriptleri server-side (split test runtime'da değil)

Hızlı landing = düşük CAC. Saniye başına %5-10 dönüşüm.

6. A/B testler ve dönüşüm optimizasyonu

Dönüşüm optimizasyonu (CRO) süreklidir: Test edilecek öncelikli 8 öğe: 1. Başlık varyantı (en yüksek etki) 2. Birincil CTA metni 3. CTA rengi 4. Hero görseli (foto vs. illüstrasyon vs. video) 5. Form alan sayısı 6. Sosyal kanıt yeri (üst/orta) 7. Fiyatlandırma gösterimi 8. Sıkça sorulan sorular varlığı Test araçları: VWO, Optimizely, Google Optimize alternatifleri (GA4 + custom). Test disiplini:

Tek değişken (multivariate ileri seviye)
İstatistiksel anlamlılık 95%+
Minimum 14 gün veya 1.000 dönüşüm
Trafik split %50/%50

İyi optimize edilmiş B2B landing page tipik dönüşüm: form için %3-8, demo için %1-3. Yeni başlangıç sayfası genelde %0.5-1, optimizasyon ile 5-10× iyileşebilir.

7. SEO: landing page sıralanır mı?

Tek sayfa kampanya sayfası tasarımı doğal olarak SEO için zayıftır (kelime sayısı az, internal link yok). Ama belirli senaryolarda çalışır:

SEO landing page çalışır:

Long-tail anahtar kelime ("istanbul fabrika yazılımı fiyat" gibi)
1.500-3.000 kelime içerik
Schema.org Product/Service + FAQPage
Yeterli backlink
İç bağlantı ana siteden

SEO landing page çalışmaz:

Kısa içerik (300-600 kelime)
Sadece reklam trafiği için yapılmış
Site dışı backlink yok

İdeal: ücretli kampanya için ayrı landing + SEO için içerik zenginleştirilmiş "pillar" landing.

8. Landing page fiyatları (2026 Türkiye)

Landing page fiyatları 2026 aralıkları:

Hazır şablon + içerik (Webflow tema, freelance) — 12.000-30.000 TL
Profesyonel özel tasarım — 35.000-90.000 TL
A/B test altyapılı + analitik — 75.000-180.000 TL
Çok dilli + entegrasyon yoğun — 150.000-350.000 TL

Bütçenin %30-40'ı tasarım, %30'u kod, %20'si içerik, %10-20'si test/analiz altyapısı tipik dağılım.

9. Teklif kontrol listesi

Landing page yaptırmak isteyenler için 8 soru:

1. Hedef tek mi (lead, satış, indirme, kayıt)? 2. Hedef kitle profili çizilmiş mi? 3. Trafik kaynağı belli mi (Google Ads, LinkedIn, organik)? 4. A/B test altyapısı dahil mi? 5. Form lead'leri nereye gidiyor (CRM, e-posta, Google Sheets)? 6. Mobil tasarım ayrı tasarlanıyor mu? 7. Performans hedefleri sözleşmede mi? 8. Pixel + analytics setup'ı dahil mi?

3+ "Hayır" → riskli teklif.

10. Yaygın hatalar

Landing page tasarımı projelerinde 7 yaygın hata:

1. Çok hedef — formla beraber demo, indir, kaydol hepsi tek sayfada → ziyaretçi kararsız 2. Navigasyon menüsü — sayfa içi navigasyon koymak ziyaretçiyi başka sayfaya gönderir 3. Genel mesaj — "herkes için" konuşmak hiç kimseyle konuşmamaktır 4. Stok foto — güven kaybı; gerçek ürün/ekip foto kullan 5. Uzun form — 8+ alan = %50 dropoff 6. Uzun yükleme — 4+ saniye = trafiğin yarısı kaybolur 7. CTA tekrarsızlığı — sayfa boyunca CTA tekrar etmemek

11. Kapanış

Landing page tasarımı kurumsal siteden farklı bir disiplin: tek hedef, tek mesaj, tek CTA. Doğru kurulduğunda B2B'de tipik %3-8 form dönüşümü; e-ticaret single-product için %1-3 satış dönüşümü.

İyi landing page bir kez yapılıp bırakılmaz; sürekli A/B test edilen, içerik güncellenen yaşayan bir varlıktır. ROI, ilk 3 ayda dönmesi beklenir.

*Makrops, İstanbul merkezli bir B2B yazılım stüdyosu olarak yüksek dönüşümlü landing page tasarımı, A/B test altyapısı ve kampanya sayfası projeleri teslim eder. CRO + analytics standart kapsamımızdır. İletişim.*