GÖRSEL SEO: HIZ, GÖRÜNÜRLÜK VE KULLANICI DENEYİMİ REHBERİ

1. GİRİŞ: GÖRSEL SEO’NUN ÖNEMİ

Çoğu web sitesi sahibi için görsel Arama Motoru Optimizasyonu (SEO), genellikle “alt metin eklemek” ve “dosya boyutunu küçültmek” gibi bir veya iki temel adımdan ibarettir.

Bu temeller şüphesiz önemlidir, ancak buzdağının yalnızca görünen kısmıdır ve sizi ortalama bir oyuncu olmaktan öteye taşımaz.

Görsel SEO, web sitelerinin arama motorlarında daha iyi sıralanabilmesi ve daha fazla ziyaretçi çekebilmesi için görsel içeriklerin stratejik olarak optimize edilmesi sürecidir.

Web sitenizdeki görsellere estetik birer dolgu malzemesi olarak değil, her biri potansiyel bir trafik mıknatısı olan stratejik varlıklar olarak bakın.

2. GÖRSEL OPTİMİZASYONUNUN TEMEL FAYDALARI VE HIZ ÜZERİNDEKİ ETKİSİ

Görsel optimizasyonu, genel görsel kalitesini düşürmeden görselleri mümkün olan en küçük dosya boyutunda kaydetme ve sunma işlemidir.

Görsel optimizasyonunun en önemli faydaları şunlardır:

1. Gelişmiş Sayfa Hızı ve Kullanıcı Deneyimi (UX): Optimize edilmemiş görseller, web sayfalarının açılış hızını düşüren en önemli faktörlerdendir.

2. Yüksek SEO Sıralamaları: Google, hızlı yüklenen siteleri tercih eder ve yavaş siteleri cezalandırır. Görsel optimizasyonu, web sitesi hızını iyileştirerek SEO sıralamalarını yükseltir.

3. Core Web Vitals İyileştirmesi: Google’ın site hızındaki karar ölçeği olan Core Web Vitals metrikleri, görsel optimizasyonundan doğrudan etkilenir.      

Largest Contentful Paint (LCP): Sayfanın en büyük öğesinin (genellikle bir görsel) yüklenme süresini ölçen bu metrik, büyük bir görsel dosyası nedeniyle gecikirse kötüleşir.

Doğru boyutlandırılmış ve sıkıştırılmış görseller, LCP skorunu iyileştirir.

Cumulative Layout Shift (CLS): Sayfa yüklenirken yaşanan beklenmedik düzen kaymalarını ölçer.

HTML kodunda görseller için genişlik ve yükseklik (width ve height) özellikleri belirtilmemişse, tarayıcı ne kadar alan ayıracağını bilemez ve görsel yüklendiğinde içerik aşağı kayarak CLS skoruna zarar verir.

3. DOĞRU GÖRSEL SEÇİMİ, BOYUTLANDIRMA VE FORMAT STRATEJİLERİ

3.1. Görsel Seçimi

Görsel SEO, sadece teknik ayarlamalarla sınırlı değildir; doğru görsel seçimiyle başlar.

Görsellerin sayfa içeriğiyle alakalı, kullanıcıların dikkatini çekecek ve bilgi aktaracak nitelikte olması gerekir.

3.2. Dosya Formatı Seçimi

İçeriğinizin türüne (fotoğraf, ikon, illüstrasyon) göre en verimli formatı seçmek önemlidir.

3.3. Boyut ve Sıkıştırma Dengesi

Görsel optimizasyonunda “boyut” kelimesi genellikle iki farklı anlama gelir:

1. Görsel Boyutu (Dimensions): Piksel cinsinden genişlik ve yükseklik (örneğin, 1200×800 piksel)

2. Dosya Boyutu (File Size): Sunucuda kapladığı alan (örneğin, 150 KB).

4000×3000 piksel gibi devasa boyutlarda bir fotoğrafı yükleyip, ardından HTML veya CSS kullanarak ekranda daha küçük görünmesini sağlamak, sayfa hızını mahveden en sık yapılan hatadır.

Tarayıcı, görseli küçük gösterse bile arka planda devasa orijinal dosyayı indirmek zorunda kalır.

Doğru süreç her zaman iki adımdan oluşur:

1. Önce Yeniden Boyutlandır (Resize): Görseli, web sitesinde gösterileceği maksimum boyuta göre yeniden boyutlandırın.

