Çoğu site sahibi SEO çalışmalarını metin içeriklerine odaklayarak görselleri ihmal eder. Oysa Google Görseller, dünya genelinde gerçekleştirilen aramaların yaklaşık %22’sini oluşturuyor. Doğru optimize edilmiş bir görsel, hem sayfa hızınızı artırır hem de Google Görseller üzerinden organik trafik çekmenizi sağlar. Bu rehberde görsel SEO nasıl yapılır sorusunu adım adım yanıtlıyor, resim optimizasyonunun tüm kritik alanlarını ele alıyoruz.

Görsel SEO Neden Bu Kadar Önemli?

Görsel optimizasyon iki farklı kanalda size rekabet avantajı sağlar.

Google Görseller trafiği: Kullanıcılar belirli ürünleri, tarifleri, tasarımları veya kavramları araştırırken doğrudan Görseller sekmesini kullanır. Doğru optimize edilmiş görseller bu aramalarda üst sıralarda görünür ve sitenize nitelikli ziyaretçi yönlendirir.

Sayfa hızı ve Core Web Vitals: Google’ın sıralama faktörleri arasında sayfa deneyimi önemli bir yer tutuyor. Büyük ve sıkıştırılmamış görseller Largest Contentful Paint (LCP) skorunu olumsuz etkiler, mobil kullanıcıları kaçırır ve dolaylı olarak sıralamanızı düşürür.

Görsel SEO; erişilebilirlik, hız ve arama görünürlüğünün kesişim noktasında duran bir disiplindir. Şimdi yedi temel optimizasyon alanını inceleyelim.

1. Dosya Adı: SEO’nun Temeli Buradan Başlar

Bir görseli “IMG_4823.jpg” adıyla yüklemek, Google’a herhangi bir ipucu vermez. Arama motoru robotları dosya adını okuyarak içerik hakkında ön bilgi edinir.

Etkili Dosya Adı Nasıl Olmalı?

Açıklayıcı ve konuyla ilgili kelimeler kullanın
Hedef anahtar kelimeyi doğal bir şekilde dahil edin
Kelimeler arasında alt çizgi (_) değil, tire (-) kullanın
Dosya adını kısa tutun, gereksiz dolgu kelimelerden kaçının

Kötü örnek: resim001.jpg

İyi örnek: gorsel-seo-optimizasyonu-rehberi.jpg

Türkçe karakterlerin (ş, ğ, ü, ö, ç, ı) dosya adında kullanılması bazı sistemlerde sorun yaratabileceğinden İngilizce karşılıklarını tercih etmek (s, g, u, o, c, i) URL uyumluluğu açısından daha güvenlidir.

2. Alt Text: Hem Erişilebilirlik Hem SEO

Alt metin (alternatif metin), bir görsel yüklenemediğinde veya ekran okuyucu kullanan biri sayfayı gezindiğinde görseli tanımlayan metindir. SEO açısından ise arama motorlarına görselin içeriğini açıklar.

Etkili Alt Text Yazma Kuralları

Görseli gerçekten tanımlayan bir cümle yazın
Hedef anahtar kelimeyi zorlamadan, doğal biçimde ekleyin
”Resim gösteriyor ki…” veya “Fotoğraf…” gibi başlangıçlardan kaçının; Google bunları anlamsız bulur
Dekoratif görseller için alt text boş bırakılabilir (alt="")

Zayıf: alt="görsel"

Güçlü: alt="WebP formatında kaydedilmiş görsel SEO optimizasyonu ekran görüntüsü"

Alt text yazımını derinlemesine öğrenmek için Alt Etiketi Nasıl Yazılır rehberimizi inceleyebilirsiniz.

3. Dosya Boyutu Optimizasyonu: Hız Her Şeyden Önce

Büyük görseller sayfa yükleme süresini ciddi ölçüde uzatır. Mobil bağlantılarda bu etki katlanarak artar. Hedef; görsel kaliteden ödün vermeden dosya boyutunu 100 KB’ın altına indirmektir.

Önerilen Araçlar

TinyPNG / TinyJPG: Sürükle-bırak arayüzüyle JPEG ve PNG dosyalarını kayıpsız sıkıştırır. Ücretsiz plan çoğu kullanıcı için yeterlidir.

