Görseller için SEO: dosya formatı, boyut ve alt metin rehberi

Kısa yanıt

Görseller için SEO; doğru formatı seçmek, dosya boyutunu sayfa hızını bozmayacak seviyeye çekmek, açıklayıcı alt metinler yazmak ve medyaların yüklenme zamanlamasını doğru kurgulamaktır. Temel amaç yalnızca arama sonuçlarında üst sıralara tırmanmak değil; sayfaların anında açılmasını sağlamak ve ekran okuyucu kullanan ziyaretçilerin içeriği eksiksiz kavramasını kolaylaştırmaktır.

Görsel SEO nedir ve neden önemlidir?

Arama motoru botları sayfaları değerlendirirken yalnızca yazılı içeriğe odaklanmaz; sayfadaki tüm medya bileşenlerinin sunuluş biçimini ve toplam ağırlığını da dikkatle ölçer. Web sitenizdeki görsellerin hem arama motorları hem de kullanıcılar için en yüksek performansla yayına alınmasını sağlayan teknik ve anlamsal iyileştirmelerin tamamı görsel SEO kavramını oluşturur. İyi kurgulanmış bir görsel optimizasyonu doğrudan sayfa açılış hızını yükseltir, böylece sitede geçirilen süre uzar ve arama sonuçlarında elde edilen görünürlük belirgin şekilde artar.

Çoğu zaman yapılan en büyük hata, optimizasyonu yalnızca dosya ismine birkaç hedef kelime eklemekten ibaret sanmaktır. Modern web sayfalarında toplam dosya boyutunun aslan payını her zaman görseller kaplar. Sayfaya hesapsızca yüklenen devasa bir fotoğraf, açılış süresini saniyelerce geciktirerek sabırsız mobil ziyaretçilerin sekmeyi kapatmasına yol açar. Ziyaretçilerin sayfayı bu hızla terk etmesi hemen çıkma oranlarını tırmandırırken, arama motorlarının gözündeki genel kalite algınızı da aşağı çeker.

Görsel SEO için doğru dosya formatı nasıl seçilir?

Fotoğraf gibi bol renkli ve detaylı çekimlerde WebP veya AVIF gibi yeni nesil formatları kullanmak en mantıklı çözümdür. Eski tip JPEG dosyalarına kıyasla aynı netliği çok daha düşük bayt değerleriyle sunan bu uzantılar, yüzlerce ürün barındıran mağazalarda ciddi bir hız avantajı yaratır. Logo, simge ya da geometrik şekiller içeren grafiklerde ise vektör tabanlı SVG uzantısına yönelmek gerekir. SVG dosyaları her türlü ekran genişliğinde pürüzsüz kalırken ağır PNG dosyalarının yarattığı sunucu yükünü tümüyle ortadan kaldırır.

Eski tarayıcıların bu yeni dosya formatlarını her zaman sorunsuz çalıştıramayacağını da hesaba katmalısınız. HTML mimarisinde bulunan <picture> etiketini kullanarak farklı tarayıcılara teknik kapasitelerine uygun olan görseli sunabilirsiniz. Modern tarayıcılar hafif WebP veya AVIF kopyalarını hızla ekrana basarken, bu desteğe sahip olmayan tarayıcılara arka planda hazır bekletilen klasik JPEG dosyası yönlendirilir.

Sayfa hızını korumak için dosya boyutu nasıl küçültülür?

Sıkıştırılmamış dosyalar doğrudan sayfanın açılış süresini sabote eder ve bu ağırlık özellikle dalgalı mobil internet bağlantılarında fazlasıyla hissedilir. Görselleri yayına almadan önce kontrollü kayıplı veya tamamen kayıpsız algoritmalarla sıkıştırmak temel bir alışkanlık olmalıdır. Bir görseli sayfada kaplayacağı piksel sınırlarında yayına vermek gerekir; örneğin masaüstü ekranlarda en fazla 800 piksel genişliğe sahip bir kutuya 3000 piksellik dosya gömmek boş yere sunucu kaynağı harcamaktır. Bu konudaki güncel teknik standartları ve beklentileri doğrudan Google Görseller rehberi üzerinden inceleyebilirsiniz.