Görsellerin sergilenecekleri alanın boyutuna göre (örneğin, 72 PPI çözünürlükte) yeniden boyutlandırılması gereklidir.

2. Sonra Sıkıştır (Compress): Yeniden boyutlandırdığınız görseli, kalitede gözle görülür bir düşüş olmadan dosya boyutunu küçültmek için sıkıştırın.

Genel bir kural olarak, görselleri 100 KB veya daha az tutmak hedeflenmelidir.

Görsel optimizasyonu için TinyPNG, Squoosh.app gibi çevrimiçi araçlar veya WordPress eklentileri kullanılabilir.

3.4. EXIF Verileri (Meta veriler) Düzenleme

EXIF (Exchangeable Image File Format), fotoğraf veya görselin içine gömülü metadata’dır.

Bu verilerde tarih, cihaz, coğrafi konum, açıklama gibi bilgiler bulunabilir.

Google bu verileri kısmen okur ama, doğru kullanıldığında güven sinyali oluşturur.

Ne yapılmalı:

• Gereksiz bilgileri (kamera markası, GPS verisi gibi) sil → gizlilik için.

• Ama Description, Title, Author, Copyright gibi alanları doldur.

Nasıl yapılır:

• Görseli yüklemeden önce ExifTool (ücretsiz araç) veya Adobe Photoshop / GIMP ile düzenleyebilirsin.

Örnek EXIF açıklaması:

Title: SEO Nedir Infografik
Description: SEO kavramını açıklayan Türkçe infografik
Author: Mustafa Aydemir
Copyright: İyi Yazar – mustafaaydemir.info/

4. SAYFA İÇİ (ON-PAGE) GÖRSEL SEO UNSURLARI

Arama motorlarının görselleri daha iyi anlaması için görsellerin kod ve metin bağlamının optimize edilmesi gerekir.

4.1. Dosya Adındaki Basit Bir İşaretin Gücü: Kısa Çizgi (-) Kullanımı

Görsel SEO’ya başlarken çoğu kişinin atladığı ilk hata, dosya adının kendisidir.

Dosya adındaki kelimeleri ayırmak için alt çizgi (_) yerine kısa çizgi (-) kullanılması en karlı adımdır.

Kısa Çizgi (-): Örneğin, kirmizi-spor-araba.jpg gibi kısa çizgilerle ayrılmış bir dosya adı, Google tarafından “kırmızı spor araba” olarak üç ayrı kelime şeklinde doğru bir şekilde yorumlanır.

Alt Çizgi (_): Buna karşılık, kirmizi_spor_araba.jpg gibi alt çizgi ile ayrılmış bir dosya adı, arama motorları tarafından genellikle “kirmizisporaraba” şeklinde tek bir kelime olarak algılanır.

Bu durum, görselinizin alaka düzeyini ciddi şekilde düşürür ve potansiyel trafik kayıplarına yol açar.

Bu nedenle, IMG1234.jpg gibi anlamsız isimleri terk edip, anahtar kelime içeren ve kısa çizgilerle ayrılmış açıklayıcı isimler kullanmak önemlidir.

4.2. Alternatif Metin (Alt Text): Asıl Amacı Erişilebilirlik ve Bağlam

Alt metin, görsel SEO’nun en bilinen bileşenlerinden biridir, ancak amacı genellikle yanlış anlaşılır.

Alt metnin birincil görevi, anahtar kelimeleri sıralamak değil, erişilebilirlik sağlamaktır.

Erişilebilirlik: Görme engelli kullanıcılar, ekran okuyucu yazılımlar aracılığıyla alt metni sesli olarak dinleyerek görselin ne hakkında olduğunu anlarlar.

Bağlam: İnternet bağlantısı zayıf olduğunda veya bir hata nedeniyle görsel yüklenemediğinde, alt metin kullanıcılara görselin yerinde ne olması gerektiği hakkında bilgi verir.

SEO Açısından: Google, bir görselin konusunu anlamak için alt metni, kendi bilgisayar görüşü algoritmaları ve görselin içinde bulunduğu sayfanın genel içeriğiyle birlikte analiz eder.

İyi bir alt metin, görseli doğal ve açıklayıcı bir dille tanımlamalıdır.