Squoosh (Google): Tarayıcı tabanlı, gelişmiş sıkıştırma ayarları sunan güçlü bir araç. WebP, AVIF, MozJPEG gibi modern formatları destekler ve önizleme ile kalite karşılaştırması yapmanızı sağlar.

ImageOptim (Mac): Masaüstü uygulaması olarak çalışır, toplu sıkıştırma yapar.

Optimizasyon Hedefleri

Görsel Türü	Hedef Boyut
Blog hero görseli	80–120 KB
Ürün görseli	50–100 KB
Küçük ikon veya logo	5–20 KB
Tam sayfa arka plan	150–250 KB

4. Format Seçimi: WebP, JPEG ve PNG Ne Zaman Kullanılır?

Doğru format seçimi hem dosya boyutunu hem de görsel kalitesini doğrudan etkiler.

WebP Formatı

Google tarafından geliştirilen WebP, JPEG’e kıyasla ortalama %25–35 daha küçük dosya boyutu sunarken benzer görsel kalitesini korur. 2026 itibarıyla tüm modern tarayıcılar WebP’yi desteklemektedir. Genel kural olarak JPEG yerine WebP tercih etmek doğru bir yaklaşımdır.

WebP ne zaman kullanılır: Fotoğraflar, ürün görselleri, blog içerik görselleri

JPEG

Yıllar içinde pek çok görsel optimizasyon aracı JPEG için geliştirildiğinden eski sistemlerde hâlâ yaygındır. Şeffaflık desteklemez ve kayıplı sıkıştırma kullanır. WebP’ye geçiş yapamadığınız durumlarda kalite değerini 75–85 arasında tutun.

JPEG ne zaman kullanılır: WebP desteklenmeyen eski sistemler, sosyal medya paylaşımları

PNG

Kayıpsız sıkıştırma sunar ve şeffaflığı destekler. Fotoğraflarda dosya boyutu çok büyüdüğü için logolar, ikonlar ve şeffaf arka plan gerektiren grafikler için uygundur.

PNG ne zaman kullanılır: Logolar, ikonlar, şeffaf arkaplan gerektiren grafikler, ekran görüntüleri

AVIF

Bir sonraki nesil format olan AVIF, WebP’den de küçük dosyalar üretir. Tarayıcı desteği henüz tam değil ancak yüksek performans gerektiren projelerde <picture> etiketi ile fallback olarak kullanılabilir.

5. Responsive Görseller: srcset ve sizes Kullanımı

Farklı ekran boyutlarındaki cihazlar için farklı çözünürlükte görseller sunmak hem bant genişliği tasarrufu sağlar hem de kullanıcı deneyimini iyileştirir. HTML’nin srcset ve sizes özelliklerini kullanarak bunu gerçekleştirebilirsiniz.

Temel srcset Örneği

<img
  src="urun-gorseli-800w.webp"
  srcset="urun-gorseli-400w.webp 400w,
          urun-gorseli-800w.webp 800w,
          urun-gorseli-1200w.webp 1200w"
  sizes="(max-width: 600px) 400px,
         (max-width: 900px) 800px,
         1200px"
  alt="Görsel SEO optimizasyonu için hazırlanmış ürün görseli"
  width="800"
  height="600"
/>

Bu yapı sayesinde tarayıcı, kullanıcının cihazına ve ekran çözünürlüğüne göre en uygun boyuttaki görseli otomatik olarak yükler. Mobil kullanıcılar gereksiz yere büyük dosyalar indirmez.

Önemli not: width ve height özelliklerini her zaman belirtin. Bu, tarayıcının görsel yüklenmeden önce alan ayırmasını sağlayarak Cumulative Layout Shift (CLS) skorunu iyileştirir.

6. Lazy Loading: Sayfa Hızını Artırmanın En Kolay Yolu

Lazy loading (tembel yükleme), ekranda görünmeyen görsellerin kullanıcı o bölgeye kaydırana kadar yüklenmesini erteler. Bu özellik, özellikle uzun sayfalarda ilk yükleme süresini önemli ölçüde azaltır.

HTML’de Lazy Loading

<img
  src="blog-gorseli.webp"
  alt="Görsel SEO optimizasyonu adımları"
  loading="lazy"
  width="1200"
  height="630"
