Görsel Boyutu ve SEO İlişkisi

Google, sayfa hızını arama sıralama faktörleri arasında sayar. Yavaş yüklenen sayfalar kullanıcı deneyimini olumsuz etkiler; bu da dolaylı olarak SEO performansını düşürür. Görseller genelde sayfadaki en büyük kaynaklardan biridir; bu yüzden görsel optimizasyonu SEO için kritik öneme sahiptir.

Bu rehberde Core Web Vitals, özellikle LCP (Largest Contentful Paint), PageSpeed Insights ve görsel boyutunun SEO etkisini inceleyeceğiz.

Core Web Vitals ve LCP

Core Web Vitals, Google'ın sayfa kalitesini ölçtüğü üç temel metrikten oluşur: LCP (Largest Contentful Paint), FID (First Input Delay) ve CLS (Cumulative Layout Shift). Görseller özellikle LCP ile doğrudan ilgilidir: sayfadaki en büyük görsel içerik genelde LCP öğesidir. Bu görsel ne kadar hızlı yüklenirse LCP skoru o kadar iyileşir.

PageSpeed Insights ve Görsel Uyarıları

Google PageSpeed Insights, görsel optimizasyonu ile ilgili sık uyarı verir: "Properly size images", "Serve images in next-gen formats", "Defer offscreen images" gibi. Bu önerileri uygulayarak sayfa hızını artırabilir ve SEO skorunuzu yükseltebilirsiniz. "Serve images in next-gen formats" özellikle WebP veya AVIF kullanmanızı önerir; bu formatlar JPEG ve PNG'ye göre daha küçük dosya boyutu sunar.

Görsel Boyutunun Yükleme Süresine Etkisi

Büyük görsel dosyaları sayfanın yüklenme süresini uzatır. 5 MB'lık bir kapak görseli ile 200 KB'lık optimize edilmiş bir WebP arasında büyük fark vardır. Mobil bağlantılarda bu fark daha da belirgin olur. Görselleri sıkıştırmak, uygun formata dönüştürmek ve gereksiz piksel boyutunu kaldırmak LCP süresini önemli ölçüde iyileştirir.

Önerilen Boyutlar

Blog kapak görseli: Maksimum genişlik 1200–1600px, WebP formatında 100–200 KB hedefi makuldür.

E-ticaret ürün fotoğrafı: 800–1200px genişlik, WebP 0.82–0.88 kalite, 50–150 KB aralığı.

Thumbnail: 300–400px, 0.6–0.7 kalite, 20–50 KB.

Hero / tam genişlik banner: Maksimum 1920–2400px, lazy load ile yükleme önerilir.

WebP'nin SEO Avantajı

WebP formatı, aynı görsel kalitesinde JPEG ve PNG'den %25–35 daha küçük dosya üretir. Bu, daha hızlı yükleme ve daha iyi LCP skoru demektir. <picture> veya sunucu tarafı format dönüşümü ile WebP destekleyen tarayıcılara WebP, desteklemeyenlere JPEG/PNG sunabilirsiniz.

Lazy Loading

Sayfa açılışında görünmeyen görselleri loading="lazy" ile erteleyebilirsiniz. Bu, ilk yükleme süresini kısaltır ve LCP öğesinin daha hızlı yüklenmesine yardımcı olur. LCP öğesi genelde viewport'ta görünür olduğundan lazy load ile etkilenmez; ancak sayfanın geri kalanındaki görseller ertelenerek kaynak kullanımı azalır.

Görsellerinizi hemen optimize edin. WebP sıkıştırma ile SEO skorunuzu iyileştirin; dosyalar sunucuya yüklenmez.

Sıkıştırma Aracına Git →

İlgili Rehberler