Web Sitesi Ana Sayfası Nasıl Olmalı?

Ana sayfanın görevi ziyaretçiyi doğru yere yönlendirmektir; her şeyi anlatmak değil. Ziyaretçi sayfaya girdiğinde üç şeyi hızla anlamalıdır: burası ne iş yapıyor, bana göre mi ve şimdi ne yapabilirim. Bu yazı, ana sayfanın ilk ekranından sonuna kadar bölümlerin sırasını, çağrı butonunu ve güven unsurlarını anlatıyor; sonunda sekiz hazır tasarımın ana sayfa sırasını karşılaştırıyor.

Ana sayfa kararı, genel tasarım ilkelerinin bir parçasıdır; bütününü web sitesi tasarımı nasıl yapılır rehberinde bulabilirsiniz. Ana sayfanın bağlandığı diğer sayfalar için işletme web sitesinde olması gereken sayfalar yazısına bakın.

Kısa cevap: ana sayfanın görevi

Ana sayfa bir vitrin ve bir yönlendirme tabelasıdır. Ziyaretçiye ne yaptığınızı söyler, güvenilir olduğunuzu gösterir ve onu hizmet sayfasına, iletişime ya da rezervasyona götürür. İyi bir ana sayfada şunlar bulunur:

1. Ne yaptığınızı ve kime hizmet ettiğinizi söyleyen bir ilk ekran.
2. Ana hizmetlerin kısa özeti; her biri kendi sayfasına bağlı.
3. Gerçek güven unsurları (fotoğraf, doğrulanabilir referans, açık iletişim bilgisi).
4. Bir sonraki adımı gösteren, tutarlı bir çağrı butonu.

Ana sayfada neler olmalı sorusunun kısa cevabı budur; geri kalanı bunların sırası ve yazımıdır. Ana sayfa, hizmetlerinizin tüm ayrıntısını taşımaz; bunun için hizmet sayfaları vardır.

İlk ekran: ne yapıyoruz, kime?

İlk ekran, ziyaretçinin aşağı kaydırmadan gördüğü alandır. Burada üç öğe bulunmalıdır:

• Başlık: ne yaptığınızı somut söyler.
• Alt metin: kime hizmet ettiğinizi ya da değerinizi bir iki cümleyle tamamlar.
• Çağrı butonu: sonraki adımı gösterir.

İlk ekranda ne yazmalı? Zayıf ve güçlü başlıkları kurgusal bir mobilya atölyesi üzerinden görelim:

Örnekteki atölye kurgusaldır; kendi başlığınızı gerçek işinizle yazın. Başlık bir slogan değil, bir cevap olmalıdır: ziyaretçi "burada ne yapılıyor?" diye sorduğunda cevap ilk satırda yer almalıdır.

Görsel de ilk ekranın bir parçasıdır. Mekânı, ürünü ya da çalışma anını gösteren gerçek bir fotoğraf, genel amaçlı bir görüntüden daha çok şey söyler. Metnin görselin üstünde okunur kalıp kalmadığını telefonda da kontrol edin.

Bölüm sırası

İlk ekrandan sonra ana sayfa tek bir hikâye anlatır: ne yapıyorsunuz, neden güvenilirsiniz, sonraki adım nedir. Genel bir sıra şöyledir:

1. İlk ekran: ne ve kime; çağrı butonu.
2. Hizmet ya da ürün özeti: ana hizmetlerin kısa kartları, her biri kendi sayfasına bağlı.
3. Neden siz? Çalışma biçiminizi anlatan kısa bir bölüm; "hakkımızda" özetine benzer.
4. Güven bölümü: gerçek referans, çalışma örneği ya da fotoğraf.
5. Kısa sorular: en sık sorulan birkaç sorunun kısa cevabı.
6. Kapanış çağrısı ve iletişim: sayfanın sonunda yine bir sonraki adım.

Bu sıra sektöre göre değişir; ama mantık aynıdır: ziyaretçinin ilk sorusu ilk yanıtlanır, karar vermesine yardım eden kanıt sonra gelir, eylem hem başta hem sonda bulunur.

MDN'in HTML ile içerik yapılandırma belgesi, sayfanın başlık, gezinti ve ana içerik gibi alanlarının anlamlı biçimde işaretlenmesini vurgular. Bölümlerinizi bu mantıkla kurmak, ziyaretçiye de arama motorlarına da sayfanın yapısını açık kılar: ana sayfada tek bir ana başlık, her bölümde kendi alt başlığı olsun.

Çağrı butonu

Çağrı butonu (CTA), ziyaretçiden beklediğiniz eylemin düğmesidir. İşe yarayan bir çağrı butonunun özellikleri:

