Görsel SEO: Alt Metin, Format ve Optimizasyon Rehberi

Görseller, bir web sayfasının ağırlığının genellikle yarısından fazlasını oluşturur — ama SEO çalışmalarında en son sıraya konur. Bu ters bir önceliklendirmedir. Görsel optimizasyonu hem sayfa hızını doğrudan etkiler, hem tamamen ayrı bir arama kanalı olan Google Görseller'e kapı açar, hem de erişilebilirlik açısından zorunludur. Üstelik yapılması gerekenlerin çoğu birkaç saatlik iştir.

Görsel SEO nedir?

Görsel SEO, bir sitedeki görsellerin arama motorları tarafından doğru anlaşılmasını, hızlı yüklenmesini ve görsel aramalarda bulunabilmesini sağlayan optimizasyon çalışmalarının bütünüdür.

Üç ayrı amaca hizmet eder: bağlam (arama motoru görselin neyi gösterdiğini anlamalı), performans (görsel sayfayı yavaşlatmamalı) ve erişilebilirlik (görseli göremeyen kullanıcı da içeriği anlamalı). Bu üçü genelde aynı çözümlerle birlikte sağlanır.

Google Görseller: Küçümsenen Trafik Kanalı

Görsel arama, birçok sektörde ciddi ama fark edilmeyen bir trafik kaynağıdır. Kullanıcı bir ürünü, bir mekânı, bir tarifi veya bir teknik şemayı ararken doğrudan görsel sekmesine geçer; oradan tıkladığı görsel onu sizin sayfanıza götürür.

Bu kanalın değeri sektöre göre değişir. Görselin karar sürecinde belirleyici olduğu alanlarda — e-ticaret, mobilya, moda, yeme-içme, turizm, mimarlık, tasarım — küçümsenmeyecek bir paya ulaşır. Buna karşılık soyut hizmetler satan sitelerde etkisi sınırlıdır; ama oralarda da açıklayıcı şemalar ve grafikler bağlantı kazandırabilir.

Search Console'da Performans raporunu açıp arama türünü "Görsel" olarak filtreleyerek bu kanaldan ne kadar trafik aldığınızı görebilirsiniz. Çoğu site sahibi bu filtreyi hiç kullanmadığı için kanalın varlığından bile haberdar olmaz.

Dosya Adı: İlk ve En Kolay Sinyal

Fotoğraf makinesinden veya tasarım programından çıkan dosya adları anlamsızdır: IMG_20260712_0093.jpg, ekran-goruntusu-final-v3-son.png. Bu adlar arama motoruna hiçbir bilgi vermez.

Doğru adlandırma kuralları: küçük harf kullanın, kelimeleri tire ile ayırın, Türkçe karakter kullanmayın ve görselin gerçekten ne olduğunu yazın.

• Kötü: DSC_0042.jpg
• Kötü: seo-seo-optimizasyon-seo-ajans-görsel.jpg (anahtar kelime doldurma)
• İyi: search-console-performans-raporu-ekrani.webp

Dosya adı tek başına güçlü bir faktör değildir; ancak alt metni, çevre metin ve sayfa başlığıyla birlikte tutarlı bir sinyal oluşturur. Türkçe karakter konusuna dikkat edin: ürün-görseli.jpg gibi bir ad sunucu ve tarayıcı düzeyinde kodlama sorunlarına yol açabilir. Türkçe başlıkları uygun biçime çevirmek için URL oluşturucu aracımızı kullanabilirsiniz.

Alt Metni: En Önemli Tek Öge

alt özniteliği, görselin metin karşılığıdır. İki işi birden yapar: ekran okuyucu kullanıcılara görseli anlatır ve arama motoruna görselin içeriğini bildirir. Erişilebilirlik açısından zorunlu, SEO açısından belirleyicidir.

İyi alt metni nasıl yazılır? Görseli göremeyen birine telefonda anlatıyormuş gibi düşünün. Kısa, betimleyici ve bağlama uygun olmalıdır.

Birkaç ince kural: alt metnine "resim" veya "fotoğraf" ile başlamayın — ekran okuyucu zaten bunun bir görsel olduğunu söyler. Uzunluğu 125 karakter civarında tutun; bazı ekran okuyucular daha uzun metinleri keser. Görsel bir bağlantının içindeyse alt metni, görselin ne gösterdiğini değil bağlantının nereye gittiğini anlatmalıdır.

