Görsel SEO (Image SEO): Görselleri Optimize Etme Rehberi

Görsel SEO Neden Önemli?

Web sitelerindeki görseller çoğu zaman en büyük performans sorunudur; ama doğru optimize edildiğinde hem SEO'ya hem kullanıcı deneyimine büyük katkı sağlarlar.

Görsel SEO'nun faydaları:

• Google Görseller aramasından organik trafik
• Sayfa hızı artışı (optimize edilmiş görseller)
• Erişilebilirlik iyileşmesi (alt text ile)
• Zengin snippet fırsatları (product image, recipe photo vb.)

Core Web Vitals açısından bakıldığında, görseller LCP (Largest Contentful Paint) metriğini doğrudan etkileyen en kritik unsurdur.

1. Dosya Adı Optimizasyonu

Görseli yüklemeden önce dosya adını optimize edin.

Kötü dosya adları:

IMG_20240512_143201.jpg
photo1.png
image-final-v3.webp

İyi dosya adları:

wordpress-seo-rehberi.webp
backlink-analizi-ornek.jpg
google-analytics-dashboard-tr.png

Kurallar:

• Kelimeler arasında tire (-) kullanın, alt çizgi (_) değil
• Türkçe karakter (ğ, ş, ü, ö, ı, ç) kullanmayın
• Küçük harf kullanın
• 3-5 kelimeyi geçmeyin
• Görselin içeriğini açıklayıcı olsun

2. Alt Text (Alternatif Metin) Yazmak

Alt text, görüntü yüklenemediğinde veya ekran okuyucu kullanan bir kullanıcı sayfayı ziyaret ettiğinde görseli tanımlayan metindir. Aynı zamanda Google'ın görseli anlamasına yardımcı olur.

İyi Alt Text Nasıl Yazılır?

Kötü örnekler:

<img src="grafik.jpg" alt="">                  <!-- Boş alt text -->
<img src="grafik.jpg" alt="resim">             <!-- Anlamsız -->
<img src="grafik.jpg" alt="grafik grafik seo"> <!-- Keyword stuffing -->

İyi örnekler:

<img src="google-analytics-trafik.jpg" alt="Google Analytics 4 organik trafik raporu ekran görüntüsü">

<img src="backlink-profili.jpg" alt="Ahrefs backlink analiz aracında domain authority grafiği">

Alt Text İpuçları:

• 125 karakteri aşmayın
• Görseli gerçekten tanımlayın — anahtar kelime eklemek iyidir ama doğal olsun
• "Resmi", "Fotoğrafı", "Görseli" gibi gereksiz ifadelerden kaçının
• Dekoratif görseller için boş alt text (alt="") kullanın

3. Doğru Görsel Formatını Seçin

2026 tavsiyesi: WebP'ye geçin. Tüm modern tarayıcılar destekliyor, boyutu %30 küçük.

4. Görsel Boyut ve Sıkıştırma

Hedef Dosya Boyutları:

• Hero/Banner görsel: < 200KB (tercihen WebP)
• Blog içi görseller: < 100KB
• Küçük ikonlar/thumbnail: < 30KB
• Logo (SVG): < 10KB

Sıkıştırma Araçları:

Ücretsiz çevrimiçi araçlar:

• Squoosh.app (Google, çok güçlü)
• TinyPNG / TinyJPG
• ImageOptim (Mac)

WordPress eklentileri:

• Smush (ücretsiz)
• ShortPixel (kısıtlı ücretsiz)
• Imagify

5. Responsive Görseller (srcset)

Farklı ekran boyutları için farklı boyutlarda görsel sunun:

<img 
  src="gorsel-800.webp"
  srcset="gorsel-400.webp 400w, gorsel-800.webp 800w, gorsel-1200.webp 1200w"
  sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px"
  alt="SEO analiz raporu örneği"
>

Bu sayede mobil kullanıcılar küçük görsel indirir, masaüstü kullanıcılar büyük görsel — gereksiz veri transferi önlenir.

6. Lazy Loading

