Tıklanan bir 468×60 banner için kural basittir: tek bir mesaj, okunur bir yazı ve net bir çağrı. Bu boyut çok küçüktür; logo, üç slogan, dört ürün fotoğrafı ve iletişim bilgisi aynı alana sığmaz. Ziyaretçi banner'a bir iki saniye bakar; o sürede ne sunduğunuzu ve neden tıklaması gerektiğini anlamalıdır.
Bu yazıda 468×60 banner tasarlarken uymanız gereken sekiz kuralı ve organikhit.io'da banner yayınlarken bilmeniz gereken teknik şartları anlatıyoruz.
Önce teknik şartlar
Banner'ınızı tasarlamaya başlamadan önce şu şartları bilin; aksi hâlde tasarım bitince yeniden ölçeklemek zorunda kalırsınız:
- Boyut: Tam olarak 468×60 piksel.
- Biçim: PNG, JPEG, GIF veya WebP. SVG kabul edilmez.
- Dosya boyutu: En fazla 150 KB.
- Onay: Banner'lar yayından önce yönetici onayından geçer.
Banner'lar sörf ekranında ve üye paneli sayfalarının üstünde gösterilir; gösterimler kredi ile alınır ve her banner için gösterim ve tıklama istatistiği tutulur. Görselle uğraşmak istemiyorsanız metin reklamı da bir seçenektir.
1. Tek bir mesaj seçin
468×60 bir alanda yalnızca bir şey söyleyebilirsiniz. Banner'ın amacını tek bir cümleyle yazın: "Yeni sitemi tanıtmak", "Ücretsiz e-kitabımı indirtmek", "İndirim haftasını duyurmak". Sonra bu amaca hizmet etmeyen her şeyi çıkarın.
- Zayıf: "Kaliteli ürünler, uygun fiyatlar, hızlı kargo, güvenli ödeme, 7/24 destek"
- Güçlü: "El yapımı seramik kupalar – yeni koleksiyon"
2. Yazı okunabilir olsun
Küçük bir banner'da en sık yapılan hata, yazıyı çok küçültmektir. Ana mesaj, banner'ın yüksekliğinin yaklaşık üçte biri kadar bir punto ile yazılmalı; ince, süslü yazı tipleri bu boyutta okunmaz. Banner'ı tasarım programında yüzde yüz ölçekte, yani gerçek boyutunda kontrol edin. Ekranınızda büyütülmüş hâlde okunan bir yazı, gerçek boyutta kaybolabilir.
3. Kontrastı güçlü tutun
Açık gri zemin üzerine beyaz yazı veya kırmızı üzerine pembe, küçük boyutta okunmaz. Yazı ile zemin arasında belirgin bir fark bırakın. Banner'ın, yerleştirileceği sayfanın renkleriyle de ayrışması gerekir; sayfayla aynı renklerde bir banner, sayfanın bir parçası gibi görünür ve gözden kaçar.
4. Net bir çağrı ekleyin
Ziyaretçiye ne yapması gerektiğini söyleyin: "İncele", "Ücretsiz dene", "Koleksiyonu gör". Çağrıyı banner'ın sağ tarafına, düğme görünümünde yerleştirmek yaygın ve anlaşılır bir yöntemdir. Ama banner'ın tamamı tıklanabilir olduğu için düğme yalnızca bir yönlendirmedir; sahte bir "kapat" veya "indir" düğmesi gibi yanıltıcı öğeler kullanmayın.
5. Kim olduğunuzu gösterin
Küçük bir logo veya site adı, banner'ın kime ait olduğunu söyler. Logonun banner'ın en fazla dörtte birini kaplaması yeterlidir; asıl yer mesaja ayrılmalıdır. Bilinen bir markanız yoksa logo yerine site adını yazmak daha anlaşılır olabilir.
6. Animasyonu ölçülü kullanın
GIF ile animasyonlu banner hazırlayabilirsiniz, ama hızlı yanıp sönen veya sürekli hareket eden bir banner yorucudur ve okunması zorlaşır. Animasyon kullanacaksanız iki üç kareyle sınırlı kalın ve son kareyi en önemli mesajınıza ayırın. Kareler arasında ziyaretçinin okuyabileceği kadar bekleme bırakın.
7. Dosyayı hafif tutun
150 KB üst sınırdır, hedef değil. Hafif bir banner daha hızlı yüklenir ve ziyaretçi onu sayfa açıldığı anda görür. Durağan banner'lar için WebP veya iyi sıkıştırılmış PNG/JPEG genellikle birkaç on kilobaytta kalır. Animasyonlu GIF'lerde kare sayısını ve renk sayısını azaltmak dosyayı belirgin şekilde küçültür. Sıkıştırma yöntemleri için görselleri sıkıştırma: WebP ve AVIF yazısına bakın.
8. Banner ile açılış sayfası aynı sözü versin
Banner "yeni koleksiyon" diyorsa, tıklayan kişi ana sayfaya değil, yeni koleksiyonun sayfasına gitmelidir. Banner'daki vaat ile açılan sayfa arasındaki uyumsuzluk, tıklamayı boşa harcar. Açılış sayfasının nasıl kurulacağını dönüşüm getiren açılış sayfası yazısında bölüm bölüm anlattık.
Metin yazarken
Banner metni, bir başlık yazmaya benzer. Kısa, somut ve ziyaretçiye fayda vaat eden bir ifade seçin. Abartılı ve doğrulanamayan iddialardan ("Türkiye'nin en iyisi", "garantili kazanç") kaçının; bunlar hem güven kaybettirir hem de onay sürecinde sorun çıkarabilir. Tıklanan başlık yazmanın ilkeleri banner için de geçerlidir; örnekler için tıklanan başlık nasıl yazılır? yazısına bakın.
Sık yapılan tasarım hataları
Sekiz kuralı uygularken şu hatalara da dikkat edin:
- Kenar boşluğu bırakmamak: Yazı ve logo banner'ın kenarlarına yapışık olursa sıkışık ve amatör görünür. Her kenarda birkaç piksellik boşluk bırakın.
- Fotoğrafı küçültüp sığdırmak: Geniş bir ürün fotoğrafını 60 piksel yüksekliğe indirmek, ürünü tanınmaz hale getirir. Bunun yerine ürünün yakın çekim bir detayını kullanın.
- Telefonu unutmak: Banner'lar mobil cihazlarda da görüntülenebilir; küçük ekranda yazının hâlâ okunabildiğini kontrol edin.
- Banner'ı bir kez yapıp unutmak: Aynı banner'ı aylarca gösterirseniz, düzenli sörf yapan üyeler onu artık fark etmez. Mesajı ve görseli dönem dönem yenileyin.
Örneğin Gaziantep'te ev yapımı baklava satan küçük bir mağaza, tepsi dolusu baklavanın uzaktan çekilmiş fotoğrafı yerine tek bir dilimin yakın çekimini, "Gaziantep'ten kapınıza taze baklava" mesajını ve sağda "Siparişe bak" çağrısını kullanarak çok daha okunur bir banner elde eder.
İki banner hazırlayıp karşılaştırın
Hangi tasarımın daha iyi çalıştığını tahmin etmek yerine ölçün. Aynı mesajın iki farklı versiyonunu hazırlayın; örneğin birinde çağrı "İncele", diğerinde "Ücretsiz dene" olsun. İkisini benzer sayıda gösterimle yayınlayın ve gösterim/tıklama istatistiklerini karşılaştırın. Aynı anda yalnızca bir şeyi değiştirin; renk, metin ve görseli birlikte değiştirirseniz farkın nereden geldiğini anlayamazsınız.
Banner'ın yanında sitenizin sosyal medyada paylaşıldığında görünen önizleme görselini de unutmayın. O görsel farklı bir boyuttadır (1200×630) ve paylaşım görseli oluşturucu ile hazırlanabilir. Tek günlük yoğun görünürlük istiyorsanız banner'ı Spotlight ile günün öne çıkan sitesi olmakla birlikte de kullanabilirsiniz.
Sık sorulan sorular
Banner'ım neden onaylanmadı?
Banner'lar yayından önce yönetici onayından geçer. En sık nedenler teknik şartlara uymamak (yanlış boyut, 150 KB'tan büyük dosya, SVG biçimi), yanıltıcı öğeler ve platform kurallarına aykırı içeriktir. Şartları kontrol edip banner'ı yeniden yükleyebilirsiniz.
Banner gösterimi için ne kadar kredi gerekir?
Banner gösterimleri kredi ile alınır. Kredi paketlerini ve güncel seçenekleri Fiyatlar sayfasında görebilirsiniz. Kredinizi sörf yaparak da kazanabilirsiniz.
Animasyonlu mu, durağan mı daha iyi?
Kesin bir kural yok. Ölçülü bir animasyon dikkat çekebilir; ama karmaşık ve hızlı bir animasyon mesajın okunmasını engeller. İkisini de deneyip tıklama istatistiklerine bakmak en sağlıklı yoldur.