Görsel Kalitesi CTR'yi Nasıl Etkiler
Kullanıcı feed'i kaydırırken reklamını fark etmesi için sadece 0.4 saniyeye sahipsin. Bu sürede reklamının dikkat çekip çekmediğini belirleyen tek bir şey var: görsel kalitesi. Metin, başlık, CTA düğmesi — bunların…
Aşağıdaki önizlemeyi okuyabilirsin. Tamamı için ücretsiz üye ol; kütüphanenin tümü premium üyelikle açılır.
İlk %22 açık
01 — Giriş: Görsel = İlk İzlenim
Kullanıcı feed'i kaydırırken reklamını fark etmesi için sadece 0.4 saniyeye sahipsin. Bu sürede reklamının dikkat çekip çekmediğini belirleyen tek bir şey var: görsel kalitesi. Metin, başlık, CTA düğmesi — bunların hiçbiri görselden önce algılanmaz. Görselin düşük kaliteli, bulanık veya sıkıcı olması demek, kullanıcının duraklamadan geçmesi demek. Yani CTR'nin sıfıra yaklaşması demek.
Peki "görsel kalitesi" tam olarak ne anlama geliyor? Sadece piksel sayısı değil. Görsel kalitesi; çözünürlük, renk uyumu, kontrast, kompozisyon, metin oranı, ürün sunumu ve genel profesyonellik algısının toplamıdır. Bu playbook'ta her bir bileşeni ayrı ayrı inceleyecek, Meta Ads panelinde (Ads Manager → Reklamlar sekmesi) görsellerinin performansını nasıl ölçeceğini gösterecek ve CTR'ni doğrudan artıracak aksiyonlar vereceğiz.
Meta'nın kendi araştırmalarına göre, reklam performansının %75'inden fazlası kreatif kalitesiyle ilişkili. Hedefleme, bütçe, zamanlama — bunlar önemli ama kreatifin önüne geçemez. Düşük kaliteli bir görselle mükemmel hedefleme yapsan bile, kullanıcı reklamını görmezden gelecek. Tam tersi durumda ise iyi bir görsel, geniş hedeflemede bile yüksek CTR üretebilir.
CTR (Click-Through Rate), reklamını gören kişilerin yüzde kaçının tıkladığını gösterir. E-ticaret reklamlarında ortalama CTR %1-2 arasında seyrederken, görsel kalitesi yüksek reklamlar düzenli olarak %3-5 CTR üretebilir. Bu fark küçük gibi görünebilir ama büyük hacimlerde devasa bir maliyet avantajına dönüşür. CTR arttığında Meta algoritması reklamını daha fazla kişiye gösterir, CPM düşer ve aynı bütçeyle çok daha fazla tıklama alırsın.
Bu playbook boyunca Meta Ads panelindeki ilgili ekranları ve navigasyon yollarını da göstereceğim. Böylece öğrendiğin her tekniği hemen pratiğe dökebilirsin. Hazırsan başlayalım — ilk durak teknik standartlar.
02 — Görsel Boyut ve Çözünürlük Standartları
Görsel kalitesinin en temel katmanı teknik standarttır: doğru boyut, doğru çözünürlük, doğru format. Meta platformu farklı yerleşimler (placement) için farklı boyutlar önerir. Yanlış boyutta yüklenen bir görsel, platform tarafından otomatik olarak kırpılır veya sıkıştırılır — bu da kalite kaybına ve dolayısıyla CTR düşüşüne yol açar.
Görseli yüklerken Ads Manager → Kampanyalar → Reklam Seti → Yerleşimler bölümünde hangi yerleşimleri hedeflediğini kontrol et. Her yerleşimin kabul ettiği oran farklıdır. Aşağıdaki tabloda Meta'nın güncel önerilerini bulabilirsin:
| Yerleşim | Önerilen Boyut (px) | En-Boy Oranı | Min. Çözünürlük | Max Dosya |
|---|---|---|---|---|
| Feed (Facebook/Instagram) | 1080 x 1080 | 1:1 | 600 x 600 | 30 MB |
| Stories / Reels | 1080 x 1920 | 9:16 | 500 x 888 | 30 MB |
| Sağ Sütun (Desktop) | 1200 x 628 | 1.91:1 | 254 x 133 | 30 MB |
| Marketplace | 1080 x 1080 | 1:1 | 600 x 600 | 30 MB |
| Audience Network | 1200 x 628 | 1.91:1 | 398 x 208 | 30 MB |
| Arama Sonuçları | 1080 x 1080 | 1:1 | 600 x 600 | 30 MB |
Reklam oluştururken Ads Manager → Reklam Düzeyi → Medya → Yerleşimi Düzenle (Edit Placement) butonuna tıklayarak her yerleşim için ayrı görsel yükleyebilirsin. Tek bir 1:1 görsel kullanmak yerine, Stories için 9:16 ve Feed için 1:1 ayrı görseller hazırla. Bu basit adım bile CTR'ni %15-25 artırabilir çünkü görsel kırpılmaz ve her yüzeyde tam ekran deneyimi sunar.
Format Tercihi: JPG vs. PNG vs. WebP
Meta, JPG ve PNG formatlarını kabul eder. Fotoğraflar için JPG tercih et — dosya boyutu daha küçüktür ve yükleme hızı daha iyidir. Saydam arka plan gerektiren görseller (logo overlay vb.) için PNG kullan. WebP formatı da desteklenir ve genellikle en iyi sıkıştırma/kalite dengesini sunar. Ancak hangisini seçersen seç, minimum 1080px genişlik hedefle. 600px altındaki görseller mobilde belirgin şekilde bulanıklaşır ve profesyonellik algısını düşürür.
Sıkıştırma Tuzağı
Görseli tasarım aracından dışa aktarırken aşırı sıkıştırma yapma. Özellikle metin içeren görsellerde, JPEG sıkıştırma artefaktları harflerin kenarlarında bulanıklık yaratır. Bu, kullanıcıda bilinçaltı olarak "kalitesiz marka" algısı oluşturur. Kalite ayarını minimum %85 (Photoshop'ta 10/12) tut. Dosya boyutu 2-5 MB arasında olması idealdir — Meta zaten kendi sunucularında ek sıkıştırma uygular.
Müşteriden veya tedarikçiden WhatsApp üzerinden alınan ürün fotoğrafları, uygulama tarafından ağır şekilde sıkıştırılır. 4000px'lik bir fotoğraf WhatsApp'tan geçtikten sonra 1600px'e düşer ve kalite ciddi şekilde bozulur. Ürün fotoğraflarını her zaman orijinal dosya olarak (Google Drive, WeTransfer vb.) iste.
03 — Renk Psikolojisi ve Kontrast
Renk seçimi, görselin dikkat çekiciliğini doğrudan etkiler. Sosyal medya feed'leri genellikle mavi-beyaz tonlarında bir arka plana sahiptir (özellikle Facebook). Bu ortamda öne çıkmak için feed renginden farklı tonlar kullanman gerekir. Araştırmalar, sıcak renkler (turuncu, kırmızı, sarı) içeren görsellerin soğuk renklere göre %18-32 daha yüksek duraklama oranına (thumb-stop rate) sahip olduğunu gösteriyor.
Kontrast: Görsel'in Okunabilirliği
Kontrast, görseldeki en açık ve en koyu alanlar arasındaki farktır. Düşük kontrastlı görseller, küçük mobil ekranlarda "yıkanmış" (washed-out) görünür ve dikkat çekmez. Yüksek kontrastlı görseller ise arka plandan net şekilde ayrılır ve kullanıcının gözünü yakalar. Kontrastı artırmak için:
- Arka plan ile ürün arasında net renk farkı oluştur Beyaz bir ürün beyaz arka planda kaybolur. Koyu veya renkli bir arka plan kullan ya da ürünün altına gölge efekti ekle. Ürün ve arka plan arasında minimum %40 parlaklık farkı hedefle.
- Complementary (tamamlayıcı) renk çiftlerini kullan Renk çarkında karşılıklı duran renkler (mavi-turuncu, kırmızı-yeşil, sarı-mor) en yüksek görsel kontrastı yaratır. CTA düğmeni veya fiyat etiketini ana görselin tamamlayıcı renginde tasarla.
- Feed önizlemesini kontrol et Görseli yükledikten sonra Ads Manager → Reklam Düzeyi → Reklam Önizleme bölümünde görselinin feed içinde nasıl göründüğünü kontrol et. Mobil önizleme özellikle önemli — masaüstünde iyi görünen bir görsel mobilde soluk kalabilir.
Marka Tutarlılığı vs. Dikkat Çekicilik
Marka renklerin pastel ve yumuşaksa, feed'de dikkat çekmek zorlaşır. Bu durumda marka renklerini tamamen terk etmene gerek yok — ama aksan rengi olarak yüksek kontrastlı bir renk ekle. Örneğin pastel pembe markan varsa, CTA düğmeninde veya fiyat etiketinde parlak turuncu veya koyu lacivert kullanabilirsin. Bu, hem marka tutarlılığını korur hem de görselin öne çıkmasını sağlar.
| Renk Stratejisi | Ortalama Thumb-Stop Oranı | Ortalama CTR | En İyi Kullanım |
|---|---|---|---|
| Sıcak renkler (turuncu, kırmızı) | %4.2 | %2.8 | İndirim, aciliyet, yeni ürün |
| Soğuk renkler (mavi, yeşil) | %3.1 | %2.1 | Güven, sağlık, teknoloji |
| Yüksek kontrast kombinasyonu | %5.1 | %3.4 | Tüm kategoriler |
| Pastel / düşük kontrast | %2.4 | %1.5 | Premium / lüks algısı |
| Siyah-beyaz + tek aksan rengi | %4.8 | %3.1 | Moda, minimalist markalar |
Bir kozmetik markası, ürün fotoğraflarında pastel pembe arka plan kullanıyordu (CTR: %1.3). Arka planı koyu lavanta rengine değiştirip ürünün altına yumuşak beyaz gölge eklediğinde CTR %2.7'ye yükseldi. Tek değişiklik arka plan rengi ve kontrast seviyesiydi — ürün, açı, ışık aynı kaldı.
Kalan %78 üyelere açık
Uygulama adımları, panel yolları ve tüm akış için ücretsiz üye ol. Kütüphanenin tamamı premium üyelikle görünür olur.