Anahtar kelime doldurmaktan (keyword stuffing) kesinlikle kaçınılmalıdır; bu kullanım, sitenizin spam olarak algılanmasına neden olabilir ve kullanıcı deneyimini olumsuz etkiler.

Alt metinlerin 125 karakteri aşmamasına dikkat edilmelidir, çünkü bazı ekran okuyucular bu noktada okumayı durdurur.

4.3. Google Görselin Kendisi Kadar ‘Çevresindeki Metne’de Bakar

Google’ın algoritmaları çok gelişmiştir ve bir görselin bağlamını anlamak için sayfanın tamamını analiz eder.

Google, görselin hemen üzerindeki ve altındaki başlıkları, paragrafları ve sayfanın genel konusunu değerlendirir.

Görsel ve metin birbirini desteklediğinde, arama motoru görselin ne hakkında olduğundan ve sayfa için ne kadar alakalı olduğundan daha emin olur.

Görsel Yerleşimi: Görsel, ilgili metnin yakınına yerleştirilmelidir.

En önemli görsel, mümkünse sayfanın en başına yakın (yukarıya) konumlandırılmalıdır.

Görsel Başlıkları (Captions): Alt metin kodda saklanırken, görsel başlıkları görselin altında görünür ve kullanıcılar tarafından okunur.

Başlıklar, kullanıcıların sayfayı taramasını kolaylaştırarak dolaylı olarak SEO’yu ve UX’i iyileştirir.

5. İLERİ TEKNİK OPTİMİZASYONLAR VE KEŞFEDİLEBİLİRLİK

5.1. Duyarlı Görseller ve Modern Formatlar İçin Çözüm

Mobil cihazlar günümüzde internet trafiğinin büyük bir kısmını oluşturduğu için, görsellerin mobil uyumlu olması şarttır.

Duyarlı görsel ölçeklendirmesi, görsellerin kullanıcının cihazının ekran boyutuna göre otomatik olarak ayarlanmasını sağlar.

“picture” Etiketi ve Fallback Stratejisi: WebP ve AVIF gibi yeni formatların tüm eski tarayıcılar tarafından desteklenmemesi dezavantajını aşmak için HTML’in “picture” etiketi kullanılır.

Bu etiket, tarayıcıya birden fazla görsel kaynağı sunmanıza olanak tanır.

Tarayıcı, desteklediği en modern formatı seçer; desteklemiyorsa, yedek (fallback) olarak belirtilen JPEG veya PNG dosyasını yükler.

srcset Özelliği: Tarayıcıya farklı çözünürlüklerdeki (örneğin 1x, 2x, 3x DPR – Cihaz Piksel Oranı) görsel adaylarını sunarak cihazın piksel yoğunluğuna göre en uygun görselin yüklenmesini sağlar.

5.2. Ertelemeli Yükleme (Lazy Loading)

Lazy loading, bir kullanıcının ekranında henüz görünmeyen (off-screen) görsellerin yüklenmesini erteleyen bir tekniktir.

Görseller, yalnızca kullanıcı sayfayı aşağı kaydırıp görüntü alanına (viewport) girdiğinde yüklenir.

Faydaları: Ekran dışı görsellerin başlangıçta yüklenmesini engelleyerek, tarayıcının bant genişliği sayfanın en üstündeki kritik içerikleri indirmek için serbest kalır.

Bu işlem, hem First Contentful Paint (FCP) hem de Largest Contentful Paint (LCP) metriklerini doğrudan iyileştirir.

Uygulama: Modern tarayıcılarda loading=”lazy” niteliği eklenerek kolayca uygulanabilir.

Önemli Kural: Sayfanın ilk açıldığında ekranda görünen (above the fold) görseller için lazy loading kullanılmamalıdır.

Kullanılırsa ana başlık görseli gibi kritik içeriklerin yüklenmesini geciktirerek LCP metriğini kötüleştirir.

5.3. Site Haritaları

Görsellerin URL’lerinin arama motoru botlarına sunulduğu özel XML dosyalarıdır.

Bu dosyalar, Google’ın görselleri daha hızlı keşfetmesine ve dizine eklemesine yardımcı olur.

Örnek XML yapısı:

<url>
<loc>https://mustafaaydemir.info/seo-nedir/</loc>
<image:image>
<image:loc>https://iyiyazar .com/ wp-content/uploads/2025/01/seo-nedir-infografik.jpg</image:loc>
<image:caption>SEO kavramını açıklayan infografik</image:caption>
<image:title>SEO Nedir?</image:title>
</image:image>
</url>

