Image SEO: Görsel Optimizasyonu

İçerik üretirken görsellerin önemini hepimiz biliyoruz. Ancak bu görsellerin arama motorları tarafından nasıl algılandığı, indekslendiği ve sıralandığı konusunda kafanız karışıksa, doğru yerdesiniz. Burada image SEO, yani görsel optimizasyonu konusunda bilmeniz gereken her şeyi ele alacağız.

Geçtiğimiz yıl bir müşterimizin e-ticaret sitesinde yaptığımız görsel optimizasyonu çalışmaları, Google Görseller üzerinden gelen trafiği %42 artırmıştı. Basit ama etkili tekniklerle siz de benzer sonuçlar elde edebilirsiniz.

1. Image SEO’nun Önemi: Neden Görsel Optimizasyonu Yapmalısınız?

Görseller, içeriğinizin en çekici ve dikkat çekici unsurlarından biri. Ancak bundan daha fazlası var. Doğru optimize edilmiş görseller:

Kullanıcı deneyimini iyileştirir
Sayfanızın daha hızlı yüklenmesini sağlar
Google Görseller üzerinden organik trafik getirir
İçeriğinizin anlaşılmasını kolaylaştırır
Erişilebilirliği artırır

Arama motorları, görselleri doğrudan “göremez” - onları anlamlandırmak için bizim sağladığımız bilgilere ihtiyaç duyarlar. Bu yüzden image SEO, web sitenizin genel SEO stratejisinin vazgeçilmez bir parçasıdır.

Bir örnek vermek gerekirse, Asos gibi büyük e-ticaret siteleri, ürün görselleri için kapsamlı bir görsel optimizasyonu stratejisi uygulayarak, Google Görseller üzerinden ciddi miktarda trafik elde ediyorlar. Peki siz de nasıl benzer sonuçlar alabilirsiniz?

2. Görsel Format Seçimi: Doğru Format, Doğru Sonuç

Her görsel format, farklı amaçlara hizmet eder. Doğru formatı seçmek, görsellerinizin hem kaliteli görünmesini hem de hızlı yüklenmesini sağlar.

JPG/JPEG

Fotoğraflar ve ton geçişleri olan görseller için ideal
Küçük dosya boyutu sağlar
Kayıplı sıkıştırma kullanır (kalite düştükçe boyut küçülür)

PNG

Transparan arka plan gerektiğinde
Keskin çizgiler ve metin içeren görsellerde
Kayıpsız sıkıştırma kullanır (kaliteden ödün vermez)

GIF

Basit animasyonlar için
Sınırlı renk paleti
Genellikle büyük dosya boyutu

WebP

Google’ın geliştirdiği modern format
JPG’den %25-35 daha küçük dosya boyutu
PNG’den %26 daha küçük dosya boyutu
Hem kayıplı hem kayıpsız sıkıştırma
Animasyon ve şeffaflık desteği

SVG

Vektörel grafikler için ideal
Ölçeklenebilir (her boyutta kaliteli görünür)
Logo, ikon ve illüstrasyonlar için mükemmel

WebP formatı özellikle SEO açısından önemli avantajlar sunar. Tarayıcı uyumluluğu artık çok daha iyi durumda ve site hızı açısından önemli kazanımlar sağlıyor.

Bir projede JPG formatındaki ürün görsellerini WebP’ye dönüştürdüğümüzde, sayfa yükleme hızında %18’lik bir iyileşme görmüştük. Bu da doğrudan Core Web Vitals metriklerinizi olumlu etkiliyor.

3. Alt Text Optimizasyonu: Görsellere Ses Vermek

Alt text (alternatif metin), görselin ne olduğunu açıklayan HTML özniteliğidir. Görme engelli kullanıcılar için ekran okuyuculara bilgi verir ve görsel yüklenemediğinde gösterilir. Ancak SEO açısından da kritik öneme sahiptir.

Alt Text Neden Önemli?

Arama motorlarına görselin içeriğini anlatır
Erişilebilirliği artırır
İlgili anahtar kelimelerle sıralanma şansınızı artırır
Görseller yüklenemediğinde kullanıcılara bilgi verir

Alt Text En İyi Uygulamalar 2025

Kısa ve öz olun: 125 karakteri geçmeyin
Doğru tanımlayın: Görselde gerçekten ne olduğunu yazın
Anahtar kelime ekleyin: Doğal bir şekilde ilgili anahtar kelimeyi kullanın
“Resim”, “görsel” gibi ifadeler kullanmayın: Ekran okuyucular zaten bunun bir görsel olduğunu belirtiyor
Bağlamı düşünün: Görselin sayfadaki rolünü göz önünde bulundurun

