Reklam Körlüğü: Kendi İçeriğiniz de Neden Gözden Kaçıyor
Kullanıcı sağ sütuna bakmıyor. Üstteki yatay şeridi de atlıyor, içindekinin reklam mı yoksa kendi duyurunuz mu olduğuna bakmadan. Banner blindness denen bu alışkanlıkta asıl sorun reklamların görülmemesi değil, aynı yere ya da aynı biçime konmuş gerçek içeriğin de onlarla birlikte yok sayılması.
Alışkanlık nereden geliyor
1990'ların banner düzeni yıllar içinde kullanıcıya bir harita öğretti: sayfanın üst şeridi ve sağ kolonu satılık alandır. Göz izleme çalışmalarının tekrar tekrar gösterdiği şey, bu bölgelerin okunmadan geçilmesi. Kullanıcı reklamı görüp "bu reklam" diye karar vermiyor; oraya hiç odaklanmıyor. Karar verilen bir şey olmadığı için de ikna edilebilir bir şey değil. Alanı daha büyük yapmak, daha parlak renk vermek, animasyon eklemek körlüğü derinleştirir.
Sınıf adı tuzağı
Reklam benzeri görünen gerçek içerik iki kere kayboluyor. Birincisi kullanıcının gözünde: kutu içine alınmış, arka planı ayrışan, ortasında büyük bir buton olan blok reklam zannedilip kaydırılıp geçiliyor. İkincisi tarayıcıda, ve bu kısım tasarım meselesi değil. Reklam engelleyicilerin kozmetik filtreleri elementleri id ve sınıf adına göre gizliyor, isimdeki desen yeterli:
banner,ad-box,ads-wrappersponsored,promo-slotid="ad-..."ile başlayan her şey
Ana sayfanızdaki kampanya duyurusunun sarmalayıcısına promo-banner dediyseniz, engelleyici kurulu ziyaretçilerin bir bölümü o bloğu hiç almıyor. Ekran görüntüsünde her şey yerinde, trafikte dönüşüm yok. Bir bloğun atlanmasını ben ilk elde renk tercihine bağlamam; önce sınıf adına, sonra sayfadaki konumuna bakarım.
Yakınlık da aynı yöne çalışıyor. Gestalt'ın gruplama kuralı gereği reklamın hemen yanındaki içerik aynı kümeden sayılır, yani reklam alanının komşusu olmak bedava değil. Kritik çağrınızı reklam slotunun altına koymayın.
Mobilde ne değişiyor
Küçük ekranda reklamın gözden kaçması değil, akışı kesmesi sorun. Kullanıcı okuma kolonunun içinde ilerliyor ve araya giren blokları hız keserek değil, hızlanarak geçiyor. Kaydırma ivmesi artıyor, o esnada reklamın altında kalan ilk paragraf da birlikte geçiliyor. Yani mobilde körlük konuma değil sıraya bağlı: reklamdan sonraki ilk öğe risk altında. İçeriğinizi oraya koymayın.
İki tavsiye birbirini kesiyor
Kaynaklarda yan yana duran iki öğüt var: içeriğinizi reklam gibi göstermeyin, ve reklamla içeriği birbirinden net ayırın. Bunlar aynı anda tutmuyor. Reklamı gerçekten ayırt edilebilir yaparsanız kullanıcı onu daha kolay tanıyıp daha hızlı atlar, yani görüntüleme geliriniz düşer. Blend ederseniz reklam görülür ama sitenin kendi içeriği reklam şüphesi altında kalır ve güven aşınır.
Seçim net: ayrımı koruyun, kaybı kabul edin. Reklam alanını belirgin ve dar bir çerçeveye hapsedin, sayfanın geri kalanını tek bir görsel dile sadık tutun. Kendi duyurunuz için ayrı bir kutu tasarlamak yerine onu metnin içinde, aynı tipografiyle, bağlam olarak verin. Tıklanan çağrılar genelde kutuda değil, cümlenin içinde duranlar.
Görüldü mü, nasıl bilirsin
Varsayımı bırakıp ölçün. Reklam tarafında yerleşik bir eşik var: alanın piksellerinin yarısı, kesintisiz bir saniye boyunca görünür alanda kalmışsa o gösterim "görülebilir" sayılır. Aynı eşiği kendi bloklarınıza uygulayabilirsiniz, üçüncü parti araca da gerek yok:
new IntersectionObserver(([e]) => { if (e.isIntersecting) setTimeout(() => check(e.target), 1000); }, { threshold: 0.5 }).observe(document.querySelector('.cta'));Bu size bloğun ekrana girdiğini söyler, bakıldığını söylemez. İkisi arasındaki farkı kapatan tek yöntem beş kişiyle yapılan bir oturum: ekranı paylaşın, görevi verin, bloğun önünden kaç kez geçildiğini sayın. Hiç durulmuyorsa yazıyı değiştirmek işe yaramaz, bloğun yerini veya biçimini değiştirmek gerekir.