Çoğu kişi ürün görselini "sonra hallederiz" işi sanır. Paneli kurar, kategorileri açar, e-pin stoklarını yükler, ödeme geçidini bağlar; sıra görsele gelince Google'dan bulduğu ilk logoyu kırpıp yükler ve devam eder. Sonra da dönüşüm oranı neden yerinde sayıyor diye analytics ekranına bakar. Oysa senin vitrinindeki tek fiziksel nesne görseldir. Müşteri e-pini elleyemez, kutusunu çeviremez, arkasındaki yazıyı okuyamaz. Elinde kalan tek dokunsal kanıt o 300 pikselin içindeki kare.
İşin sessiz tarafı şu: görsel düzeni sadece güven üretmez, doğrudan hız üretir. Ve hız, e-pin gibi anlık karar verilen ürünlerde dönüşümün ta kendisidir. Kullandığın e-pin satış scripti görselleri nasıl saklıyor, hangi boyutta üretiyor, hangi sırayla yüklüyor; bunların hepsi sepete eklenme oranını değiştiriyor. Aşağıda, panelinde bugün uygulayabileceğin görsel mimarisini adım adım açıyorum. Süslü teori yok; ölçülebilir düzen var.
Görseli "süs" sanmak neden en pahalı hatan?
Bir e-pin kartı aslında bir söz belgesidir. Müşteri o kareye bakıp "bu satıcı ciddi mi?" sorusunu üç saniyede cevaplar. Kenarları bozuk, oranı kayık, arkası kirli beyaz bir logo gördüğünde ödeme sayfasına kadar gitmeyi göze almaz. Çünkü dijital ürün satın almak zaten bir güven sıçramasıdır: para gidiyor, karşılığında görünmeyen bir kod geliyor. O sıçramayı kolaylaştıran şey tutarlılıktır.
Tutarlılığı sağlayan üç kural var. Birincisi tek oran: vitrindeki bütün kartlar aynı en-boy oranına sahip olmalı. İkincisi tek arka plan mantığı: ya hepsi şeffaf, ya hepsi aynı zeminde. Üçüncüsü tek nefes payı: logonun kenarlara olan boşluğu her üründe aynı yüzdede kalmalı. Bu üçünü oturttuğun an vitrinin bir mağaza gibi görünmeye başlar; rastgele toplanmış bir klasör gibi değil. Doğru kurulmuş bir dijital ürün satış yazılımı bu kuralları senin yerine zorlar, çünkü yükleme anında görseli standarda sokar.
Hangi boyut gerçekten gerekiyor, hangisi boşuna yer yiyor?
En yaygın israf, tek bir büyük görseli her yerde kullanmaktır. 1600 pikselik bir dosyayı 180 pikselik kategori kartında göstermek, tarayıcıyı boşa çalıştırmak demektir. Ürün başına en fazla üç türev yeter: liste kartı, ürün detay ve mikro ikon. Bunun ötesi depolama ve yedekleme maliyeti olarak sana geri döner.
Türevleri elle üretmeye çalışmak sürdürülemez. 400 ürünün varsa bu 1200 dosya demektir ve ilk fiyat güncellemesinde düzen bozulur. Bu yüzden görsel türetmeyi yükleme akışına gömmelisin: dosya panele girdiği an istenen boyutlara indirgenir, formatı çevrilir, adı kurala göre yeniden yazılır. Pinova tarafında bu iş yükleme kancasında biter; sen sadece kaynak dosyayı verirsin, vitrine giden türevleri yazılım üretir. Böylece "bu ürünün küçük görseli eksik" diye başlayan o bitmeyen liste hiç oluşmaz.
| Kullanım yeri | Önerilen genişlik | Format | Hedef boyut | Neden |
|---|---|---|---|---|
| Kategori liste kartı | 360 px | WebP | 20-35 KB | Sayfada 20+ kopya yüklenir, en kritik kalem |
| Ürün detay ana görsel | 800 px | WebP | 60-90 KB | Tek görsel, netlik güven verir |
| Sepet / sipariş satırı | 96 px | WebP | 4-8 KB | Sadece hatırlatma işlevi görür |
| Sosyal paylaşım kartı | 1200 px | JPG | 110-160 KB | Dış platformlar WebP'de tutarsız davranır |
| Favicon / mikro ikon | 64 px | PNG | 2-4 KB | Şeffaflık gerekir, boyut önemsiz |
Dosya adı gerçekten SEO'yu etkiliyor mu, yoksa efsane mi?
Etkiliyor, ama sandığın yerden değil. Dosya adı tek başına sıralama yapmaz; görsel aramada eşleşme ve erişilebilirlik tarafında fark yaratır. Daha önemlisi, adlandırma disiplini senin operasyonunu kurtarır. "WhatsApp-Image-2026-03-14.jpg" isimli 700 dosyanın içinde doğru olanı bulmaya çalıştığın gün bunu anlarsın.
Kural basit: ürün slug'ı artı türev eki. Küçük harf, Türkçe karakter yok, boşluk yerine tire. Alt metni ise dosya adından türetme; ürünün gerçek adını ve ne işe yaradığını yaz. "pubg-uc" değil, "PUBG Mobile 660 UC kodu" gibi. Bu ikisini birlikte kurduğunda hem görsel aramadan uzun kuyruk trafiği alırsın hem de ekran okuyucu kullanan müşteriyi kapıda bırakmazsın. İyi bir e-pin yazılımı alt metni ürün adından otomatik doldurur ama sana elle düzeltme hakkı bırakır; çünkü bazı ürünlerde kampanya adı asıl addan daha açıklayıcıdır.
Vitrin sayfasında yükleme süresini kim harcıyor?
- Optimize edilmemiş görseller 48%
- Blokyan script ve font 24%
- Sunucu yanıt süresi 17%
- Diğer istekler 11%
Lazy-load neden bazı vitrinlerde faydadan çok zarar getiriyor?
Tembel yükleme doğru kurulduğunda altın, yanlış kurulduğunda ayak bağıdır. En sık yapılan hata her görsele ayrım gözetmeksizin lazy etiketi koymaktır. Ekranın ilk görünen bölgesindeki kartları tembelleştirirsen, tarayıcı onları da gecikmeli ister; kullanıcı boş çerçevelere bakar ve sayfa yavaş sanılır. Oysa asıl amaç tam tersiydi.
Doğru düzen şöyle: ilk ekranda görünen ilk sıra kartlar hemen yüklenir, geri kalan her şey tembel kalır. Ayrıca her görselin genişlik ve yükseklik değeri HTML içinde yazılı olmalı; yoksa yükleme sırasında sayfa zıplar, kullanıcı yanlış yere tıklar, sepete eklemek isterken kategoriye gider. Bu zıplama modern ölçümlerde ayrıca cezalandırılır. Dijital ürün satış scripti tarafında bunu şablon seviyesinde çözmek en temizidir: kart bileşeni oran kutusu içinde çizilsin, boşluk baştan ayrılsın.
Kategori sayfanı mobil bağlantıda aç ve ilk sıradaki kartların ne zaman belirdiğini say. İki saniyeyi geçiyorsa sorun sunucun değil, ilk ekrandaki görsellerin ağırlığı ve yükleme sırasıdır.
Telif ve marka görselinde çizgiyi nerede çizmelisin?
Bu konu hoş olmayan sürprizlerin kaynağıdır. Oyun ve platform logoları marka sahiplerinin malıdır; onları izinsiz kullanmak, özellikle kendi kampanya grafiğinin parçası yapmak, uyarı mektubuyla sonuçlanabilir. Pek çok satıcı yıllarca sorunsuz devam ettiği için riski küçümser; sonra tek bir bildirim gelir ve yüzlerce görseli aynı hafta içinde değiştirmesi gerekir.
Güvenli yol, kendi görsel dilini kurmaktır. Nötr bir zemin, ürün adının tipografik olarak yerleştirildiği bir şablon, kategoriye göre değişen renk şeridi. Marka adını metin olarak yazmak tanımlayıcı kullanım sayılır ve çok daha güvenlidir. Üstüne, kendi şablonunu kullandığın an vitrinin tanınır hale gelir; müşteri ekran görüntüsünü paylaştığında senin mağazan belli olur. Görsel üretimini merkezi bir şablona bağlayan bir epin yazılım düzeni bu geçişi acısız kılar: şablonu bir yerde değiştirirsin, bütün katalog yenilenir.
Görsel düzenini kalıcı kılan kontrol listesi nasıl olmalı?
Bir kez düzeltmek kolaydır; düzeni korumak zordur. Yeni ürün eklemek için panele girdiğin her seferde aynı disiplini uygulamanın tek yolu, kuralı yazılı hale getirip yükleme akışına iliştirmektir. Aşağıdaki listeyi panel notlarına kopyala ve her katalog güncellemesinde üzerinden geç. Otomatikleştirebildiğin her satırı otomatikleştir; kalanları elle denetle.
| Kontrol | Beklenen durum | Kim yapar | Sıklık |
|---|---|---|---|
| Kaynak dosya en az 800 px genişlikte mi | Evet, türevler bundan üretilir | Operasyon | Her ürün |
| WebP türevi oluşmuş mu | Üç boyutta da mevcut | Yazılım | Otomatik |
| Alt metin ürün adını içeriyor mu | Doldurulmuş, kopya değil | Operasyon | Her ürün |
| Kart oranı katalogla aynı mı | Tek oran, sapma yok | Yazılım | Otomatik |
| İlk ekran görselleri lazy dışı mı | İlk sıra hemen yüklenir | Geliştirme | Şablon değişiminde |
| Marka görseli yerine şablon mu | Kendi şablonu kullanılıyor | Operasyon | Aylık denetim |
| Kullanılmayan eski dosyalar temizlendi mi | Yetim dosya yok | Yazılım | Üç aylık |
Görsel düzenini yazılımın kendisi zorlasın
Boyut türetme, format çevirme, adlandırma ve alt metin; hepsi yükleme anında halledilsin. Sen ürüne ve satışa odaklan.
Eski PNG kataloğumu WebP'ye çevirmek sıralamamı bozar mı?
Dosya yolunu koruyup formatı değiştirirsen risk çok düşüktür. Yol değişecekse eski adresten yenisine kalıcı yönlendirme kurman yeterli. Görsel arama trafiğinin toparlanması genelde birkaç hafta sürer.
Her ürün için birden fazla görsel gerekli mi?
E-pin ve dijital kodlarda tek iyi görsel yeter. Çoklu galeri, hesap ve paket satışı gibi içeriği değişken ürünlerde anlamlıdır; orada ekran görüntüsü gerçek bilgi taşır.
Görselleri harici bir depoda tutmak mantıklı mı?
Katalog büyüdükçe mantıklı hale gelir. Ancak yedekleme ve taşınabilirliği kaybetmemek için görsel yolunu veritabanında göreli tutmalı, tam adresi çalışma anında üretmelisin.
Yavaş vitrinin suçlusu her zaman görseller mi?
Hayır ama en sık suçlu odur. Ölçüm yapmadan tahminle ilerleme; ağ sekmesini açıp en ağır beş isteği listele, sıralamanın başında görsel varsa oradan başla.
Görsel mimarisi, kurduğun gün sıkıcı görünen ama altı ay sonra rakiplerinden ayrıldığın yer olur. Kaynak dosyayı bir kez doğru ver, türevleri yazılıma bırak, adlandırmayı kurala bağla, ilk ekranı hızlandır. Bu düzenin panel içinde nasıl göründüğünü merak ediyorsan canlı demo üzerinden ürün ekleme akışını kendin dene; ayrıntılı liste için özellikler bölümüne, paket karşılaştırması için fiyat tablosuna göz atabilirsin.