Görsel SEO: Görseller Google İçin Nasıl Optimize Edilir?

Görsel SEO nedir, neden hem hız hem görünürlük meselesidir?

Görsel SEO, görselleri sayfanın hızına yük olmadan sunmak ve Google’ın bir görselin neyi gösterdiğini anlamasını sağlamak için yapılan işlerin bütünüdür. İki hedef birlikte ele alınmalıdır: hafif ama anlamsız bir görsel bulunmaz, zengin ama ağır bir görsel ise sayfayı yavaşlatır.

Google görselleri yalnızca Görseller sekmesinde değil, metin sonuçlarının yanında ve Discover akışında da kullanıyor ve bir sayfanın hangi görselle temsil edileceğini otomatik olarak seçiyor. Öte yandan sayfanın en büyük görsel öğesi çoğu zaman Largest Contentful Paint (LCP) öğesidir; ağır bir kapak görseli Core Web Vitals değerlerini doğrudan etkiler.

Eski rehberlerde “büyük görselleri sıkıştırmak siteye modern bir görünüm kazandırır” gibi ifadeler geçer. Sıkıştırmanın amacı görünüm değil, aynı görsel kaliteyi daha az baytla sunarak sayfayı hızlandırmaktır.

Alt metin nasıl yazılır?

Alt metin, görsel görünmediğinde onun yerine okunacak kısa ve açıklayıcı bir metin olarak yazılır: görselin sayfadaki işlevini ve içeriğini en kısa hâliyle anlatır, anahtar kelimeyi ancak doğal düştüğünde kullanır. Google, alt metni bilgisayarlı görü algoritmaları ve sayfanın içeriğiyle birlikte görselin konusunu anlamak için kullandığını belirtiyor.

Alt metin önce erişilebilirlik içindir; ekran okuyucu kullanan bir ziyaretçi görseli bu metinle “görür”. Alt metin yazmak bir görselin Google Görseller’de gösterilmesini tek başına sağlamaz, ama görselin neyi anlattığını en net söyleyen sinyallerden biridir.

Yazarken en önemli bilgiyi başa koyuyoruz. Ürün görsellerinde model, renk ve açı gibi ayırt edici bilgiyi, grafiklerde görselin vardığı sonucu tek cümleyle yazıyoruz. Görsel bir bağlantı işlevi görüyorsa alt metin o bağlantının çapa metni olur; bu durumda bağlantının nereye gittiğini de anlatmalıdır.

Dosya adı, çevre metin ve başlık görselin anlaşılmasını nasıl etkiler?

Dosya adı, görselin yanındaki metin, görsel altı açıklaması ve sayfa başlığı Google’a görselin konusu hakkında ek ipucu verir. Google, görselin konusunu altyazılar ve görsel başlıkları dahil sayfanın içeriğinden çıkardığını söylüyor ve görsellerin ilgili metnin yakınına, konuyla ilgili sayfalara yerleştirilmesini öneriyor.

• Dosya adı: Kısa ve açıklayıcı olmalı; kirmizi-suet-kadin-bot.webp, IMG00023.JPG’den iyidir. Türkçe karakter yerine sade Latin harfleri ve tire kullanmak adresin her ortamda aynı görünmesini sağlar.
• Çevre metin: Görsel, anlattığı paragrafın yanında durmalı. Galeri sayfalarında her görselin kısa bir açıklaması olmalı.
• Görsel altı açıklaması: Okurun gerçekten okuduğu bir metindir; görselin neden orada olduğunu söyler.
• Sayfa başlığı ve açıklaması: Google Görseller’deki sonuçta sayfanın başlık bağlantısı ve snippet’i de gösterilir; bu yüzden sayfa içi SEO temelleri görsel sonuçları da etkiler.
• HTML <img> öğesi: Google CSS ile eklenen görselleri dizine eklemiyor. Aranabilir olmasını istediğiniz görseli <img> ya da <picture> öğesiyle ekleyin.

Hangi görsel formatı ve boyutu seçilmeli? WebP ve AVIF

