Kısaca: Ana sayfa tasarımı, ziyaretçinin ilk on saniyede üç soruya cevap bulmasıyla başlar: Burası ne, bana ne yarar, şimdi ne yapmalıyım? Nielsen Norman Group’a göre bir sayfa ziyareti ortalama bir dakikadan kısa sürüyor ve ziyaretçi kalma kararını ilk on saniyede veriyor. Bu yüzden üst bölümde tek bir cümle, tek bir eylem ve gerçek bir görsel olmalı. Ardından sırayla kanıt (müşteri logoları, yorumlar), hizmetler, nasıl çalıştığınız ve son bir çağrı gelir. Ayrıca slider kullanmayın: Notre Dame Üniversitesi’nin ölçümünde ziyaretçilerin yalnızca %1’i slayta tıkladı ve tıklamaların %84’ü ilk slayttaydı.
Ana sayfa tasarımı: Kısaca…
Müşterilerimin çoğu, ne yazık ki, ana sayfayı “her şeyin olduğu yer” sanıyor: beş slayt, on hizmet, üç duyuru ve bir hoş geldiniz metni. Oysa ana sayfa bir vitrindir; vitrine dükkânın tamamını koyamazsınız. Aslında ana sayfanın tek işi, ziyaretçiye doğru yerde olduğunu hissettirip onu bir sonraki adıma götürmektir. Bu adım bir hizmet sayfası, bir form ya da WhatsApp düğmesi olur.
Bu yazıda önce ziyaretçinin ne kadar kaldığına bakacağız. Sonra bölüm bölüm bir ana sayfa yapısı kuracağım. Ardından slider sorusunu, sık yapılan hataları ve bir kontrol listesini paylaşacağım. Yazı hem site yaptıranlar hem de bu işe yeni başlayan tasarımcılar için.
Ziyaretçi ana sayfada ne kadar kalıyor?
Nielsen Norman Group, daha önce, iki milyardan fazla sayfa ziyaretini inceledi. Sonuç olarak ortalama ziyaret bir dakikadan kısa ve terk etme ihtimali ilk on saniyede en yüksek. Bu süreyi atlatan ziyaretçi, yaklaşık otuz saniyeden sonra çok daha uzun kalıyor. Dolayısıyla araştırmanın pratik önerisi net: Değer önerinizi on saniye içinde anlatın (NN/g). Bunu ölçmenin ayrıca basit bir yolu var: beş saniye testi. Sayfayı birine beş saniye gösterin, kapatın ve “bu firma ne yapıyor?” diye sorun (Lyssna). Cevap yanlışsa sorun genellikle tasarımda değil, üst bölümdeki cümlededir.
Ana sayfa tasarımı: bölüm bölüm yapı
1. Üst bölüm: tek cümle, tek eylem
Jakob Nielsen’in 2002’de yazdığı ana sayfa kuralları bugün de geçerli; ilk kural, sayfaya firmanın ne yaptığını özetleyen tek cümlelik bir sloganla başlamak (NN/g). Benim kullandığım kalıp şu: “[Kime] için [ne] yapıyoruz, [farkımız ne].” Örneğin “Küçük işletmeler için hızlı ve bakımı kolay WordPress siteleri” cümlesi, “Dijital çözümlerle geleceğe” cümlesinden daha çok müşteri getirir. Sonra cümlenin altına tek bir birincil düğme koyun; ikinci düğme varsa ikincil görünsün. Düğme kurallarını ayrıca buton ve form tasarımı yazısında anlattım. Görsel ise gerçek işinizi göstersin: ürün, ekip ya da yaptığınız bir iş. Üstelik üst bölümün “ekranın üstü” sınırına sığması gerekmez; bunu responsive tasarım yazısında açıkladım.
2. Kanıt: logolar, yorumlar, sayılar
Ziyaretçi cümleyi okudu; şimdi “neden size inanayım?” diye soruyor. NN/g’nin güvenilirlik araştırması, örneğin, dört etken sayıyor: tasarım kalitesi, bilgilerin açıkça verilmesi, içeriğin eksiksiz ve güncel olması ve sitenin dış kaynaklarla bağlantısı; insanlar yorum sitelerine firmanın kendi sözünden daha çok güven duyuyor (NN/g). Bu yüzden üst bölümün hemen altına müşteri logoları, gerçek yorumlar ya da ödüller gelir. Ayrıca sayı yazacaksanız gerçek olsun; “binlerce mutlu müşteri” yerine “22 yayında proje” güven verir.
3. Hizmetler: bir ile dört ana görev
Nielsen’in bir başka kuralı, ana sayfanın ziyaretçinin en önemli bir ile dört görevi için açık başlangıç noktaları sunması. Yani on iki ikonlu bir hizmet ızgarası değil, üç dört kart: hizmetin adı, tek cümlelik faydası ve bir bağlantı. Her kart kendi sayfasına gitsin; böylece ayrıntı orada kalır. Kart ve ikon kullanımının kurallarını menü, ikon ve kart yazısında anlattım.
4. Nasıl çalışıyorsunuz ve kimsiniz
Özellikle hizmet sektöründe ziyaretçi süreci merak eder: Önce ne olur, ne kadar sürer, benden ne bekliyorlar? Üç adımlık kısa bir “nasıl çalışıyoruz” bölümü bu soruyu cevaplar. Ardından iki üç cümlelik bir “biz kimiz” gelir; gerçek bir fotoğrafla. Çünkü insanlar firmayla değil, insanla çalışır.
5. Son çağrı ve iletişim
Sayfanın sonuna gelen ziyaretçi ikna olmuştur ya da olmamıştır; ikisinde de bir sonraki adımı göstermek gerekir. Bu yüzden üst bölümdeki eylemi burada tekrarlayın: aynı düğme, aynı söz. Ayrıca yanına telefon, WhatsApp ve kısa bir form koyun; formda üç alan yeter. Çünkü formu uzatmak talebi azaltır.
Ana sayfa tasarımı ve slider: kullanayım mı?
Hayır; en azından otomatik dönen bir slider kullanmayın, çünkü veriler açık. Notre Dame Üniversitesi’nin kendi ana sayfasında yaptığı ölçüm bunu yıllar önce gösterdi: Ziyaretçilerin yaklaşık %1’i slayta tıkladı ve tıklamaların %84’ü ilk slayttaydı (Erik Runyon). Ayrıca Baymard’ın e-ticaret araştırmasına göre önde gelen sitelerin %33’ü slider kullanıyor; ama bu slider’ların %46’sında kullanılabilirlik sorunu var. Baymard mobilde otomatik dönüşten tamamen kaçınmayı, masaüstünde ise statik bölümleri öneriyor (Baymard). Ayrıca WCAG, beş saniyeden uzun hareket eden içeriği ziyaretçinin durdurabilmesini şart koşuyor (WCAG 2.2). Kısacası slider, kararsızlığın tasarıma yansımasıdır: Hangi mesajın önemli olduğuna karar veremeyen, beşini de koyar. Bunun yerine bir mesaj seçin ve onu statik bir üst bölüme yazın.
Ana sayfa tasarımı için görsel hiyerarşi ve okuma kalıpları
Her şeyden önce her bölümde tek bir odak noktası olsun: bir başlık, bir görsel, bir düğme. Boyut, renk ve boşlukla önem sırasını kurmayı görsel hiyerarşi yazısında anlattım. Ana sayfa gibi az metinli sayfalarda göz Z biçiminde gezer; başlık sol üstte, eylem sağ altta olduğunda bu yolu izler. Ayrıntısı F pattern ve Z pattern yazısında. Ayrıca bölümler arasında cömert boşluk bırakın; dar sayfalar kalabalık görünür ve ziyaretçi nereye bakacağını bilemez. Boşluk sistemini boşluk ve düzen yazısında, metin okunurluğunu da renk kontrastı yazısında bulabilirsiniz.
Ana sayfa tasarımında sık yapılan hatalar
- “Hoş geldiniz” ile başlamak. Oysa ziyaretçi hoş gelmedi; bir sorunun cevabını arıyor. İlk cümle o cevap olsun.
- Herkese hitap etmek. “Bireysel ve kurumsal tüm müşterilerimize” diyen sayfa kimseye hitap etmez.
- Stok fotoğrafla süslemek. Nielsen’in kuralı, aslında, açık: Sayfayı stok görselle süslemeyin; ziyaretçinin umursadığı şeyi gösterin.
- Beş farklı çağrı. “Teklif al”, “Bizi ara”, “Katalog indir”, “Bültene katıl”, “Randevu al” aynı ekranda olunca ziyaretçi sonuçta hiçbirini seçmez.
- Otomatik oynayan video ve ses. Sayfayı yavaşlatır, telefonda veri yakar ve üstelik erişilebilirlik kuralını bozar.
- Açılışta pop-up. Çünkü ziyaretçi daha cümleyi okumadan kapatacak bir pencere arar.
- Hizmetleri görselin içine yazmak. Arama motorları ve yapay zeka araçları görseldeki metni okuyamaz; bunu yapay zeka aramaları yazısında anlattım.
- Yalnızca masaüstünde test etmek. Ziyaretçilerin çoğu telefondan gelir; üst bölüm telefonda da tek ekrana sığmalı ve net olmalı.
Kontrol listesi: ana sayfa tasarımı
- Beş saniye testi: Sayfayı ilk kez gören biri firmanın ne yaptığını söyleyebiliyor.
- Üst bölüm: Tek cümle, tek birincil eylem, gerçek görsel; telefonda tek ekranda anlaşılıyor.
- Kanıt: Gerçek logolar, yorumlar ya da sayılar; uydurma hiçbir şey yok.
- Hizmetler: En fazla dört kart, her biri kendi sayfasına gidiyor.
- Süreç ve kim: Üç adım ve gerçek bir fotoğraf.
- Son çağrı: Üst bölümdeki eylem tekrar ediyor; telefon, WhatsApp ve kısa form var.
- Slider yok, otomatik oynayan video yok, açılış pop-up’ı yok.
- Hız: Ana sayfa telefonda 2,5 saniyede açılıyor; ölçümü ücretsiz site testiyle yapın.
Sık sorulan sorular
Ana sayfa ne kadar uzun olmalı?
Beş bölüm, genellikle, çoğu işletme için yeter; masaüstünde dört beş ekran, telefonda biraz daha uzun. Uzunluk sorun değil, boşluk ve tekrar sorundur. Yani her bölüm yeni bir şey söylüyorsa sayfa uzun gelmez.
Tek sayfalık site olur mu?
Küçük bir işletme için elbette olur; yukarıdaki beş bölüm zaten tek sayfalık bir sitedir. Hizmet sayısı artınca ya da her hizmet için ayrı aramalarda görünmek isteyince hizmetleri kendi sayfalarına taşıyın.
Ana sayfada fiyat göstermeli miyim?
Fiyat sabitse evet; çünkü ziyaretçi bunu arıyor ve göstermek güven verir. Fiyat projeye göre değişiyorsa “neye göre değiştiğini” yazın; bu da bir cevaptır. Oysa fiyatı hiç konuşmayan sayfa, ziyaretçiyi rakibin sayfasına gönderir.
Ana sayfa tasarımı SEO’yu etkiler mi?
Evet, iki yoldan. Üst bölümdeki cümle ve başlık yapısı, arama motoruna ve yapay zeka araçlarına ne yaptığınızı söyler. Ayrıca hız, mobil uyum ve metnin görsel yerine gerçek metin olması sıralama sinyalleridir. Sonuçta ana sayfa, sitenizin en çok bağlantı alan sayfasıdır; onu iyi kurmak bütün siteyi taşır.
Bu yazı Kasım 2026 itibarıyla geçerli bilgilere dayanır. Araştırma verilerini yayın tarihleriyle birlikte verdim; ilkeler değişmiyor, araçlar değişiyor.
Kaynaklar
- Nielsen Norman Group, How Long Do Users Stay on Web Pages?
- Nielsen Norman Group, Top 10 Guidelines for Homepage Usability
- Nielsen Norman Group, Trustworthiness in Web Design: 4 Credibility Factors
- Erik Runyon, Carousel Stats (University of Notre Dame)
- Baymard Institute, Homepage Carousel UX
- W3C, Understanding WCAG 2.2: Pause, Stop, Hide
- Lyssna, Five Second Test