5.4. Görsel İçin (Yapılandırılmış Veri) Schema Markup Kullanımı

Schema markup, arama motorlarına bir içeriğin ne hakkında olduğunu anlatır.

Görselde bu, sadece alt etiketiyle değil, JSON-LD biçiminde yapılandırılmış veriyle yapılır.

Bu, Google’a “bu görsel şu konuyla ilgili, şu yazıya ait ve şu lisansla yayınlanıyor” demenin makine dostu yoludur.

Örnek:

Diyelim ki “SEO Nedir?” başlıklı bir makalende şu görsel var:

📸 https://mustafaaydemir.info/wp-content/uploads/2025/01/seo-nedir-infografik.jpg

Buna uygun bir JSON-LD schema şu şekilde olur:

<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “ImageObject”,
"contentUrl": "https://mustafaaydemir.info/wp-content/uploads/2025/01/seo-nedir-infografik.jpg",
“creator”: {
“@type”: “Person”,
“name”: “Mustafa Aydemir”
},
“creditText”: “İyi Yazar”,
“license”: “https://creativecommons.org/ licenses/by-nc-sa/4.0/”,
“caption”: “SEO Nedir? kavramını açıklayan infografik”,
“representativeOfPage”: true,
“associatedArticle”: {
“@type”: “Article”,
“headline”: “SEO Nedir?”,
"url": "https://mustafaaydemir.info/seo-nedir/"
},
“datePublished”: “2025-01-05”
}
</script>

Açıklaması:

• @type: ImageObject → Bu yapının bir görseli temsil ettiğini belirtir.

• contentUrl → Görselin gerçek URL’si.

• creator / creditText → Görselin oluşturucusu veya telif sahibi.

• license → Lisans linki.

• caption → Görselin kısa açıklaması (alt metin benzeri).

• representativeOfPage → Görsel makalenin ana görseliyse true olmalı.

• associatedArticle → Görselin hangi makaleyle ilişkili olduğunu belirtir.

Bu markup, Google Görseller, Discover ve arama sonuçlarında zengin sonuçlar (rich results) gösterebilir.

Yapılandırılmış veri, her bir görseli doğrudan sayfanın anlamsal bağlamına (bir makalenin parçası, bir ürünün fotoğrafı gibi) yerleştirir ve bu, Google için çok daha güçlü bir alaka sinyalidir.

Nitekim bu teknik düzenlemenin ardından, daha önce dizine eklenmeyen görseller hızla tanınmaya başlamış ve Google Görseller’den gelen organik trafik 2.5 kat artmıştır.

ImageObject şeması veya Ürün, Tarif gibi türlerle birlikte yapılandırılmış veri kullanmak, Google’ın görselleri zengin sonuçlar (rich results) veya özel rozetlerle gösterme olasılığını artırır.

5.5. CDN ve Önbellekleme

Bir İçerik Dağıtım Ağı (CDN) kullanmak, görsellerin kullanıcılara en yakın noktadan hızlı bir şekilde teslim edilmesini sağlayarak yükleme hızını büyük ölçüde artırır.

Tarayıcı önbellekleme (Browser Caching) etkinleştirilerek de tekrar ziyaretlerde daha hızlı yükleme sağlanır.

6. PERFORMANS ARTIRICI ÖZEL STRATEJİLER

6.1. Google Discover’ın Altın Kuralı

Google Discover, kullanıcıların aktif olarak arama yapmadan ilgi alanlarına göre içerik sunan, hızla büyüyen bir trafik kanalıdır ve özellikle haber ve blog siteleri için devasa bir potansiyel barındırır.

Discover’dan maksimum trafik elde etmek için iki kritik kurala uyulmalıdır:

Görsel Boyutu: Discover akışında yüksek tıklama oranı elde etmek için içeriğinizde genişliği en az 1200 piksel olan büyük ve yüksek kaliteli görseller kullanılmalıdır.

Küçük görseller, akışta daha az dikkat çeker ve tıklama oranlarını düşürür.

Özel Meta Etiketi: Google’a bu büyük görselleri önizlemede kullanması için net bir talimat verilmelidir.