Tamamen dekoratif görseller — arka plan desenleri, ayraç çizgileri, süs ikonları — için alt="" kullanın. Bu, ekran okuyucunun görseli atlamasını sağlar ve doğru davranıştır. Boş bırakmakla özniteliği hiç yazmamak aynı şey değildir: öznitelik yoksa ekran okuyucu dosya adını okumaya çalışır.

Format Seçimi

Pratik strateji: fotoğraflar için önce AVIF, yedek olarak WebP; logo, ikon ve çizimler için SVG. Modern formatlar için tarayıcı yedeklemesi <picture> etiketiyle yapılır:

<picture><source srcset="urun.avif" type="image/avif"><source srcset="urun.webp" type="image/webp"><img src="urun.jpg" alt="..." width="800" height="600"></picture>

Bir uyarı: aynı görseli üç formatta üretmek yönetim yükü getirir. Çoğu site için tek başına WebP yeterli bir dengedir; AVIF'e geçmek görsel yoğun sitelerde anlamlıdır.

Sıkıştırma ve Boyutlandırma

İki ayrı kavram sık karıştırılır. Boyutlandırma, görselin piksel ölçüsünü küçültmektir. Sıkıştırma, aynı ölçüdeki görselin dosya ağırlığını azaltmaktır. İkisi de gereklidir ama sıra önemlidir: önce doğru piksel ölçüsüne indirin, sonra sıkıştırın.

En yaygın hata, 4000 piksel genişliğindeki bir fotoğrafı 800 piksellik bir alanda göstermektir. Tarayıcı dosyanın tamamını indirir, sonra küçültür — indirilen fazlalık tamamen boşa gider.

Sıkıştırmada kayıplı (lossy) yöntem çoğu durumda doğru tercihtir. WebP'de %75-85 kalite bandı, gözle fark edilmeyen kayıpla belirgin boyut kazancı sağlar. Şemalar ve ekran görüntüleri gibi keskin kenarlı görsellerde daha yüksek kalite değeri gerekebilir.

Hedef olarak: içerik görsellerinde 200 KB altı, hero görsellerinde 300 KB altı makul bir sınırdır. Bunun üzerindeki her görsel gözden geçirilmelidir.

Responsive Görseller

Aynı görseli 390 piksellik bir telefona ve 2560 piksellik bir monitöre aynı boyutta göndermek, mobil kullanıcıya gereksiz veri yüklemektir. srcset ve sizes öznitelikleri bu sorunu çözer:

<img src="urun-800.webp" srcset="urun-400.webp 400w, urun-800.webp 800w, urun-1600.webp 1600w" sizes="(max-width: 700px) 100vw, 800px" alt="..." width="800" height="600">

Burada tarayıcı, cihazın ekran genişliğine ve piksel yoğunluğuna bakarak en uygun dosyayı seçer. Mobil kullanıcı 400 piksellik sürümü indirir; masaüstü kullanıcı 1600 pikselliği. Görsel yoğun sitelerde bu tek düzenleme mobil veri kullanımını belirgin biçimde düşürür.

Boyut öznitelikleri her zaman verilmelidir. width ve height, tarayıcının görsel yüklenmeden önce yer ayırmasını sağlar ve düzen kaymasını (CLS) önler. Bu tek düzeltme, çoğu sitede CLS sorununun büyük kısmını çözer — ayrıntı için Core Web Vitals rehberimize bakabilirsiniz.

Yükleme Stratejisi: Lazy Loading'in Doğru Kullanımı

Burada çok yaygın bir hata var: "tüm görsellere lazy loading ekleyelim" yaklaşımı. Bu, sayfanın en üstündeki görsele uygulandığında LCP metriğini doğrudan bozar — çünkü tarayıcı, ekranın görünür kısmındaki en önemli görseli bilinçli olarak geciktirir.

Doğru kural şudur:

• Ekranın üstündeki görseller: loading="eager" (veya öznitelik hiç verilmez) ve mümkünse fetchpriority="high".
• Ekranın altındaki görseller: loading="lazy".
• Arka plan görselleri: CSS ile tanımlanan görseller tarayıcı tarafından geç keşfedilir; kritik olanları preload ile öne çekin.

Pratik ölçüt: sayfayı açtığınızda kaydırmadan gördüğünüz görseller "üstte" sayılır. Bu genelde ilk bir veya iki görseldir. Uygulamanın tamamı için site hızı optimizasyonu rehberimize bakabilirsiniz.

Bağlam: Görselin Etrafındaki Metin

