SEO İçin Resim Optimizasyonu Nasıl Yapılır?

Optimize edilmemiş görseller, çoğu yavaş web sitesinin görünmeyen suçlusudur. Tek bir devasa görsel, sayfanızın yüklenmesini geciktirir, mobil kullanıcıyı kaçırır ve sıralamanızı düşürür. Bu rehber, görsellerinizi hem sayfa hızı hem görsel arama için nasıl optimize edeceğinizi adım adım anlatıyor.

Önemli Noktalar

• Görsel optimizasyonu hem sayfa hızını (sıralama faktörü) hem de Google Görseller’deki görünürlüğü doğrudan etkiler.
• Alt metni (alt text), arama motorlarının görseli anlamasını sağlar ve erişilebilirlik için zorunludur.
• WebP ve AVIF gibi modern formatlar, kaliteyi kaybetmeden dosya boyutunu büyük ölçüde küçültür.
• Açıklayıcı dosya adı, sıkıştırma ve lazy loading birlikte uygulandığında en iyi sonucu verir.

Resim Optimizasyonu Nedir ve Neden Önemlidir?

Resim optimizasyonu, görselleri kaliteyi koruyarak mümkün olan en küçük dosya boyutuna indirme ve arama motorlarının anlayabileceği biçimde etiketleme sürecidir. Önemlidir çünkü görseller bir web sayfasının toplam ağırlığının çoğunlukla en büyük bölümünü oluşturur. Optimize edilmemiş görseller sayfayı yavaşlatır ve hem sıralamayı hem dönüşümü düşürür.

İki temel fayda vardır: birincisi, daha hafif görseller sayfayı hızlandırır ve sayfa hızı doğrudan bir sıralama faktörüdür. İkincisi, doğru etiketlenmiş görseller Google Görseller’de çıkarak ek bir trafik kaynağı yaratır. Çoğu site bu ikinci kanalı tamamen ihmal eder.

Sayfa hızını etkileyen diğer teknik konular için HTTP durum kodları nedir yazısına göz atabilirsiniz.

Görsel Dosya Boyutu Nasıl Küçültülür?

Görsel dosya boyutunu küçültmenin en etkili yolu, doğru formatı seçmek ve görseli kullanılacağı boyuta göre yeniden ölçeklemektir. 4000 piksel genişliğindeki bir fotoğrafı 800 piksellik bir alanda göstermek, gereksiz veri yüklemek demektir. Görseli kullanılacağı gerçek boyuta indirmek tek başına büyük kazanım sağlar.

Dosya boyutunu küçültmek için adımlar:

• Doğru boyuta ölçekleyin: Görseli gösterileceği maksimum genişlikte kaydedin.
• Modern format kullanın: WebP veya AVIF, JPEG ve PNG’ye göre çok daha küçüktür.
• Sıkıştırma uygulayın: Kayıplı sıkıştırma, gözle fark edilmeyen kalite kaybıyla boyutu küçültür.
• Doğru formatı seçin: Fotoğraflar için JPEG/WebP, şeffaflık gerektiren grafikler için PNG/WebP.

Özgün gözlem: Performans denetimi yaptığım sitelerde, sayfa hızını düşüren en yaygın tek neden neredeyse her zaman sıkıştırılmamış, gereğinden büyük görsellerdi. Çoğu zaman tek başına görselleri WebP’ye çevirip sıkıştırmak, sayfa yükleme süresini gözle görülür biçimde iyileştiriyordu.

Çok sayıda ürün görseli barındıran mağazalarda performans için e-ticaret SEO rehberi yazısındaki önerileri uygulayın.

Alt Metni (Alt Text) Nedir ve Nasıl Yazılır?

Alt metni, bir görselin içeriğini metinle tanımlayan HTML özelliğidir ve hem erişilebilirlik hem SEO için kritiktir. Görme engelli kullanıcılar görseli ekran okuyucularla bu metinden anlar; arama motorları da görselin neyle ilgili olduğunu alt metniyle kavrar. Görsel yüklenemediğinde de bu metin gösterilir.

İyi bir alt metni, görseli net biçimde ve doğal bir cümleyle tanımlar:

<img src="kirmizi-kosu-ayakkabisi.webp" alt="Kırmızı renkli kadın koşu ayakkabısı yandan görünümü">

Alt metni yazarken kaçınılması gerekenler: anahtar kelime doldurmak (“ayakkabı ucuz ayakkabı spor ayakkabı”), “resim” veya “fotoğraf” kelimesiyle başlamak ve görseli hiç tanımlamamak. Dekoratif, anlam taşımayan görsellerde ise alt metni boş bırakılabilir (alt=""), böylece ekran okuyucular onları atlar.

Alt metninde hangi kelimeyi kullanacağınızı belirlemek için anahtar kelime nedir yazısındaki temel kavramlardan yararlanın.

Görsel Dosya Adı SEO’yu Etkiler mi?

Evet, açıklayıcı bir dosya adı görsel SEO’ya katkı sağlar. IMG_4827.jpg gibi anlamsız bir ad arama motoruna hiçbir bilgi vermezken, kirmizi-kadin-kosu-ayakkabisi.jpg görselin içeriğini açıkça anlatır. Dosya adı, alt metniyle birlikte görselin Google Görseller’de doğru aramalarda çıkmasına yardımcı olur.

Dosya adı kurallarına dikkat edin: kelimeleri tireyle ayırın (alt çizgi değil), Türkçe karakter ve boşluk kullanmaktan kaçının, kısa ve açıklayıcı tutun. Bu küçük ayrıntı tek başına devrim yaratmaz ama doğru etiketleme, sıkıştırma ve alt metniyle birleştiğinde toplam görsel SEO performansını belirgin biçimde artırır.

Lazy Loading Nedir ve Neden Kullanılmalı?

Lazy loading (tembel yükleme), görsellerin yalnızca kullanıcı ekranında görünmeye yaklaştığında yüklenmesini sağlayan tekniktir. Bu sayede sayfanın ilk açılışında tüm görseller değil, yalnızca görünen kısım yüklenir ve ilk yükleme çok daha hızlı olur. Uzun, görsel ağırlıklı sayfalarda etkisi büyüktür.

Modern tarayıcılarda bu, basit bir özellik ekleyerek uygulanır:

<img src="urun.webp" alt="Ürün açıklaması" loading="lazy">

Önemli bir istisna: sayfanın ilk ekranında (above the fold) görünen ana görselleri lazy loading’e dahil etmeyin. Bu görseller hemen yüklenmeli ki kullanıcı gecikme yaşamasın. Lazy loading, ekranın altındaki görseller için idealdir.

Sonuç

Görsel optimizasyonu, çoğu sitenin görmezden geldiği ama en yüksek getiriyi sağlayan SEO çalışmalarından biridir. Doğru boyut, modern format, sıkıştırma ve lazy loading sayfanızı hızlandırır; açıklayıcı dosya adı ve alt metni ise Google Görseller’de yeni bir trafik kanalı açar.

İşe en ağır görsellerinizden başlayın. Tek bir devasa görseli sıkıştırmak bile, sayfa hızınızda hemen hissedilen bir fark yaratabilir.

Görsellerin etrafındaki metni güçlendirmek için SEO uyumlu içerik nasıl yazılır rehberiyle devam edebilirsiniz.