Alt Text Şablonları ve Örnekler

Kötü alt text örneği:

[ürün](kadin-elbise.jpg)

İyi alt text örneği:

[Mavi çiçek desenli V yaka kadın yazlık elbise](kadin-cicekli-yazlik-elbise-mavi.jpg)

E-ticaret siteleri için alt text şablonu:

[Renk] [Desen/Özellik] [Ürün Tipi] [Marka/Model (varsa)]

Blog görselleri için alt text şablonu:

[Konu] [Eylem/Durum] [Ayırt Edici Özellik]

Gerçek bir örnek vermek gerekirse, bir moda e-ticaret sitesinde ürün görsellerinin alt textlerini optimize ettiğimizde, sadece bu değişiklikle Google Görseller’den gelen trafikte %28’lik bir artış gözlemledik.

4. Dosya İsimlendirme Kuralları

Dosya isimlendirmesi, çoğu zaman göz ardı edilen ancak image SEO için önemli bir faktördür. Arama motorları, dosya isimlerini de bir sinyal olarak kullanır.

Dosya İsimlendirme İçin En İyi Uygulamalar

Tanımlayıcı olun: Görselin ne olduğunu açıklayan isimler kullanın
Anahtar kelime ekleyin: İlgili anahtar kelimeyi doğal şekilde dahil edin
Kısa tutun: Uzun dosya isimleri yerine kısa ve öz isimler tercih edin
Küçük harfler kullanın: Tutarlılık için tüm dosya isimlerinde küçük harf kullanın
Kelimeler arasında tire kullanın: Boşluk yerine tire (-) kullanın
Türkçe karakter kullanmayın: ç, ş, ı, ğ, ü, ö gibi karakterler yerine İngilizce karşılıklarını tercih edin

Kötü ve İyi Dosya İsimlendirme Örnekleri

Kötü: IMG_20240315.jpg İyi: mavi-cicekli-yazlik-elbise.jpg

Kötü: DSC00123.png İyi: site-hizi-optimizasyon-grafigi.png

Kötü: ürün5.jpg İyi: deri-erkek-cuzdan-kahverengi.jpg

Bir müşterimizin web sitesinde, tüm ürün görsellerinin dosya isimlerini optimize ettiğimizde, arama sonuçlarında görünürlük açısından ciddi bir artış yaşadık. Bu basit değişiklik, görsel aramalardan gelen trafiği iki katına çıkardı.

5. Image Compression Teknikleri: Dosya Boyutunu Küçültmek

Görsel sıkıştırma, web sitenizin performansını artırmak için en etkili yöntemlerden biridir. Görsellerin dosya boyutunu küçültmek, sayfa yükleme hızını artırır ve kullanıcı deneyimini iyileştirir.

Sıkıştırma Türleri

Kayıplı Sıkıştırma (Lossy Compression): Bazı görsel verilerini kalıcı olarak kaldırarak dosya boyutunu küçültür. Genellikle gözle görülemeyen detayları atar.
Kayıpsız Sıkıştırma (Lossless Compression): Görsel kalitesinden ödün vermeden dosya boyutunu azaltır. Kayıplı sıkıştırmaya göre daha az boyut küçültme sağlar.

Popüler Image Compression Araçları

Online Araçlar:

TinyPNG/TinyJPG
Squoosh
Compressor.io
ShortPixel
JPEG Optimizer

WordPress Eklentileri:

ShortPixel Image Optimizer
Smush
EWWW Image Optimizer
Imagify
WebP Express

Masaüstü Yazılımları:

Adobe Photoshop (Save for Web)
GIMP
ImageOptim (Mac)
FileOptimizer (Windows)

Sıkıştırma Uygulamaları

Doğru kalite seviyesini bulun: Genellikle %60-80 arası kalite, gözle görülür fark yaratmadan önemli boyut küçültme sağlar.
Yükleme öncesi optimize edin: Görselleri yüklemeden önce optimize etmek, sunucu kaynaklarını korur.
Responsive görseller kullanın: Farklı ekran boyutları için farklı görsel boyutları sunun.
Modern formatları tercih edin: WebP gibi modern formatlar, daha iyi sıkıştırma oranları sunar.
Otomatik optimizasyon kurun: CMS’inizde otomatik optimizasyon yapacak bir sistem kurun.

