Image Optimization Nedir?

Sayılarla ne demek?

Görsel optimizasyonu, bir sitedeki görsellerin hem hızlı yüklenmesi hem de arama motorları ve kullanıcılar tarafından doğru anlaşılması için yapılan işlerin bütünüdür. Çoğu e-ticaret sayfasında görseller toplam sayfa ağırlığının en büyük bölümünü oluşturur. Bu yüzden hız çalışmalarında en hızlı kazanç genellikle görsellerden gelir.

En yaygın sorun, gereğinden büyük görsellerdir. Örneğin 400 piksel genişliğinde gösterilen bir ürün görseli 2400 piksel ve 900 KB olarak gönderiliyorsa, doğru boyuta küçültülüp WebP formatına çevrildiğinde 40–60 KB'a inebilir. Tek bir kategori sayfasında 24 ürün olduğu düşünülürse, fark megabaytlarla ölçülür.

Arama tarafı da aynı önemdedir. Google görselleri anlamak için dosya adına, alt metne, görselin çevresindeki metne ve sayfa başlığına bakar. "IMG_4821.jpg" yerine "kadin-siyah-deri-bot.webp" gibi açıklayıcı bir ad ve "Siyah deri kadın bot, yandan görünüm" gibi bir alt metin, görsel aramada ve yapay zeka destekli görsel sonuçlarda sayfanın doğru eşleşmesine yardım eder.

Görsel optimizasyonu kontrol listesi

Listenin ilk üç satırı hızı, son üç satırı anlaşılırlığı ve kararlılığı belirler.

Görselleri optimize ederken

1. En ağır görselleri bul. Şablon bazında tarama.
2. Doğru boyuta indir. Birden fazla boyut üret, srcset ile sun.
3. Modern formata çevir. WebP ya da AVIF.
4. Alt metin ve dosya adını düzenle. Ne gösterdiğini anlat.
5. Süreci otomatikleştir. Yüklemede ya da CDN'de dönüştürme.

Uygulamada ne oluyor?

En sık durum, fotoğrafçıdan gelen görsellerin olduğu gibi yüklenmesi. 5 MB'lık dosyalar ürün sayfasına ekleniyor; mobil kullanıcılar sayfanın açılmasını bekliyor.

İkinci gözlem, alt metinlerin anahtar kelimeyle doldurulması. "ayakkabı ucuz ayakkabı en iyi ayakkabı" gibi metinler yazılıyor; ne kullanıcıya ne arama motoruna fayda sağlıyor.

Üçüncüsü, alt metnin tamamen boş bırakılması. Ekran okuyucu kullanıcılar görselin ne olduğunu bilmiyor; arama motoru da bağlamı kaybediyor.

Dördüncüsü, süsleme görsellerine uzun alt metin yazılması. Ayraç ve arka plan görselleri için alt metin boş bırakılmalı; aksi halde ekran okuyucular gereksiz bilgiyle doluyor.

Beşincisi, srcset kullanılmaması. Tek bir büyük dosya bütün cihazlara gidiyor; telefonlar gereksiz veri indiriyor.

Altıncısı, önemli görsellerin CSS arka planı olarak eklenmesi. Ürün görselleri arka plan olarak veriliyor; Google bunları görsel olarak dizine eklemiyor.

Yedincisi, görsellerin boyutsuz eklenmesi. Görsel yüklenince içerik kayıyor ve CLS kötüleşiyor.

Sekizincisi, dosya adlarının anlamsız bırakılması. Binlerce ürün görseli kamera numarasıyla adlandırılmış; görsel aramada bağlam sinyali eksik.

Dokuzuncusu, aynı görselin farklı adreslerde tekrar yüklenmesi. Her kampanyada aynı görsel yeniden yükleniyor; önbellek avantajı kayboluyor.

Onuncusu, sıkıştırmanın aşırıya kaçması. Dosya küçülüyor ama ürün detayları bulanıklaşıyor; dönüşüm düşüyor.

On birincisi, görsellerin engellenen bir klasörde tutulması. robots.txt görsel klasörünü kapatıyor; görsel aramadan hiç trafik gelmiyor.

On ikincisi, sürecin elle yürütülmesi. Her yeni ürün için görseller tek tek küçültülüyor; yoğun dönemlerde bu adım atlanıyor.

Neyi çözmez?

Görsel optimizasyonu, düşük kaliteli ya da ürünü iyi göstermeyen fotoğrafları düzeltmez. Hız ve açıklama, iyi bir görselin üzerine eklenir.

Sıkça sorulan sorular

Görsel optimizasyonu hıza ne kadar etki eder?

Görsel ağırlıklı sayfalarda en büyük hız kazancı çoğunlukla görsellerden gelir.

Alt metin nasıl yazılmalı?

Görselin ne gösterdiğini doğal bir cümleyle anlatmalı; anahtar kelime doldurmamalı.

WebP mi, AVIF mi?

İkisi de modern formattır; AVIF genellikle daha küçük dosya verir, WebP daha yaygın ve hızlı kodlanır. Bu konuyla birlikte ele alınan Ürün Görseli Optimizasyonu, ürün görsellerini hem hız hem görsel arama hem dönüşüm açısından iyileştirme alanıdır.

Bu kavramın bütün resim içindeki yerini SEO Danışmanlığı Rehberi içinde ayrıntılı anlattım.