srcset ve sizes etiketleri tarayıcının ekrana en uygun boyuttaki dosyayı kendiliğinden seçip çekmesini kolaylaştırır. Sisteme yüklenen farklı çözünürlükteki alternatifler sayesinde cep telefonundan bağlanan bir kullanıcıya masaüstü ekranlar için hazırlanmış ağır bir görsel iletilmez. Bant genişliğini akıllıca koruyan bu yaklaşım, kullanıcı deneyimini doğrudan iyileştirerek Core Web Vitals tarafındaki teknik puanlarınıza olumlu yansır.

Alt metinler arama motorları için nasıl yazılmalı?

Alt metin, ekran okuyucu yazılımlar üzerinden sayfayı dinleyen görme engelli ziyaretçilere görselin içeriğini aktarırken arama motoru botlarına sahnenin amacını açıklar. Etkili bir alt etiket oluştururken anahtar kelimeleri art arda dizmek yerine görselin temsil ettiği anlamı net ve sade bir dille tarif etmek gerekir. Dosyalara sistemin otomatik atadığı anlamsız etiketleri bırakmak web sitenizin erişilebilirlik kalitesini ciddi biçimde zedeler.

Görsel Türü	Hatalı Alt Metin Örneği	Doğru Alt Metin Örneği
Ürün Fotoğrafı	alt="ayakkabı spor ucuz satın al"	alt="Siyah deri tabanlı erkek koşu ayakkabısı"
Bilgilendirici Grafik	alt="grafik seo sem şema"	alt="2024 yılı e-ticaret siteleri için görsel seo optimizasyon adımları"
Dekoratif Çizgi	alt="çizgi ayraç görsel"	alt=""

Metne hiçbir bilgi katmayan, sırf sayfa yerleşimini süslemek için kullanılan çizgi veya arka plan desenlerinde alt metin niteliği alt="" şeklinde boş geçilmelidir. Bu boşluk sayesinde ekran okuyucular gereksiz açıklamalarla vakit kaybetmez ve kullanıcının doğrudan ana içeriğe odaklanmasını sağlar.

Dosya adı yapılandırması sıralamayı nasıl etkiler?

Fotoğraf makinelerinden çıkan IMG_4821.jpg benzeri isimlendirmeler arama motoruna görselin bağlamına dair hiçbir ipucu sunmaz. Yayına çıkmadan önce dosya isimlerini küçük harflerden oluşan, aralarında tire bulunan ve içeriği açıkça belirten kelimelerle düzenlemelisiniz. e-ticaret-urun-sayfasi-ornegi.jpg gibi kurgulanan bir isim, botların görseli ilgili dizinlere yerleştirmesini hızlandırırken sitenizi yöneten ekibin kütüphanede aradığı medyayı kolayca bulmasına da yardımcı olur.

Lazy loading optimizasyonu hangi alanlarda kullanılmalı?

Ekranın ilk açılışında görünmeyen, kullanıcının sayfayı aşağı kaydırmasıyla beliren medyalar için loading="lazy" niteliği tanımlanmalıdır. Tarayıcı henüz görüş açısına girmemiş dosyaları indirmeyi erteleyerek ilk aşamada ihtiyaç duyulan kritik kodlara öncelik verir. Sayfanın en üstünde yer alan ana manşet veya hero bölümündeki görsellere lazy loading atamak yapılan en büyük hatalardan biridir. İlk ekrandaki görselin gecikmeli indirilmesi Largest Contentful Paint (LCP) süresini uzatacağından sayfa deneyim puanını olumsuz etkiler. Yükleme önceliklerini doğru ayarlayarak teknik performansınızı dengede tutabilirsiniz; hız yönetimini detaylandırmak için tarama bütçesi ve INP rehberimizden faydalanabilirsiniz.

CDN kullanımı ve sunucu tarafı önbellekleme nasıl çalışır?

Görselleri bir içerik dağıtım ağı (CDN) üzerinden ziyaretçilere ulaştırmak, verinin kullanıcıya en yakın fiziksel sunucudan aktarılmasını sağlar. Coğrafi olarak yayılmış sunucu noktaları, veri paketlerinin dolaştığı mesafeyi kısaltarak görsellerin ekranda belirme süresini minimuma indirir. Tarayıcı önbellekleme kurallarını sistemde doğru yapılandırdığınızda, sitenizi daha önce ziyaret etmiş bir kullanıcının tarayıcısı aynı dosyaları internetten çekmek yerine doğrudan kendi hafızasından çağırır.