Geçen yıl bir müşterimizin blog sitesinde tüm görselleri optimize ettiğimizde, ortalama sayfa yükleme süresinde 2.8 saniyeden 1.3 saniyeye düşüş sağladık. Bu da bounce rate’i %12 azalttı ve sayfada kalma süresini artırdı.

6. Lazy Loading Implementation: Görsel Yükleme Stratejileri

Lazy loading (tembel yükleme), görsel optimizasyonunda kullanılan önemli bir tekniktir. Bu yöntem, görsellerin yalnızca kullanıcının görüş alanına girdiğinde yüklenmesini sağlar.

Lazy Loading’in Faydaları

İlk sayfa yükleme süresini azaltır
Bant genişliği kullanımını optimize eder
Mobil kullanıcılar için veri tasarrufu sağlar
Core Web Vitals metriklerini iyileştirir
Gereksiz kaynak kullanımını önler

Lazy Loading Nasıl Uygulanır?

Native Lazy Loading (Modern Tarayıcılar):

[Örnek görsel açıklaması](ornek-gorsel.jpg)

JavaScript Kütüphaneleri:

Lozad.js
LazyLoad
Vanilla-lazyload
LazySizes

WordPress için:

WP Rocket
a3 Lazy Load
Autoptimize
LiteSpeed Cache

Image SEO ve Lazy Loading İlişkisi

Lazy loading, SEO açısından da önemli avantajlar sunar:

Sayfa hızını artırır: Google, sayfa hızını bir sıralama faktörü olarak kullanır.
Mobil deneyimi iyileştirir: Mobil öncelikli indeksleme kapsamında önemli bir faktör.
Kullanıcı deneyimini geliştirir: Daha hızlı yüklenen sayfalar, daha düşük hemen çıkma oranı sağlar.
Core Web Vitals metriklerini iyileştirir: Özellikle Largest Contentful Paint (LCP) değerini düşürür.

Lazy loading uygulamasında dikkat edilmesi gereken önemli bir nokta, viewport’a yakın görselleri lazy load yapmamanızdır. Bu görseller, kullanıcının hemen göreceği içerikler olduğundan, gecikme yaratabilir.

7. Image Sitemap Oluşturma: Görsellerinizi İndekslettirin

Image sitemap, web sitenizdeki görsellerin arama motorları tarafından daha kolay keşfedilmesini ve indekslenmesini sağlayan XML dosyalarıdır. Özellikle görsel içeriği bol olan siteler için büyük önem taşır.

Image Sitemap Neden Önemli?

Arama motorlarının görselleri daha kolay keşfetmesini sağlar
Google Görseller’de daha fazla görünürlük elde edersiniz
Görsellerinizin indekslenme şansını artırır
Görsel aramalardan daha fazla trafik almanızı sağlar

Image Sitemap Nasıl Oluşturulur?

Manuel XML Formatı:


  
    https://www.ornek.com/sayfa-url
    
      https://www.ornek.com/gorsel.jpg
      Görsel Başlığı
      Görsel Açıklaması
      Türkiye, İstanbul
      https://creativecommons.org/licenses/by/4.0/

WordPress için Araçlar:

Yoast SEO (Premium)
Rank Math
XML Sitemap & Google News
Google XML Sitemaps

Image Sitemap Oluşturma İpuçları

Tüm önemli görselleri dahil edin: Özellikle ürün görselleri, infografikler ve özgün fotoğraflar.
Ek bilgiler ekleyin: Başlık, açıklama, coğrafi konum gibi bilgiler ekleyin.
Düzenli güncelleyin: Yeni görseller eklediğinizde sitemap’i güncelleyin.
Google Search Console’a gönderin: Oluşturduğunuz sitemap’i Google Search Console’a göndererek indekslenmesini hızlandırın.
Robots.txt dosyasında belirtin: Sitemap’in konumunu robots.txt dosyanızda belirtin.

Image sitemap oluşturmanın etkisi genellikle hemen görülmez, ancak uzun vadede Google Görseller’den gelen organik trafiğinizi artırır. Bir turizm sitesi için oluşturduğumuz kapsamlı image sitemap, 3 ay içinde görsel aramalardan gelen trafiği %65 artırdı.

8. Google Images Optimizasyonu: Görsel Aramalarda Öne Çıkın

Google Görseller, birçok site için önemli bir trafik kaynağıdır. Özellikle e-ticaret, yemek, seyahat ve moda gibi görsel ağırlıklı sektörlerde, görsel aramalardan gelen trafik büyük önem taşır.

Google Görseller İçin Optimizasyon Stratejileri