Lazy loading, ekranda görünmeyen görselleri hemen yüklemez — kullanıcı aşağı kaydırdıkça yükler.

HTML ile lazy loading:

<img src="gorsel.webp" alt="Açıklama" loading="lazy">

WordPress 5.5+ sürümünden itibaren lazy loading otomatik olarak uygulanır.

Önemli: Hero görsel (above the fold) için lazy loading kullanmayın — LCP metriğini kötü etkiler.

<!-- Hero görseli — lazy loading KULLANMA -->
<img src="hero.webp" alt="Ana görsel" loading="eager">

<!-- İçerik görselleri — lazy loading KULLAN -->
<img src="icerik.webp" alt="İçerik" loading="lazy">

7. Görsel Sitemap

Özellikle görsel ağırlıklı siteler için görsel sitemap oluşturabilirsiniz:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://site.com/sayfa/</loc>
    <image:image>
      <image:loc>https://site.com/gorsel.webp</image:loc>
      <image:title>Görsel başlığı</image:title>
      <image:caption>Görsel açıklaması</image:caption>
    </image:image>
  </url>
</urlset>

Sitemap XML nedir konusunda ayrıca yazdık.

8. Schema Markup ile Görsel Zenginleştirme

Ürün görselleri, tarif fotoğrafları veya haber görselleri için schema markup ekleyerek Google'ın zengin sonuçlarda görsellerinizi göstermesini sağlayabilirsiniz.

Schema markup nedir rehberimizde bu konuya değindik. Schema Oluşturucumuzu kullanarak ürün veya tarif schema'sına görsel bilgisi ekleyebilirsiniz.

9. CDN ile Görsel Hızlandırma

CDN (Content Delivery Network), görsellerinizi dünya genelindeki sunuculara dağıtır. Kullanıcı en yakın sunucudan görseli indirir.

Ücretsiz CDN alternatifleri:

• Cloudflare (ücretsiz plan ile görsel optimizasyonu)
• jsDelivr

10. Google Görseller için Optimize Edin

Google Görseller, bazı anahtar kelimeler için önemli trafik kaynağıdır.

Google Görseller optimizasyonu:

1. Dosya adı ve alt text: Hedef anahtar kelimeyi içersin
2. Sayfa bağlamı: Görselin bulunduğu sayfanın konusu görsel konusuyla örtüşsün
3. Sayfa içindeki metin: Görselin yakınındaki metin açıklayıcı olsun
4. Görsel kalitesi: Yüksek kaliteli görseller tercih edilir
5. Lisans bilgisi: Google Search Console'da görsel lisans bilgisi ekleyebilirsiniz

Görsel SEO Kontrol Listesi

• Tüm görsellerin anlamlı dosya adı var mı?
• Tüm görsellerde alt text yazılmış mı?
• Görseller WebP formatında mı?
• Dosya boyutları hedef aralıkta mı?
• Responsive görsel (srcset) uygulanmış mı?
• İçerik görselleri lazy load kullanıyor mu?
• Hero görsel lazy load kullanmıyor mu?
• Büyük görseller CDN üzerinden serve ediliyor mu?

Görsel Optimizasyonun Sayfa Hızına Etkisi

Görsel optimizasyonu, sayfa hızı iyileştirmenin en hızlı yoludur. Sayfa hızı ve SEO ilişkisi ve site hızını artırmanın yolları hakkındaki rehberlerimize bakın.

Sonuç

Görsel SEO, sıklıkla göz ardı edilen ama hızlı kazanım sağlayan bir optimizasyon alanıdır.

Öncelik sırasıyla yapmanız gerekenler:

1. Mevcut görsellere alt text ekleyin (düşük çaba, yüksek etki)
2. Yeni görselleri WebP formatında kaydedin
3. Dosya boyutlarını optimize edin
4. Lazy loading uygulayın
5. Responsive srcset ekleyin

Sitenizin genel SEO durumunu kontrol edin → Ücretsiz SEO Analiz ile eksik alt textleri, yavaş görselleri ve daha fazlasını tespit edin.