/>

Tek yapmanız gereken loading="lazy" özelliğini eklemektir. Tüm modern tarayıcılar bu özelliği destekler.

Dikkat: Sayfa yüklendiğinde hemen görünen (fold üstü) görsellere lazy loading uygulamayın. Hero banner, logo veya ilk ekran içeriğindeki görseller loading="eager" olarak işaretlenmeli ya da bu özellik tamamen çıkarılmalıdır. Aksi hâlde LCP skoru olumsuz etkilenir.

7. Görsel Sitemap ve Yapısal Veri

Google’ın görselleri doğru şekilde indexlemesini sağlamak için ek sinyaller verebilirsiniz.

Görsel Sitemap

Sitenizin XML sitemap’ine görsel bilgilerini ekleyerek Google’a hangi görsellerin indexlenmesini istediğinizi bildirirsiniz. Özellikle JavaScript ile yüklenen veya CSS background olarak tanımlanan görseller için bu yöntem kritik önem taşır.

<url>
  <loc>https://example.com/blog/gorsel-seo-nasil-yapilir/</loc>
  <image:image>
    <image:loc>https://example.com/gorseller/gorsel-seo-rehberi.webp</image:loc>
    <image:title>Görsel SEO Optimizasyonu Rehberi</image:title>
    <image:caption>Adım adım görsel SEO nasıl yapılır rehberi</image:caption>
  </image:image>
</url>

Schema Markup ile Görsel Zenginleştirme

Ürün görselleri, tarifler veya makaleler için ImageObject schema tipiyle yapısal veri ekleyebilirsiniz. Bu, Google’ın görselinizi daha iyi anlamasını ve zengin sonuçlarda göstermesini kolaylaştırır.

Teknik SEO’nun diğer bileşenleri hakkında detaylı bilgi için Teknik SEO hizmet sayfamızı inceleyebilirsiniz.

WordPress Kullanıcıları İçin Görsel Optimizasyon Eklentileri

WordPress siteniz varsa görsel optimizasyonunu büyük ölçüde otomatize edebilirsiniz.

Smush

Popüler ücretsiz seçeneklerden biri olan Smush, mevcut ve yeni yüklenen görselleri otomatik olarak sıkıştırır. Pro sürümü WebP dönüşümü ve lazy loading desteği sunar.

ShortPixel

Bulut tabanlı sıkıştırma yapan ShortPixel, JPEG, PNG ve WebP formatlarını destekler. Kayıpsız ve kayıplı sıkıştırma seçenekleri sunar, toplu dönüşüm için idealdir.

WordPress Yerleşik WebP Desteği

WordPress 5.8 sürümünden itibaren yerel WebP dönüşüm desteği geliştirilmeye başlanmıştır. Barındırma sağlayıcınız sunucu tarafında WebP dönüşümü destekliyorsa (örneğin Cloudflare veya LiteSpeed Server), eklentiye gerek kalmadan otomatik WebP sunumu yapılabilir.

Görsel SEO Kontrol Listesi

Bir görseli sitenize yüklemeden önce şu adımları tamamlayın:

Dosya adı açıklayıcı ve tire (-) ile ayrılmış
Alt text doğal, tanımlayıcı ve anahtar kelime içeriyor
Dosya boyutu 100 KB’ın altında
Format WebP veya PNG (uygun olana göre)
width ve height özellikleri belirtilmiş
Fold altı görseller için loading="lazy" eklenmiş
Sitemap’e görsel bilgisi eklenmiş (büyük siteler için)

Sonuç

Görsel SEO, tek bir optimizasyon adımından değil; birbirini tamamlayan birkaç küçük iyileştirmeden oluşur. Doğru dosya adı, anlamlı alt text, sıkıştırılmış WebP görseller ve lazy loading bir arada uygulandığında hem sayfa hızınız hem de Google Görseller’deki görünürlüğünüz belirgin biçimde artar.

Bu adımları sitenize uygulamak istiyorsanız veya teknik SEO konusunda profesyonel destek almak istiyorsanız iletişim sayfamızdan bize ulaşabilirsiniz. Sitenizin mevcut görsel optimizasyon durumunu analiz eder, somut iyileştirme önerileri sunarız.