• Eylemi söyler: "Rezervasyon yap", "Teklif al", "Menüyü gör", "Bizi ara" gibi ne olacağını bildiren bir ifade. "Tıklayın" ya da "Devamı" gibi belirsiz ifadelerden kaçının.
• Tek ana eylem: ilk ekranda bir ana düğme ve gerekirse ikincil bir bağlantı. Her biri aynı vurguda üç düğme, hiçbirini öne çıkarmaz.
• Sayfa boyunca tutarlı: ana eylem her zaman aynı adla ve aynı yere gitsin.
• Tekrarlanır: ilk ekranda ve sayfanın sonunda; uzun sayfada ortada da bir kez.
• Telefonda rahat basılır: düğme yeterince büyük olsun, yakınında başka düğme olmasın.
• Çalışır: düğmenin gittiği sayfa ya da form çalışmalı; telefon bağlantısı arama başlatmalı.

Güven unsurları (gerçek olanlar)

Ziyaretçi, tanımadığı bir işletmeye güvenmek için kanıt arar. Google'ın faydalı içerik belgesi, içeriğin gerçek deneyim ve özgün bilgi sunmasını öne çıkarır; bu, ana sayfadaki güven unsurları için de iyi bir ölçüdür: yalnızca gerçekten sahip olduğunuzu gösterin.

Güven ve iletişim konusunun işletme sitesi genelindeki yeri için işletme web sitesi nasıl olmalı rehberine bakabilirsiniz.

Neyi koymamalı?

• Hizmetlerin tüm ayrıntısını: ana sayfa yönlendirir; ayrıntı hizmet sayfasındadır.
• Kanıtlanamayan iddiaları: "Sektörün öncüsüyüz", "kaliteli ve uygun fiyatlı" gibi kanıtlanamayan sıfatlar güven kazandırmaz.
• Uydurma yorum ve sayıları: var olmayan referansı ya da müşteri sayısını yazmayın.
• Yer tutucu metni: hazır tasarımın örnek metni yayında kalmasın.
• Çok sayıda eşit vurgulu çağrı: ziyaretçi neye basacağını bilemez.
• Otomatik açılan pencereleri: ziyaretçi daha ne yaptığınızı görmeden önüne bir pencere çıkarmayın.

Slider kullanmalı mıyım?

Otomatik değişen görsel şeritleri (slider) çoğu işletme için gerekli değildir. Birden çok mesajı sırayla göstermesi, ziyaretçinin ilkini okumasına izin vermeyebilir; kendi kendine kayan içerik okumayı zorlaştırır ve telefonda ziyaretçinin kontrolünü azaltır. İşletmenizin tek bir ana mesajı varsa, o mesajı sabit bir ilk ekran olarak gösterin. Birden çok görseli göstermeniz gerekiyorsa, bunu galeri bölümünde ve ziyaretçinin kendi ilerleteceği biçimde yapın. Slider kullanacaksanız ilk karedeki mesajın tek başına yeterli olduğundan emin olun.

Sekiz hazır tasarımda ana sayfa sırası

Site Oluşturucu'nun her tasarımı, kendi sektörünün sorusuna göre sıralanmış bir ana sayfa bölümleriyle gelir. Aşağıdaki tablo, tasarım sayfalarında listelenen varsayılan bölüm sırasını özetliyor (sıra ve adlar tasarım sayfalarından alınmıştır; tasarımlar sonradan güncellenebilir, güncel hâli tasarımlar sayfasında görebilirsiniz).

Tabloda ortak bir örüntü görünür: sektörün ana sorusu ilk bölümlerde yanıtlanır (oda tipleri, ilanlar, öne çıkan yemekler, çalışmalar, manşet haberler), güven ortada kurulur (yorumlar, ekip, süreç) ve bazı tasarımlar sayfayı bir kapanış çağrısıyla bitirir. Hazır tasarımların sırası bir başlangıçtır: kendi işinize göre bölüm çıkarabilir, yer değiştirebilir ya da yeni bölüm ekleyebilirsiniz.

Site Oluşturucu'da ana sayfa bölümlerini Sitede Düzenle aracından yönetirsiniz: bölüm araç çubuğundaki oklarla bölümün yerini değiştirir, Gizle ile bölümü sayfada göstermez, Bölüm Ekle ile yeni bölüm eklersiniz. Değişiklik önce taslağa kaydedilir, Yayınla ile yayına çıkar. Bu, yukarıdaki sıradan kendi işinize uygun olanı kurmanıza imkân verir.

Ana sayfa kontrol listesi