SEO İçin Görsellerinizi Optimize Etme
6 min
Görsel optimizasyonu hem referanslamayı (Google Görsel Arama ve Core Web Vitals aracılığıyla) hem de kullanıcı deneyimini etkiler. Dört temel eylem şunlardır: doğru formatı seçmek (WebP veya AVIF), görünür kalite kaybı olmadan sıkıştırmak, alt etiketleri doldurmak ve lazy loading uygulamak. Bu eylemler tek başına LCP'yi %20 ila %40 oranında azaltabilir.
Görseller ortalama bir web sayfasının ağırlığının %50 ila %70'ini oluşturur. Kötü optimize edilmişler Core Web Vitals'ı baltalar ve sıralamayı olumsuz etkiler. İyi optimize edilmişler Google Görseller aracılığıyla ek trafik kanalı açar.
Doğru Görsel Formatını Seçme
WebP formatı, aynı görsel kalite için JPEG'e kıyasla %25 ila %35 daha iyi sıkıştırma sunar. AVIF daha da ileri gider ancak 2026'da iyi olmakla birlikte tarayıcı uyumluluğu kitlenize göre kontrol edilmelidir.
Vektörel görseller (logolar, simgeler, çizimler) SVG olmalıdır: hafif, ölçeklenebilir ve hiç bozulmaz.
PNG yalnızca şeffaflık veya sıkıştırmasız mutlak kalite gerektiren görseller için geçerlidir — standart web bağlamında nadir durumlar.
- Fotoğraflar ve karmaşık görseller: WebP veya AVIF.
- Logolar, simgeler, çizimler: SVG.
- Metin içeren ekran görüntüleri: orta sıkıştırmalı WebP (kalite 80-85).
- Animasyonlu GIF'ten kaçının: 5 ila 10 kat daha hafif kısa MP4 videoyla değiştirin.
Uyarlanmış Boyutlarda Sıkıştırma
800 piksel genişliğindeki bir sütunda görüntülenen 3.000 piksel genişliğindeki bir görsel, gerekenden 3 ila 4 kat daha fazla veri aktarır. Sıkıştırmadan önce her zaman boyutlandırın.
İkincil görseller için 100 KB'nin altını, hero görseller veya ana görseller için 200 KB'nin altını hedefleyin. Ötesinde LCP üzerindeki etki ölçülebilir hale gelir.
Görsel sıkıştırma ve boyutlandırma, optimize edilmemiş sayfalarda Core Web Vitals puanları üzerinde doğrudan etkiyle ilk yükleme süresini %20 ila %40 oranında azaltabilir.
Web performansı ve SEO üzerine 2025-2026 sektörel araştırmalar
Alt Etiketi, Dosya Adı ve Yapılandırılmış Veriler
Alt etiketi, Google'ın bir görselle ilişkilendirebileceği tek metindir. İlgili olduğunda anahtar kelimeyi doğal biçimde entegre ederek görsel içeriği kesinlikle zorlama yapmadan doğru şekilde tanımlamalıdır.
Dosya adı ikincil ama kullanışlıdır: IMG_4821.jpg yerine tirelerle ayrılmış anahtar kelimeler kullanın (gorsel-seo-optimizasyon.webp).
Ürün görselleri veya önemli görseller için Google Görseller'de ve zengin sonuçlarda görünürlüğü artırmak amacıyla Schema.org ile ImageObject veya Product yapılandırılmış verileri ekleyin.
Lazy Loading ve Performans
Lazy loading görselleri yalnızca görüntü alanına girdiklerinde yükler. Bu sayfanın ilk ağırlığını azaltır ve FCP (First Contentful Paint) puanını iyileştirir.
Dikkat: hero veya LCP görselinize asla lazy loading uygulamayın — Google ve tarayıcı onu hemen yüklemelidir. Bu öncelikli görsel için loading='eager' kullanın veya özelliği atlayın.
- Görüntü alanı dışındaki tüm görsellere loading='lazy' ekleyin.
- Yerleşim kaymalarını önlemek için width ve height özelliklerini açıkça tanımlayın (CLS).
- Kullanıcının ekranına göre uyarlanmış çözünürlükler sunmak için srcset kullanın.
FAQ
Lazy loading tarayıcılar tarafından yerel olarak destekleniyor mu?
Evet, Chrome ve modern tarayıcılar için 2019'dan, Firefox için 2021'den itibaren. loading='lazy' özelliği, çoğu site için harici bir JavaScript kütüphanesi olmaksızın yeterlidir.
Google WebP görselleri dizine ekliyor mu?
Evet, Google WebP ve AVIF görsellerini sorunsuz biçimde destekler ve dizine ekler. Bu formatlar, sayfa ağırlığını azaltmak için Google'ın PageSpeed Insights kılavuzları tarafından da önerilir.
Eksik alt etiketi SEO'ya zarar verir mi?
Doğrudan zarar vermez, ancak Google'a bir bağlam sinyali sağlamaktan yoksun kalır ve görseli Google Görseller referanslamasından hariç bırakır. Çok sayıda görsel içeren bir e-ticaret sitesinde veya blogda, alt etiketlerin yokluğu önemli trafik kaybını temsil eder.