Dönüşüm Odaklı Landing Page Anatomisi: Bölüm Bölüm Kılavuz
Dönüşüm odaklı landing page yazmak sezgiyle değil, kanıtlanmış bir anatomiye uymakla olur. Hero'dan SSS'e, her bölümün ne işe yaradığını ve nerede hata yapıldığını anlattık.
Dönüşüm odaklı landing page, ziyaretçiyi sayfaya çeken reklamın verdiği sözü tutar. Güzel görünmesi kâfi değil; her bölümün kendine düşen işi yapması gerekir. Bu kılavuz o anatomiye bakıyor: yukarıdan aşağıya, parça parça.
1. Hero: İlk 3 Saniyeyi Kazanmak
Hero bölümü bir ziyaretçinin sayfayla kurduğu ilk ve çoğunlukla son temas noktasıdır. Başlık, alt başlık ve birincil CTA düğmesi fold'un üzerinde kalmalı; görsel ise metni gölgelememelidir.
Kritik kural
Başlık, ziyaretçinin kazanımını bir fiille ifade etmelidir: "Satışlarını artır", "Daha hızlı kapat", "Ücretsiz dene". Şirket adı başlık değildir.
- Sık hata: "Hoş Geldiniz" veya şirket sloganını başlık olarak kullanmak.
- Sık hata: Hero görselini 1 MB'ın üzerinde yüklemek - LCP cezası kaçınılmaz.
- Sık hata: Birden fazla birincil CTA koyup ziyaretçiyi ikilemde bırakmak.
2. Değer Önermesi: "Neden Sen?"
Hero'dan hemen sonra gelen bu bölüm, rakipten farkı net biçimde ortaya koyar. Özellik listesi değil, sonuç odaklı bir anlatı kullanın. Üç ila beş maddeli kısa bir liste, uzun bir paragraftan her zaman daha hızlı okunur.
Değer önermesini test etmenin en pratik yolu: sayfayı görmemiş birine 10 saniye gösterin ve "Bu sayfa sana ne vaat ediyor?" sorusunu sorun. Cevap muğlaksa metin baştan yazılmalıdır.
3. Sosyal Kanıt: Güveni Rakamlarla İnşa Edin
Logo bandı, yorum kartları veya vaka çalışması özeti - hangisi olursa olsun sosyal kanıt, değer önermesinden hemen sonra veya dönüşüm formunun yanı başında yer almalıdır. Yerinin değeri zamanlama kadar önemlidir.
İnsanlar ne yapacaklarını bilmediklerinde, başkalarının ne yaptığına bakarlar.
- Robert Cialdini, Influence
- Sık hata: Sahte veya kaynaksız istatistik kullanmak ("10.000+ müşteri" - kaynaksız).
- Sık hata: Logoları küçük ve okunaksız göstermek.
- Sık hata: Yorumları tarihsiz bırakmak - eski yorumlar güven yerine şüphe yaratır.
4. Fayda Bölümü: Özellik Değil, Sonuç Sat
"7/24 destek sunuyoruz" bir özellik. "Sorununuzu iş günü beklemeden çözün" ise bir fayda. Bu ayrım küçük görünür ama dönüşüm oranlarında %20–40 fark yaratabilir. Web hizmetimiz kapsamında landing page projelerinde bu fark defalarca gözlemledik.
Fayda bölümünü ikon + başlık + tek cümle formatında üçlü ya da altılı grid olarak sunmak sayfa okunabilirliğini ciddi artırır. Mobilde dikey yığın yapısına geçişi unutmayın.
5. CTA Bölümü: Tek Eylem, Net Dil
Landing page'in ortasına ve altına konulan CTA bölümü, sayfanın odak noktasıdır. Düğme metni işlem fiili içermeli: "Formu Doldur" değil, "Ücretsiz Teklif Al". Renk, arka plandan en az 4,5:1 kontrast oranına sahip olmalıdır - hem erişilebilirlik hem tıklanabilirlik için.
A/B testi önerisi
Düğme rengini değil, düğme metnini test edin. "Başla" ile "Hemen Ücretsiz Başla" arasındaki fark genellikle renk değişikliğinden çok daha belirleyicidir.
6. SSS: İtirazları Sayfada Eritin
SSS bölümü, ziyaretçinin kafasındaki "ya ama..." sorularını formdan önce yanıtlar. Satış ekibinizin en sık duyduğu itirazları listeleyin ve her birini kısa, dürüst bir cevapla karşılayın. Bu bölüm AI aramada da kazandırır: net soru-cevap pasajları, AI motorlarının en sık alıntıladığı formattır.
Hız: Dönüşümün Görünmez Katili
Google'ın verilerine göre sayfa yüklenme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranı %32 artıyor. Core Web Vitals ve hız optimizasyonu konusunu ayrı bir yazıda ele aldık, ancak landing page özelinde şunlar kritik: görüntüleri WebP formatında sunun, kritik CSS'i satır içine alın ve üçüncü taraf betikleri defer edin.
Next.js ile kurumsal site geliştirirken Server Components mimarisi bu performans hedeflerini varsayılan olarak karşılar; özellikle LCP için.
A/B Testi: Kanıya Değil Veriye Güvenin
Bir landing page asla "bitti" olmaz. Her değişikliği bir hipotez olarak çerçeveleyin: "Hero başlığını fayda odaklı yazarsam dönüşüm artar." Tek değişken test edin, en az 100 dönüşüm toplayın, ardından kazananı kalıcı yapın. SEO mi Google Ads mi yazısında trafiği sayfaya çekme maliyetini karşılaştırdık - çektiğiniz trafiği dönüşüme çevirmek için A/B testi o maliyetin karşılığını verir.
Anatomi Özeti
- Hero - kazanımı başlıkta belirt, fold'un üzerinde CTA olsun.
- Değer önermesi - rakipten farkı kısa ve net göster.
- Sosyal kanıt - logo, yorum, vaka; kaynaklı ve tarihli.
- Fayda bölümü - özellik değil sonuç anlat.
- CTA - tek eylem, işlem fiili, yüksek kontrast.
- SSS - itirazları sayfada kısa, net soru-cevaplarla yanıtla.
- Hız - WebP, kritik CSS inline, defer scripts.
- A/B testi - tek değişken, veri odaklı karar.
Özet karar filtresi
Her eklediğiniz element için şunu sorun: "Bu, ziyaretçiyi bir sonraki adıma mı götürüyor, yoksa dikkatini mi dağıtıyor?" Cevap ikinci seçenekse, elementi çıkarın.
+Bir landing page'de kaç CTA olmalı?
Birincil eylem tekil olmalıdır - formun yanında veya altında birden fazla "ana" CTA rekabet yaratır. Ancak sayfa boyunca aynı eylemi tekrarlayan 2–3 CTA düğmesi koymak normaldir; sayfanın uzunluğuna göre bir üstte bir altta konumlandırmak yeterlidir.
+Landing page uzun mu yoksa kısa mı olmalı?
Teklif karmaşıklığına göre değişir. Düşük taahhütlü teklifler (ücretsiz deneme, indirme) için kısa sayfa çoğunlukla daha iyi dönüşüm verir. Yüksek fiyatlı veya B2B teklifler ise itirazları karşılamak için daha uzun bir sayfaya ihtiyaç duyar. Test edin, sezgiye güvenmeyin.
+Form kaç alanlı olmalı?
Kural: istediğiniz en az bilgiyle başlayın. Her ek alan dönüşüm oranını düşürür. İsim + e-posta genellikle yeterlidir; telefon numarasını yalnızca gerçekten gerekiyorsa isteyin.
+Navigasyon menüsü landing page'de olmalı mı?
Hayır. Navigasyon ziyaretçiye sayfadan çıkış kapısı açar. Reklam trafiği gönderilen landing page'lerde menüyü kaldırmak dönüşüm oranını genellikle %10–20 artırır. Yalnızca logo ve CTA bırakın.
Bunları da kaçırma
Next.js ile Kurumsal Web Sitesi: Neden Şablon Yeterli Değil?
Next.js kurumsal web sitesi tercihinin arkasındaki gerçek neden: SEO, hız, ölçeklenebilirlik ve dönüşüm rakamları. WordPress ve şablon tabanlı sitelerin neden geride kaldığını somut verilerle açıklıyoruz.
Core Web Vitals Nedir ve Web Sitesi Hızı Dönüşümü Nasıl Etkiler?
Core Web Vitals nedir, neden önemlidir ve LCP, INP, CLS metriklerini iyileştirerek sitenizi hem Google'da hem de ziyaretçilerinizin gözünde nasıl yukarı taşırsınız - pratik rehber.
SEO mu Google Ads mi - Bütçeni Nereye Koyacaksın?
SEO mu Google Ads mı sorusu yanlış. Doğru soru: hangisi önce, ne kadar süre, hangi amaç için? Bütçeni mahvetmeden önce bu rehberi oku.
PROJENİ ANLAT
Fikrin mi var, markan mı sıkıştı? Bir kahve ısmarla, gerisini biz patlatalım.
KONUŞALIM →