Fotoğraflarda WebP veya AVIF, logo ve ikon gibi çizimlerde SVG iyi bir başlangıç noktasıdır; JPEG ve PNG yedek format olarak kalabilir. Boyutta kural, görseli sayfada gösterileceği en büyük genişlikte sunmak ve küçük ekranlara srcset ile küçük sürümler vermektir.

Google Arama, <img> öğesindeki BMP, GIF, JPEG, PNG, WebP, SVG ve AVIF görselleri destekliyor. Google’ın WebP belgelerine göre kayıplı WebP, benzer kalitedeki JPEG’den %25–34, kayıpsız WebP ise PNG’den %26 daha küçük dosya üretiyor. Eski yazılarda geçen “görseller JPG veya PNG olmalı” kuralı bu yüzden artık geçerli değil.

Boyut için izlediğimiz akış şöyle: görselin sayfada kapladığı en büyük genişliği ölçüyor, bunun büyük ve küçük sürümlerini üretiyor, width ve height değerlerini HTML’e yazıyor ve kalite ayarını gözle karşılaştırarak düşürüyoruz. Genişlik ve yükseklik değerleri tarayıcının görsel için yer ayırmasını sağlar ve düzen kaymasını (CLS) önler. Kapak görsellerini en az 1200 piksel genişlikte tutuyoruz, çünkü Discover büyük görseller için bu genişliği öneriyor.

Lazy loading ve LCP görseli nasıl yönetilir?

Tembel yükleme (lazy loading) yalnızca ilk ekranın dışında kalan görsellerde kullanılır; sayfa açılır açılmaz görünen görseller, özellikle LCP görseli, tembel yüklemeye bırakılmaz. Google’ın tembel yükleme belgesi ve web.dev bu konuda aynı şeyi söylüyor.

Uygulamada dört adımı kontrol ediyoruz.

1. Ekran dışındaki görsellere tarayıcının yerleşik loading=lazy özniteliğini ekleyin; çoğu zaman ek bir JavaScript kütüphanesine gerek kalmaz.
2. İlk ekrandaki kapak veya ürün görselinden tembel yüklemeyi kaldırın; bu görselin önceliğini artırmak için fetchpriority=high kullanılabilir.
3. Tembel yüklemeyi kaydırma ya da dokunma gibi bir kullanıcı eylemine bağlamayın. Google sayfayla etkileşime girmez; görsel, görünüm alanına girdiğinde kendiliğinden yüklenmelidir.
4. Sonucu Search Console’daki URL Denetimi aracının işlenmiş HTML’inde doğrulayın; görsel adresleri src özniteliğinde görünmelidir.

Denetimlerde en sık gördüğümüz hata, bir eklentinin sayfadaki bütün görsellere, ilk ekrandaki kapak dahil, tembel yükleme eklemesi. Bu tek ayar LCP’yi geciktirir ve hız çalışmalarının kazandırdığını geri alır. Eski yazılarda geçen “tarayıcı önbelleğini temizlemek sayfayı hızlandırır” önerisi de yanlış yere bakar: ziyaretçinin tarayıcısına müdahale edemezsiniz; hız için yapılması gereken, sunucuda görseller için uygun önbellek sürelerini tanımlamaktır.

Görsel site haritası ve yapılandırılmış veri ne zaman gerekir?

Görsel site haritası, Google’ın normal taramayla bulamayabileceği görseller için, örneğin JavaScript ile sonradan yüklenen galeriler için gerekir; görseller sayfada standart <img> öğeleriyle duruyorsa çoğu zaman şart değildir. Yapılandırılmış veri ise sayfayı temsil eden görseli belirtmek ve görselin lisans bilgisini göstermek istediğinizde işe yarar.

• Görsel site haritası: Her <url> için en fazla 1.000 görsel eklenebilir. Yalnızca image:image ve image:loc etiketleri kullanılır; eskiden desteklenen başlık, açıklama, konum ve lisans etiketleri kaldırıldı. Normal site haritalarından farklı olarak görsel adresleri başka bir alan adında, örneğin bir CDN’de olabilir.
• Tercih edilen görsel: schema.org primaryImageOfPage özelliği veya og:image etiketiyle sayfayı temsil eden görseli belirtebilirsiniz; seçimi yine Google otomatik yapar. Site logosu gibi genel görseller ve yoğun yazı içeren görseller bu alan için uygun değildir.
• Görsel meta verisi: ImageObject yapılandırılmış verisi ya da dosyaya gömülü IPTC bilgisiyle yaratıcı, telif ve lisans bilgisini verirseniz görsel, Google Görseller’de lisans bilgisiyle gösterilmeye uygun hâle gelir. İki kaynak çelişirse Google yapılandırılmış veriyi esas alır.
• Ürün ve makale işaretlemesi: Product ve Article işaretlemelerindeki image alanı, ürün ve makale sonuçlarında kullanılabilecek görselleri tanımlar.

