Ekranın Üst Kısmındaki CTA
Ekranın üst kısmındaki CTA, bir açılış sayfasında kaydırma yapmadan görünen, sayfa açılır açılmaz kullanıcıların gördüğü alandaki buton veya formdur.
Önemli noktalar
- Sabit bir fold yoktur; yalnızca trafiğinizdeki görüntü alanı yüksekliği dağılımı vardır.
- Mobil adres çubukları ilk boyamada görünür alanı küçültür, sonra genişletir.
- Düşük bağlılıklı eylemler erken yerleşimi kaldırır, yüksek bağlılıklı talepler genelde kaldırmaz.
- Erken reddedilen bir talep sonraki evet'i zorlaştırır; bu yüzden eylemi yineleyin.
- İlk ekranın işi kaydırmayı gerekçelendirmektir, kararı kapatmak değil.
Derinlemesine
Tek bir fold çizgisi yoktur; trafiğinizdeki cihazlara yayılmış bir görüntü alanı yüksekliği dağılımı vardır. Dolayısıyla işlevsel soru şudur: oturumların hangi payı birincil eylemi kaydırmadan gösteriyor? Bunun yanıtı bir tasarım kuralında değil kendi analitiğinizdedir. Mobil tarayıcılar hesabı zorlaştırır: adres çubuğu yüklemede dikey alan kaplar ve ziyaretçi kaydırınca toplanır; yani ilk boyamada erişilebilir yükseklik, araçların sonradan bildirdiğinden küçüktür. Küçük olana göre tasarlayın.
Erken bir eylem çağrısının dönüşüp dönüşmeyeceği, teklifin ne kadar ikna gerektirdiğine bağlıdır. Puan almak, bir hesaplayıcı çalıştırmak ya da ücretsiz bir araç açmak gibi düşük bağlılıklı bir eylem hemen sunulabilir, çünkü ziyaretçi kabul etmekle neredeyse hiçbir şey riske atmaz. Kanıt sunulmadan istenen yüksek bağlılıklı bir talep ise genellikle reddedilir ve bu ret pahalıdır; bir kez hayır demiş biri sayfanın aşağısında ölçülebilir biçimde daha zor dönüşür.
Pratikte ilk ekranın işi kaydırmayı gerekçelendirmektir; oradaki düğme, hazır gelen azınlığı dönüştürür. Bu yüzden ekipler her şeyi tepeye yatırmak yerine eylemi her doğal karar noktasında yineler. Scorecard hunisi erken yerleşime alışılmadık ölçüde uygundur, çünkü quiz'i başlatmak hem küçük bir bağlılıktır hem de iknanın kendisidir. Kanıtı soruların kendisi sağlar; başlatma öğesini birkaç ekranlık girişin arkasına gizlemek için pek neden yoktur.
Fikir, piksel kuralına dönüştüğü anda yanıltır. Bir test cihazında düğme keyfi bir çizgiyi aşana kadar optimize etmek başlığı sıkıştırabilir, kanıtı küçültebilir ve teknik olarak uyan ama kimseyi ikna etmeyen bir ilk ekran üretebilir. Markalı aramadan ya da doğrudan bağlantıdan yüksek niyetle gelen ziyaretçiler için zayıf geçerlidir; onlar eylemi nerede olursa bulur. Düşünülerek alınan ürünlerde ilk ekran, talep kısa süre sonra yinelenmek kaydıyla sorunu çerçevelemeye harcanabilir.
Pratikte örnek
Nasıl ölçülür
Bu ifadenin arkasındaki metrik, birincil eylemin kaydırmadan görünür olduğu oturum payıdır. Onu, görüntü alanı yüksekliği dağılımınızla düğmenin her yaygın boyuttaki işlenmiş konumunu birleştirerek türetin. Tasarım görüşü değil sayı olarak izleyin ve üst bilgi, başlık ya da hero'daki her değişiklikten sonra yeniden ölçün; eylemi kimse fark etmeden yerinden eden öğeler bunlardır.
Ardından tıklamaların gerçekte nerede oluştuğunu okuyun. Erken eylem çağrısını aşağıdaki yinelemeleriyle karşılaştırın. Dönüşümlerin çoğu alttaki bir örnekten geliyorsa üstteki iş atı değildir ve onu daha yukarı çekmek pek bir şey değiştirmez. Cihaza göre de bölümleyin: masaüstünde çalışıp telefonda başarısız olan yerleşim bir görüntü alanı sorunudur, ikisinde de başarısız olan bir mesaj sorunudur.
Sık yapılan hatalar
Rutin hata, fold'u inceleme yapılan makinede değerlendirmektir. Büyük bir harici ekran, trafiğin çoğunu üreten telefonlardan çok daha fazlasını gösterir; tasarım incelemesinde rahatça görünen bir düğme gerçek ziyaretçilerin çoğunluğu için görünmez olabilir. Görüntü alanı yüksekliği dağılımını kendi analitiğinizden çekin, oturumların çoğunu kapsayan kısa boyutları seçin ve sayfayı orada, adres çubuğu açıkken kontrol edin.
İkincisi tıka basa doldurmaktır. Bir paydaşın önce görülmesini istediği her şey yukarı taşınır: uzun bir başlık, alt başlık, bir rozet sırası, hero görseli, menü çubuğu. Alan yoğunlaşır, düğme teknik olarak sığar ve içindeki hiçbir şey okunmaz. İlk ekranın neyi başarması gerektiğine karar verin (genellikle tek vaat, tek eylem, tek inandırıcı gerekçe) ve gerisini aşağı taşıyın.
Sıkça sorulan sorular
Her açılış sayfasında üst kısımda bir CTA olmalı mı?
Neredeyse her zaman evet. Ziyaretçiler etkileşime girip girmeyeceklerine hızlıca karar verir, bu yüzden ana eylem yüklemede görünmelidir. İstisna, bilinçli olarak önce bağlam kuran içerik ağırlıklı sayfalardır; ancak orada bile yapışkan veya tekrarlanan bir CTA genellikle yardımcı olur.
CTA'mın gerçekten üst kısımda olduğunu nasıl test ederim?
Sayfayı gerçek cihazlarda kontrol edin ve kaydırma derinliğini görmek için analitik veya oturum kayıtları kullanın. Görüntü alanı yükseklikleri değiştiğinden, yalnızca masaüstünde değil en küçük yaygın mobil ekranda doğrulayın.
Üst kısımdaki bir CTA, SEO'ya veya sayfa kalitesine zarar verir mi?
Hayır, makul kullanıldığında. Sorunlar yalnızca sayfanın üstünü agresif reklam veya açılır pencerelerle doldurduğunuzda ortaya çıkar; arama motorları bunu cezalandırır. Net bir başlıkla eşleştirilmiş temiz ve ilgili bir CTA en iyi uygulamadır.
Herkes kaydırırken üst kısım hâlâ önemli mi?
Önemli, ama eskisinden farklı bir nedenle. Kaydırma artık alışkanlıktır, dolayısıyla ilk ekranın kararı içermesi gerekmez. Belirlediği şey, hiç kaydırılıp kaydırılmayacağıdır; çünkü ziyaretçiler sayfanın tıkladıkları şeyle ilgili olup olmadığına saniyeler içinde karar verir. Onu kapatma ekranı değil, eleme ekranı sayın.
Mobilde fold nerede?
Yer değiştirir. Adres çubuğu sayfa ilk boyandığında dikey alan kaplar ve kaydırma başlayınca toplanır; o ilk andaki görünür alan çoğu ölçüm aracının bildirdiğinden kısadır. Küçük yüksekliğe göre tasarlayın ve doğrulamayı, bu davranışı üretmeyen küçültülmüş masaüstü penceresinde değil gerçek bir telefonda yapın.
Eylem çağrısı birden fazla görünmeli mi?
Birkaç ekrandan uzun her sayfada evet. Hazır olma anı ziyaretçiden ziyaretçiye değişir ve tek düğmeli bir sayfa herkesi ona geri kaydırmaya zorlar; bazıları bunu yapmaz. İtirazı çözen her bloktan sonra bir yineleme koyun ve metni birebir aynı tutun ki birkaç ayrı teklif değil tek bir eylem olarak okunsun.
Teklif önce açıklanmalıysa ne yapılmalı?
O zaman ilk ekran sorunu çerçevelesin, talep küçük kalsın. Bir puanı ya da örneği görmek gibi düşük bağlılıklı bir adım hemen görünebilir, çünkü kabul etmek ziyaretçiye neredeyse hiçbir şeye mal olmaz ve açıklama için dikkat satın alır. Zorlayıcı talebi kanıtlardan sonraya, gerekçesinin az önce sunulduğu yere koyun.
Yapışkan bir CTA çubuğu iyi bir alternatif mi?
Erişimi çözer, bir maliyet yaratır. Kalıcı çubuk eylemi her kaydırma konumunda erişilebilir tutar; bu uzun sayfalara uyar. Ama telefonda kıt olan dikey alanı kaplar ve desteklemesi gereken içeriği örtebilir. Sayfa uzun ve eylem basitken kullanın ve form alanlarını ya da yanıt seçeneklerini asla kapatmadığını doğrulayın.
Yerleşim nasıl düzgün test edilir?
Yalnızca konumun değiştiği kontrollü bir varyant olarak yürütün ve nihai dönüşümü değil başlatma oranını okuyun; yerleşimin etkilediği adım budur. Sonucu cihaza göre ayırın, çünkü etki en kısa görüntü alanlarında yoğunlaşır. Başlık uzunluğu dahil aynı anda değişen her şey karşılaştırmayı geçersiz kılar, çünkü ikisi de ilk ekrana ne sığdığını değiştirir.