Ana sayfa bir sitenin en çok ziyaret edilen sayfasıdır ve çoğu zaman en kötü planlanan sayfasıdır. Herkes bir şey ekler: bir slider, bir hizmet listesi, referanslar, son yazılar, hakkımızda metni, bir form, bir de “neden biz” bölümü. Zamanla ortaya telefonda yirmi ekran süren, aynı şeyi üç yerde anlatan bir sayfa çıkar. Ziyaretçi de aradığını bulamadan çıkar.
Bu yazıda ana sayfanın görevini, bölüm sırasını, uygun uzunluğu ve slider ile form gibi tartışmalı kararları anlatıyoruz. Teoriyle yetinmiyoruz: kendi ana sayfamızı sadeleştirirken ölçtüğümüz gerçek değişimi de paylaşıyoruz.
Ana Sayfanın Görevi: Ziyaretçiyi Yönlendirmek
Ana sayfa her şeyi anlatmak için değil, doğru yere göndermek için vardır. Ziyaretçi ilk ekranda üç soruya cevap bulmalıdır: Ne yapıyorsunuz? Kimin için yapıyorsunuz? Size nasıl ulaşırım? Ayrıntılar hizmet sayfalarında, fiyat ve süreç soruları sıkça sorulan sorular bölümünde, kanıtlar referans sayfasında yer alır. Ana sayfa vitrin ve yön levhasıdır.
Bu bakış, kararları kolaylaştırır. Bir bölümü sayfaya eklemeden önce şunu sorun: Bu bölüm hangi soruyu cevaplıyor ve ziyaretçiyi hangi sayfaya ya da eyleme götürüyor? Cevabı yoksa bölüm yer kaplıyordur.
Önerilen Bölüm Sırası
Görseldeki sıra, hizmet işletmeleri için işe yarayan bir iskelettir. İlk ekran net bir vaat ve tek bir ana eylem taşır: WhatsApp, telefon ya da kısa bir form. Güven kanıtı hemen ardından gelir: çalıştığınız markaların logoları, Google puanı. Hizmetler altı civarında kartla gösterilir ve her biri kendi sayfasına bağlanır. Nasıl çalışıyoruz bölümü süreci ve farkınızı kısaca anlatır. Yorumlar ve örnekler karar anındaki tereddüdü azaltır. Kısa açıklama ve sıkça sorulan sorular arama motorları ve bilgi arayanlar için metni taşır. Son çağrı sayfanın sonunda eylemi tekrar sunar.
Bu bir şablon değil, başlangıç noktasıdır. Bir e-ticaret sitesinde ürün kategorileri, bir restoranda menü ve rezervasyon öne çıkar. Ama “önce vaat, sonra kanıt, sonra ayrıntı, en sonda eylem” mantığı çoğu işletme için geçerlidir.
Ana Sayfa Ne Kadar Uzun Olmalı?
Kesin bir ölçü yoktur ve ziyaretçi “sayfa kaç ekran” diye sormaz; “aradığımı buldum mu” diye sorar. Yine de uzunluğu sayıyla izlemek faydalıdır: sayfa yüksekliğini ekran yüksekliğine bölerek kaç ekran olduğunu bulun, masaüstü ve telefon için ayrı ayrı. Telefonda uzunluk daha hızlı büyür, çünkü içerik tek sütuna iner.
Ölçüt şu olmalı: her bölümün kendi sorusu ve kendi eylemi olsun, aynı şeyi anlatan iki bölüm olmasın. Uzunluk bunun sonucudur, hedefi değil. Aşağıda kendi sayfamızda bu ölçütle neler yaptığımızı anlatıyoruz.
Kendi Ana Sayfamızda Ne Yaptık? Gerçek Bir Örnek
Kendi ana sayfamızı tarayıcıda ölçtük. Masaüstünde (1.360 piksel genişlik) sayfa 9.633 pikselden 5.540 piksele, yani yaklaşık 10,7 ekrandan 6,2 ekrana indi. Telefonda (375 piksel genişlik) 20.493 pikselden 8.352 piksele, yani yaklaşık 22,7 ekrandan 9,2 ekrana düştü. Bölüm sayısı ondan altıya indi. Ölçümler bizim ekranlarımızdaki değerlerdir; ekran boyutuna göre sizin sonucunuz değişir.
Yaptığımız değişiklikler şunlardı:
- Logolar: 31 logoluk ızgara yerine tek satırlık, yavaş kayan bir şerit.
- Hizmetler: 15 büyük kart yerine 6 kart. Diğer hizmetler üst menüde ve hizmetler sayfasında duruyor, ana sayfayı doldurmuyor.
- Tekrar eden bölümler: Hizmetleri yeniden anlatan koyu şeridi kaldırdık; “neden biz”, süreç ve raporlama bölümlerini tek bölümde birleştirdik.
- Uzun metin: Arama motorları için tuttuğumuz açıklama metnini ve “ajans nasıl seçilir” bölümünü açılır listeye aldık. Metin sayfada duruyor, yalnızca katlı.
- Yorumlar: Telefonda yana kaydırılan şerit, masaüstünde üç kart.
- Sayfa altı formu: Her sayfanın altında tekrar eden ortak iletişim bölümünü kaldırdık; zaten üst kısımda hızlı teklif formu ve WhatsApp var.
Dürüst olalım: bunun dönüşüme etkisini henüz bilmiyoruz. WhatsApp tıklaması ve form sayısını önce ve sonra olarak karşılaştıracağız. Sade sayfanın daha iyi çalıştığı genel bir kuraldır ama sizin sitenizde kanıtı ölçüm verir. Ölçümü nasıl kuracağınızı WhatsApp, telefon ve e-posta tıklamalarının GA4’te ölçülmesi yazısında anlattık.
Slider Kullanılmalı mı?
Slider, ilk ekranda birden fazla mesaj vermenin pratik yoludur ama dikkatsiz kurulursa zarar verir: ziyaretçilerin çoğu ilk slayttan sonrasını görmez, otomatik geçiş okuma sırasında metni elinden alabilir ve klavye ile ekran okuyucu kullananlar için sorun çıkarır. Kullanacaksanız şu kuralları uygulayın:
- İlk slayt tek başına yeterli olsun: Diğerlerini hiç görmeyen ziyaretçi de ne yaptığınızı anlamalı.
- Durdurma düğmesi ekleyin ve fare ya da klavye odağı slider’dayken geçişi durdurun.
- Hareket azaltma tercihine saygı gösterin: Kullanıcı sistem ayarında hareketi azaltmışsa otomatik geçiş olmasın.
- Görünmeyen slaytlara odaklanılamasın: Klavye ile gezen biri gizli bağlantılara takılmamalı.
- Başlık yapısını koruyun: Sayfada tek bir H1 olsun; diğer slayt başlıkları H2 olsun.
- Mobilde kaydırma desteği verin.
Erişilebilirlik ayrıntıları için Lighthouse erişilebilirlik puanını 100’e çıkarma yazımıza bakabilirsiniz.
İlk Ekranda Form mu, WhatsApp mı?
İlk ekranda altı alanlı bir form, ziyaretçiyi daha başlamadan yorar. Ad, telefon ve ilgilenilen hizmet çoğu işletme için yeterlidir; ayrıntı konuşmada netleşir. Biz formu yan sütundan çıkarıp ilk ekranın hemen altına tek satırlık bir çubuk olarak yerleştirdik: üç alan ve bir düğme. WhatsApp ise her zaman bir tık uzakta. Hangisinin daha çok iş getirdiği sektöre göre değişir; yalnızca ölçüm söyler. Eylem çağrılarını güçlendirmek için CTA nedir ve dönüşüm oranı optimizasyonu yazılarına bakabilirsiniz.
Mobilde Dikkat Edilecekler
Telefonda dikey kaydırma ucuzdur ama sabır sınırlıdır. Uzunluk sorunu masaüstünden çok mobilde büyür; kendi sayfamızda mobil uzunluk masaüstünün iki katından fazlaydı. Birkaç yöntem işe yarar: kart listelerini yana kaydırmalı şeride çevirin, uzun metinleri açılır listeye alın, kart açıklamalarını iki satırla sınırlayın, dokunma alanlarını büyük tutun. Hız da önemlidir; kayan şerit ve görsellerin sayfayı ağırlaştırmadığını Core Web Vitals ölçümleriyle kontrol edin.
Ana Sayfa Kontrol Listesi
Görseldeki on maddeyi kendi ana sayfanızda tek tek işaretleyin. Cevabı “hayır” olan her madde bir iyileştirme fırsatıdır:
- İlk ekranda ne yaptığınız ve kimin için yaptığınız net mi?
- Tek bir ana eylem var mı (WhatsApp, telefon ya da kısa form)?
- Güven kanıtı ilk iki ekranda mı?
- Her hizmet kendi sayfasına bağlanıyor mu?
- Aynı şeyi anlatan iki bölüm var mı?
- Telefonda sayfa kaç ekran?
- Slider varsa durdurulabiliyor mu?
- Sayfada tek bir H1 var mı?
- Görseller ve animasyonlar sayfayı yavaşlatıyor mu?
- Tıklama ve form olayları ölçülüyor mu?
Sık Yapılan Hatalar
- Her şeyi ana sayfaya koymak: Ana sayfa arşiv değildir; detay ilgili sayfalarda durur.
- Vaat yerine slogan yazmak: “Fark yaratıyoruz” bir bilgi taşımaz; ne yaptığınızı ve kimin için yaptığınızı yazın.
- Çok sayıda eylem çağrısı: Beş farklı düğme ziyaretçiyi kararsız bırakır.
- Mobili son düşünmek: Tasarımı masaüstünde bitirip telefonda ne olacağına bakmamak.
- Ölçmemek: Hangi bölümün tıklandığını bilmeden sadeleştirme yapmak ya da yapmamak.
Yeni bir site planlıyorsanız ya da mevcut sitenizi yenilemek istiyorsanız web tasarım hizmetimizi inceleyebilirsiniz.
Sık Sorulan Sorular
Ana sayfada kaç hizmet gösterilmeli?
Kesin bir sayı yok; ziyaretçinin gözünü yormayacak, genelde beş ile sekiz arası bir seçki çoğu işletme için yeterlidir. Diğer hizmetler menüde ve hizmetler sayfasında yer alır. Önemli olan her kartın kendi sayfasına net biçimde bağlanmasıdır.
Ana sayfada blog yazılarına yer vermek gerekir mi?
Zorunlu değil. Düzenli yazı yayımlıyorsanız son üç dört yazıyı göstermek siteyi canlı gösterir ve yazılara iç bağlantı sağlar. Ama blog ana sayfanın ana mesajının önüne geçmemeli; sayfanın alt kısmında yer alması yeterlidir.
Uzun bir ana sayfa SEO’ya zarar verir mi?
Uzunluğun kendisi sıralama için bir sorun değildir. Sorun, ziyaretçinin aradığını bulamaması ve sayfadan hızla çıkmasıdır. Uzun metni açılır listeye almak içeriği sayfada tutar, ama ziyaretçiyi yormaz. Yine de önemli içeriği ilk bölümlerde ve görünür yerlerde tutun.
Slider’daki slaytlar kaç saniyede değişmeli?
Kesin bir değer yok. Okunabilirlik için slayt başına birkaç saniye yeterli olmalı, ancak okuma sırasında metin değişmemeli. Bu yüzden fare ya da klavye odağı slider’dayken durdurmak ve bir durdurma düğmesi sunmak, sürenin kendisinden daha önemlidir.
Ana sayfaya ne kadar metin yazmalıyım?
Ana mesajı ve hizmet açıklamalarını kısa tutun; detay hizmet sayfalarında olsun. Sayfanın alt kısmına arama motorları ve bilgi arayanlar için kısa bir tanıtım metni koymak yeterlidir. Metnin uzun olması değil, ziyaretçinin sorusunu cevaplaması önemlidir.
Ana sayfa ne sıklıkla güncellenmeli?
Düzenli bir takvim şart değil. Hizmet, fiyat, iletişim bilgisi ya da referans değiştiğinde güncelleyin. Üç ayda bir ana sayfayı müşteri gözüyle gözden geçirmek ve ölçümlere bakmak iyi bir alışkanlıktır; bakım rutininizi web sitesi bakımı kontrol listesiyle kurabilirsiniz.