Şema türlerinin geri kalanını ve test yöntemlerini yapılandırılmış veri rehberimizde anlattık.

Stok görsel mi, özgün görsel mi?

Mümkün olan her yerde özgün görsel tercih edilmelidir: ürünün kendi fotoğrafı, ekibin gerçek çalışma ortamı, kendi verinizden üretilmiş bir grafik. Stok görsel yasak değildir; ama aynı görsel çok sayıda sitede bulunduğu için sayfaya yeni bir bilgi katmaz ve arama sonuçlarında ayırt edici olmaz.

Özgün görsel E-E-A-T’nin deneyim tarafını da gösterir: bir ürün incelemesinde ürünün elde çekilmiş fotoğrafı, yazarın ürünü gerçekten kullandığını anlatır. Telif konusu ise pazarlık konusu değildir. Başka bir siteden ya da arama sonuçlarından bulunan görseli izinsiz kullanmak hukuki risk doğurur; eski yazılardaki “haber görsellerine Google Haberler üzerinden ulaşılabilir” önerisi bu yüzden sakıncalıdır.

• Stok görsel kullanılacaksa lisansı sitenin kullanım biçimini kapsamalı ve görsel konuyu gerçekten göstermelidir.
• Yapay zekâ ile üretilen görseller illüstrasyon olarak kullanılabilir, ama gerçek bir ürünü, kişiyi ya da mekânı temsil ediyormuş gibi sunulmamalıdır.
• Ürün sayfalarında farklı açılardan çekilmiş kendi fotoğraflarınız, üreticinin herkesle paylaştığı görsellerden daha fazla bilgi taşır.
• Sezon ve kampanya sayfalarında görselin sezonun bağlamını göstermesi, örneğin kış ürününün karlı bir sahnede çekilmesi, ürünü okurun o dönemdeki ihtiyacıyla buluşturur.

Ürün görsellerinin kategori ve ürün sayfalarındaki rolünü e-ticaret SEO rehberimizde ele aldık.

Görseller Google Görseller ve Lens’te nasıl keşfedilir?

Google görselleri, onları içeren sayfaları tararken keşfeder; bu yüzden bir görselin Google Görseller’de ya da Google Lens ile yapılan görsel aramalarda bulunabilmesi için önce sayfanın taranabilir ve dizine eklenmiş olması, görsel adresinin de robots.txt ile engellenmemiş olması gerekir. Sonrasında görselin kalitesi, sayfanın konuyla ilgisi ve yukarıda anlattığımız sinyaller belirleyici olur.

Google Lens’te kullanıcı bir fotoğrafla ya da kamerayla arama yapar ve sonuçlarda görsele benzeyen ürünler ve sayfalar listelenir. Google, ürünlerin Lens sonuçlarında bulunabilmesi için ürün bilgilerinin Merchant Center’a yüklenmesini, Merchant Center’da ürün listelemelerine katılmayı ve kendi görsel SEO önerilerine uyulmasını öneriyor. Haber sitelerinde görseller Discover ve Öne Çıkan Haberler’de de rol oynar; bu ayrıntıları haber siteleri için SEO yazımızda açtık.

Görsel aramadan gelen trafiği, Search Console Performans raporunda arama türünü web yerine görsel aramaya çevirerek ayrıca izleyebilirsiniz. Görsel optimizasyonunu SEO paketlerimizde teknik ve sayfa içi çalışmalarla birlikte ele alıyoruz; yeni bir sitede görsel altyapısını baştan doğru kurmak için hız odaklı web tasarım hizmetimiz de aynı ilkelerle çalışıyor.