Yüksek kaliteli görseller kullanın: Bulanık, düşük çözünürlüklü görseller yerine net ve kaliteli görseller tercih edin.
Görsel boyutlarını doğru ayarlayın: Çok büyük veya çok küçük görseller yerine, web sitenize uygun boyutlarda görseller kullanın.
Görsel çevresindeki içeriği ilişkili yapın: Google, görselin etrafındaki metni de değerlendirir.
Görsel başlığı (title) ekleyin: Alt text’in yanı sıra title özniteliği de ekleyin.
Yapısal veri (schema markup) kullanın: Schema markup ile görsellerinizi zenginleştirin.
Görseli açıklayan dosya ismi kullanın: SEO dostu dosya isimleri tercih edin.
EXIF verilerini optimize edin: Telif hakkı, açıklama gibi EXIF verilerini ekleyin.

Google Lens ve Visual Search Optimizasyonu

Google Lens gibi görsel arama teknolojileri giderek yaygınlaşıyor. Bu araçlar için optimizasyon yapmak, görsel trafiğinizi artırabilir:

Ürün görsellerinde farklı açılar sunun: Kullanıcılar benzer ürünleri aradığında bulunabilmeniz için.
Benzersiz görseller kullanın: Stock fotoğraflar yerine özgün içerik üretin.
Görsellerde marka öğelerini vurgulayın: Logo veya ayırt edici özellikler ekleyin.
Görsel aramaya uygun kategoriler oluşturun: “Buna benzer ürünler” gibi bölümler ekleyin.

Google Görseller Performans Metrikleri

Google Search Console, görsel aramalardan gelen trafiği takip etmenizi sağlar. Şu metriklere dikkat edin:

Görsel aramalardaki gösterim sayısı
Görsel aramalardan gelen tıklamalar
Görsel CTR (Tıklama Oranı)
Görsel aramalardan gelen dönüşümler

Bir e-ticaret SEO projemizde, tüm ürün görsellerini optimize ettiğimizde, 6 ay içinde Google Görseller’den gelen trafikte %112’lik bir artış yaşadık. Bu, toplam organik trafiğin %23’ünü oluşturuyordu.

Görsel Optimizasyonu İçin Bonus İpuçları

Image SEO sürecinizi daha da geliştirmek için bazı ek ipuçları:

Responsive Görseller Kullanın

Farklı ekran boyutları için farklı görsel boyutları sunarak, mobil kullanıcılar için performansı artırın:

[Responsive görsel örneği](large.jpg)

CDN (Content Delivery Network) Kullanın

CDN, görsellerinizi kullanıcılara daha hızlı ulaştırır ve sunucu yükünü azaltır. Cloudflare, BunnyCDN, Amazon CloudFront gibi hizmetleri değerlendirebilirsiniz.

Görsel Boyutlarını HTML’de Belirtin

Tarayıcının görselin boyutlarını önceden bilmesi, Cumulative Layout Shift (CLS) sorunlarını önler:

[Örnek görsel](ornek.jpg)

WebP Dönüşümü ve Fallback Çözümü

Eski tarayıcılar için fallback çözümü içeren WebP implementasyonu:


  
  
  [Görsel açıklaması](gorsel.jpg)

Image Hotlinking’i Önleyin

Başka sitelerin sizin görsellerinizi kullanmasını engellemek için .htaccess dosyanıza şu kodu ekleyin:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sizinsayfaniz.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]

Sonuç

Image SEO, genel SEO stratejinizin önemli bir parçasıdır. Görsel optimizasyonu için bu rehberde anlattığımız teknikleri uygulayarak, hem kullanıcı deneyimini iyileştirebilir hem de arama motorlarında daha iyi sıralamalar elde edebilirsiniz.

Özetlemek gerekirse:

Doğru görsel formatını seçin (WebP tercih edin)
Alt text’lerinizi optimize edin
Dosya isimlerini SEO dostu yapın
Görselleri sıkıştırın
Lazy loading uygulayın
Image sitemap oluşturun
Google Görseller için optimize edin

Bu teknikleri uyguladığınızda, görsel aramalardan gelen trafiğinizi artırabilir, site hızınızı iyileştirebilir ve kullanıcı deneyimini geliştirebilirsiniz.

Son olarak, görsel optimizasyonu tek seferlik bir iş değil, sürekli devam eden bir süreçtir. Web sitenize yeni görseller ekledikçe, bu teknikleri uygulamayı alışkanlık haline getirmenizi öneririz.

Görsel optimizasyonu konusunda sorularınız varsa, yorumlarda belirtmeyi unutmayın!