Görselleriniz ne kadar iyi sıkıştırılırsa sıkıştırılsın, yavaş çalışan bir sunucu elde edeceğiniz hız kazanımlarını fazlasıyla baltalar. Sunucunuzun HTTP/2 veya HTTP/3 altyapılarını desteklemesi, çok sayıda görsel dosyasının tarayıcıya aynı hat üzerinden kesintisiz aktarılmasını mümkün kılar. Barındırma servisinizin sunduğu dinamik format dönüştürme ve gelişmiş önbellek araçlarını devreye alarak sitenizin teknik sınırlarını genişletebilirsiniz.

Telif hakları ve özgün görsel kullanımı neden önemlidir?

Arama motorlarından gelişigüzel indirilen resimler telif ihlalleri yüzünden sitenizi ciddi yasal sorumluluklarla ve yüklü para cezalarıyla karşı karşıya bırakabilir. Başka kaynaklardan kopyalanan görselleri sitenizde tutmak, arama motorları nezdindeki özgünlük algınızı da zedeler. Stok platformlardan görsel temin ederken kullanım şartlarını çok dikkatli incelemek zorundasınız; ancak şirket çalışanlarını, ofis ortamını veya doğrudan ürününüzün kendisini gösteren gerçek kareler her zaman stok fotoğraflardan daha güçlü sonuç verir.

Verdiğiniz hizmeti anlatırken yapay veya gerçeği yansıtmayan fotoğraflar seçmek kullanıcıların markanıza duyduğu güveni kırar. Ziyaretçi sitede gördüğü görselle satın aldığı ürünün gerçek hali arasında uyumsuzluk gördüğü an hayal kırıklığı yaşar. İçeriklerinizde yapay zeka araçlarıyla üretilmiş görsellerden yararlanıyorsanız, bu durumu sayfa üzerinde şeffaf bir dille belirtmek kullanıcıyla aranızdaki dürüst bağı korur.

Görsel site haritaları ve yapılandırılmış veri nasıl kurulur?

Yoğun bir medya arşivine sahip sitelerde arama motorlarının sayfadaki tüm dosyaları eksiksiz bulabilmesi için görsel XML site haritası hazırlanmalıdır. JavaScript yardımıyla sonradan yüklenen ya da dinamik galeri yapıları içine gömülen medyalar bu haritalar sayesinde tarama dışı kalmaktan kurtulur. Schema.org standartlarıyla sayfaya eklenen yapılandırılmış veri işaretlemeleri, görsellerinizin arama sonuçlarında zengin formatta sergilenmesine kapı aralar. Şemaya tanımladığınız görsel bağlantılarının, kullanıcının sayfada doğrudan karşılaştığı ürünle aynı olması arama motorunun güvenini kazanmak adına önemlidir.

Görsel optimizasyonunda düzenli denetim nasıl yapılır?

Web siteniz gün geçtikçe büyür ve yeni içerikler yüklendikçe optimize edilmemiş devasa dosyalar fark ettirmeden sunucu depolarında birikir. Yılda en az iki ya da üç kez bütün medya havuzunu denetimden geçirerek sitenin hızını düşüren ağır görselleri tespit etmelisiniz. Fazla yer kaplayan dosyaları modern formatlarla yeniden sıkıştırmak, sitenizin hız grafiğini sürdürülebilir bir çizgide tutar. İçerik üreten ekipler için görsel kontrol kriterlerini standart bir şirket politikasına dönüştürmek teknik hataları henüz yayına girmeden çözer. Dosyalarınızın her türlü ekran yapısında dengeli görünmesini sağlamak için duyarlı web tasarım rehberimize göz atabilirsiniz.

Sonraki adım

Kalıcı bir görsel SEO stratejisi; doğru dosya uzantısını seçmek, planlı sıkıştırma yapmak, açık alt metinler yazmak ve modern yükleme protokollerini eksiksiz işletmekle mümkün olur. Sayfanızın teknik performansını en üst noktaya taşımak adına teknik SEO ile yapay zeka odaklı görünürlüğü birlikte tasarlayan AI SEO Ajansı çalışmalarını inceleyebilirsiniz.

Sitenizin dijital arama performansını bir adım öteye taşımak için SEO, GEO ve AEO hizmetimizi değerlendirebilir ya da ekibimizle iletişime geçebilirsiniz.