Bunu yapmak için sayfanın “head” bölümüne şu meta etiketi eklenmelidir:

<meta name=”robots” content=”max-image-preview:large”>

6.2. Modern Görsel Arama ve Yapay Zeka (AI) Etkisi

Görsel SEO’nun önemi, Google Lens ve AI tabanlı arama deneyimlerinin yaygınlaşmasıyla artmaktadır.

Google Lens, görselin kendisine ek olarak çevreleyen metin, alt metin, dosya adı ve şema işaretlemesi gibi bağlam sinyallerini yorumlamak için yapay zekayı kullanır.

Google Lens’te görünürlüğü artırmak için yüksek çözünürlüklü, özgün görseller kullanılmalı ve alt metinler açıklayıcı olmalıdır.

6.3. Sosyal Medya Görünürlüğü

Open Graph (og:image) meta etiketleri, sayfaların sosyal medyada (Facebook, X/Twitter, LinkedIn) paylaşılırken hangi görseli kullanacağını belirler. ideal boyut 1200×630 pikseldir.

Bu etiketlerin kullanımı, sosyal medya üzerinden gelen trafiği artırmada kritik bir rol oynar.

7. ÖLÇÜM, ANALİZ VE SÜREKLİ İYİLEŞTİRME

Görsel SEO, “yap ve unut” türü bir çalışma değildir.

Çabalarınızın karşılığını alıp almadığınızı anlamak ve stratejiyi sürekli iyileştirmek için performans ölçülmeli ve rakipler analiz edilmelidir.

7.1. Performansınızı Ölçün

Google Search Console (GSC), Google Görseller’den ne kadar trafik alındığını görmek için en net verileri sunar:

1. Google Search Console’a giriş yapılır.

2. Sol menüden “Genel Bakış” > “Performans” raporuna gidilir.

3. Raporun üst kısmındaki filtrelerden arama türü “Görsel” olarak değiştirilir.

Bu rapor, hangi görsellerinizin hangi arama sorgularıyla ne kadar gösterim ve tıklama aldığını net bir şekilde gösterir.

Analiz edilen veriler (infografikler, ürün detay fotoğrafları vb.) gelecekteki içerik stratejisinin pusulasıdır ve veriye dayalı bu yaklaşım varsayımları ortadan kaldırır.

7.2. Stratejik Kullanım (Tersine Görsel Arama)

Tersine görsel arama, sadece bir görselin kaynağını bulmak için değil, aynı zamanda güçlü bir SEO aracı olarak da kullanılabilir:

Backlink Fırsatları: Oluşturulan özgün görselleri (infografikler, özel ürün fotoğrafları vb.) kimlerin kullandığını görmek için tersine görsel arama yapılabilir.

Eğer bir site görselinizi kullanıyor ancak sitenize link vermiyorsa, kibarca bir atıf (backlink) talep edilebilir.

Bu yaklaşım, en kolay backlink kazanma yöntemlerinden biridir.

Rakip Analizi: Rakiplerin en iyi performans gösteren görselleri tersine aratılarak, bu görselleri hangi sitelerin kullandığı ve onlara kimlerin link verdiği keşfedilebilir.

Bu bilgi, kendi backlink ve tanıtım stratejiniz için değerli bir içgörü sağlar.

7.3. KONTROL VE İZLEME ARAÇLARI

Görsel optimizasyon stratejilerinin başarısını ölçmek ve sorunları tespit etmek için şu araçlar kullanılabilir:

• Semrush Site Audit: Eksik alt metinleri, bozuk görsel bağlantılarını ve diğer görselle ilgili teknik sorunları belirler.

• Google PageSpeed Insights ve GTmetrix: Sayfa hızı ve Core Web Vitals (LCP, CLS) metriklerini analiz eder.

• Google Search Console (GSC): Görsel performansını izlemek ve görsel site haritasını göndermek için kullanılır.

SON SÖZ

Gördüğünüz gibi, görsel SEO, alt metin ve dosya boyutu gibi temel optimizasyonların çok ötesindedir.

Doğru optimize edilen her bir görsel, sitenizin hızını, SEO sıralamalarını ve genel kullanıcı deneyimini kökten değiştirebilir.

Bu makaleyi sosyal medyada paylaşabilir veya ChatGPT / Perplexity / Claude ile özetini alabilirsiniz:

Share X ChatGPT Perplexity Claude