Arama motorları görseli yalnızca dosya adı ve alt metniyle değerlendirmez; çevresindeki içeriği de okur. Aynı görsel, ilgili bir başlığın altına ve konuyu anlatan bir paragrafın yanına yerleştirildiğinde çok daha güçlü bir sinyal üretir.

Bu yüzden görselleri "sayfa boş görünmesin" diye rastgele serpiştirmek yerine, gerçekten açıkladıkları bölümün içine yerleştirin. Karmaşık görsellerde <figure> ve <figcaption> kullanmak hem kullanıcıya hem tarayıcıya net bir bağlam verir — ve altyazılar, gövde metnine göre daha yüksek oranda okunur.

Aynı ilke iç bağlantı mantığıyla örtüşür: bağlamın içine yerleşen öge, bağlamdan kopuk olandan güçlüdür. Konu için iç linkleme stratejisi ve SEO uyumlu içerik yazma rehberlerimize bakabilirsiniz.

Yapılandırılmış Veri ve Görsel Site Haritası

Şema işaretlemesi, görsellerin zengin sonuçlarda görünmesini sağlar. Kullanım alanları:

• Product şemasındaki image alanı — alışveriş sonuçlarında ürün görselinin çıkması için gereklidir. E-ticarette en yüksek getirili işaretlemedir; ayrıntı: e-ticaret SEO rehberi.
• Article şemasındaki image — haber ve makale sonuçlarında öne çıkan görsel.
• ImageObject — görselin kendisine dair ayrıntılı bilgi: oluşturan, lisans, açıklama.
• Lisans bilgisi — license ve acquireLicensePage alanları, Google Görseller'de lisans etiketi gösterilmesini sağlar. Stok görsel satan veya fotoğrafını koruyan siteler için değerlidir.

Görsel yoğun sitelerde ayrıca görsel site haritası hazırlanabilir. Standart site haritanıza image:image etiketleri ekleyerek her sayfadaki görselleri Google'a doğrudan bildirirsiniz. Küçük siteler için gerekli değildir; binlerce ürün görseli olan mağazalarda keşfi hızlandırır.

E-Ticarette Görsel SEO

Ürün görselleri, e-ticarette hem en büyük performans yükü hem en yüksek dönüşüm etkisi olan ögedir. Öne çıkan noktalar: her ürün için birden fazla açıdan görsel sunun (Google Görseller'de görünme şansını artırır), varyant görsellerini ayrı ayrı optimize edin, kategori sayfalarında ilk ekrandaki ürün görsellerini öncelikli yükleyin ve alt metinlerinde ürün adı ile ayırt edici özelliği birlikte kullanın.

Alt metni örneği: alt="lacivert erkek deri bilek boyu bot yan görünüm" — marka, renk, malzeme ve açı bilgisi bir arada.

Sık Yapılan Altı Hata

Tüm görsellere lazy loading eklemek. Üstteki görselde LCP'yi bozar.

Alt metnine anahtar kelime doldurmak. Hem erişilebilirliği bozar hem spam sinyali üretir.

Boyut özniteliklerini atlamak. CLS'yi doğrudan yükseltir.

Gerçek boyutta yükleyip CSS ile küçültmek. İndirilen fazlalık tamamen israftır.

Stok fotoğraf kullanmak. Yüzlerce sitede bulunan bir görsel ne görsel aramada sıralanır ne güven üretir. Gerçek fotoğraf, ekran görüntüsü veya kendi ürettiğiniz şema her zaman daha değerlidir.

Görseli hiç kullanmamak. Bu da bir hatadır. Görselsiz bir rehber hem daha zor okunur hem Google Görseller kanalını tamamen kapatır. Ekran görüntüsü, akış şeması ve karşılaştırma tablosu görselleri, teknik içeriklerde okunabilirliği belirgin biçimde artırır.

Uygulama Kontrol Listesi

Sonuç

Görsel SEO'nun özeti: görseli doğru adlandırın, betimleyici alt metni yazın, modern formata çevirin, gösterileceği boyutta sunun, boyut özniteliklerini vermeyi unutmayın, yükleme önceliğini doğru kurun ve şemayla işaretleyin.

Bu maddelerin çoğu tek seferlik bir düzenleme değil, içerik üretim sürecinize eklenecek bir alışkanlıktır. Bir kez şablon düzeyinde doğru kurduğunuzda, sonraki her görsel otomatik olarak optimize edilmiş olur.

Sitenizdeki görsellerin teknik denetimini yaptırmak ve öncelikli iyileştirme listesi almak için SEO danışmanlığımızdan ücretsiz ön analiz talep edebilirsiniz.

Sık Sorulan Sorular