Görseller ortalama bir web sayfasının toplam ağırlığının neredeyse %50'sini oluşturuyor, ancak birçok site sahibi arama sonuçlarındaki görünürlüğünü artırabilecek görsel SEO en iyi uygulamalarını gözden kaçırıyor. Doğru yapıldığında, optimize edilmiş görseller Google Görseller'den trafik çeker, sayfa yükleme hızını iyileştirir ve kullanıcı deneyimini geliştirir. Dikkat için yarışan SaaS şirketleri için bu, henüz değerlendirilmemiş bir fırsatı temsil ediyor. Bu rehber, 2026 yılında resimlerini arama sıralamalarında optimize etmen için uygulanabilir adımları anlatıyor, karşılaşacağın gerçek kısıtlamalar ve takip edebileceğin somut örneklerle birlikte. Yeni bir ürün sayfası başlatıyor ya da mevcut içeriği yeniliyor olman fark etmez, bu teknikler görsellerinin işin için daha sıkı çalışmasına yardımcı olacak.
Ana Çıkarımlar:
- Açıklayıcı dosya adları ve doğru image alt text optimization, Google'ın görsellerini nasıl indekslediğini doğrudan etkiler.
- Görselleri 100KB'ın altına sıkıştırmak (mümkün olduğunda) kaliteden ödün vermeden sayfa hızını iyileştirir.
- Yapılandırılmış veri ve bağlamsal yerleştirme, görsellerin zengin sonuçlarda ve image search'te görünmesine yardımcı olur.
- WebP gibi modern formatlar, geleneksel JPG veya PNG'ye kıyasla dosya boyutunu %25-35 azaltır.
İçindekiler
SaaS Şirketleri İçin Görsel SEO Neden Önemli
Google Images tüm web aramalarının %20'sinden fazlasını oluşturuyor ve bu da birçok SaaS işletmesinin göz ardı ettiği önemli bir trafik kaynağı haline getiriyor. Potansiyel müşteriler çözüm ararken, seçenekleri hızlıca değerlendirmek için sıklıkla image search sonuçlarına göz atıyorlar. İyi optimize edilmiş bir ürün ekran görüntüsü veya infografik dikkat çekebilir ve sitene nitelikli ziyaretçiler getirebilir.
Image search trafiğinin ötesinde, optimize edilmiş görseller genel web optimization çabalarına katkıda bulunur. Google, Core Web Vitals'ı bir ranking faktörü olarak kullanıyor ve görseller Largest Contentful Paint (LCP) skorlarını doğrudan etkiliyor. Ağır, optimize edilmemiş görseller sayfalarını yavaşlatır, kullanıcıları sinirlendirir ve ranking potansiyelini zarar verir.
Özellikle SaaS alıcıları için görsel içerik güven oluşturur. Dashboard ekran görüntülerin, iş akışı diyagramların ve özellik karşılaştırmalarını, potansiyel müşterilerin kayıt olmadan önce ürününü anlamalarına yardımcı olur. Bu görseller Google Images'ta sıralandığında, dönüşüm huninin için ek giriş noktaları yaratırlar.
Adım Adım Görsel Optimizasyon Süreci
Web sitene her görsel eklediğinde bu adımları takip et. Bu süreç ürün ekran görüntüleri, blog grafikleri ve pazarlama materyalleri için aynı şekilde çalışır.
Adım 1: Doğru Dosya Formatını Seç
Görsel türün için uygun formatı seçerek başla. Fotoğraflar ve karmaşık grafikler için varsayılan seçimin olarak WebP kullan. Kaliteyi korurken üstün sıkıştırma sunar. Az renkli basit grafikler için PNG iyi çalışır. Fotoğraflar için PNG kullanmaktan kaçın, çünkü dosya boyutları hızla şişer.
JPG, PNG, WebP ve AVIF arasında detaylı karşılaştırmalar için Görsel Formatları Rehberi'ni incele.
Adım 2: Yüklemeden Önce Boyutlandır
Asla gerekenden büyük görseller yükleme. İçerik alan görselleri 800 piksel genişliğinde gösteriyorsa, 3000 piksellik bir görsel yüklemek bant genişliğini boşa harcar. Maksimum görüntüleme boyutunu belirle ve buna göre yeniden boyutlandır. Responsive tasarımlar için srcset özniteliklerini kullanarak birden fazla boyut oluştur.
Doğru teknikler kullanarak kaliteyi kaybetmeden görselleri nasıl yeniden boyutlandıracağını öğren.
Adım 3: Görseli Sıkıştır
Sıkıştırma, görsel kaliteyi korurken dosya boyutunu azaltır. Çoğu web görseli için 100KB altındaki dosyaları hedefle. Manuel ayarlamalar yapmadan optimal sonuçlar elde etmek için görsel sıkıştırma aracımızı kullan.
Buradaki kısıt kalite ile boyut arasındaki dengeyi sağlamak. Ürün görselleri dekoratif grafiklerden daha yüksek kaliteye ihtiyaç duyar. Toplu işleme geçmeden önce birkaç görselde sıkıştırma seviyelerini test et.
Adım 4: Dosyaları Açıklayıcı Şekilde Adlandır
"IMG_4523.jpg" gibi genel adları açıklayıcı, anahtar kelime açısından zengin alternatiflerle değiştir. Kelimeleri ayırmak için tire kullan. Örneğin:
- Kötü: screenshot1.png
- İyi: proje-yonetimi-dashboard-kanban-gorunumu.png
Dosya adları, arama motorlarına görseli analiz etmeden önce bile içeriği hakkında sinyal verir.
Adım 5: Etkili Alt Metni Yaz
Doğru image alt text optimization iki amaca hizmet eder: ekran okuyucu kullanıcıları için erişilebilirlik ve arama motorları için bağlam. Görselin ne gösterdiğini açıklayan alt metni yaz ve alakalı anahtar kelimeleri doğal olarak dahil et.
Alt metni 125 karakter altında tut. Genel olmaktansa spesifik ol. Ekran okuyucular zaten element türünü duyurduğu için "Görseli" veya "Resmi" ile başlamaktan kaçın.
Adım 6: Title Öznitelikleri ve Altyazılar Ekle
Title öznitelikleri fare üzerine geldiğinde ek bağlam sağlar, altyazılar ise görsellerin altında görünür. Her ikisi de ikincil anahtar kelimeleri doğal olarak dahil etme fırsatı sunar. Okuyucular genellikle gövde metnini okumadan önce altyazıları taradığı için altyazılar yüksek görünürlüğe sahiptir.
Adım 7: Lazy Loading Uygula
Kıvrım altındaki görsellere loading="lazy" özniteliğini ekle. Bu, kullanıcılar yakınlarında kaydırana kadar yüklemeyi geciktirir ve ilk sayfa yükleme sürelerini iyileştirir. Çoğu modern tarayıcı yerel lazy loading'i destekler.
<img src="ozellik-karsilastirma-tablosu.webp"
alt="Başlangıç, pro ve kurumsal özelliklerini gösteren SaaS fiyatlandırma katmanı karşılaştırması"
loading="lazy"
width="800"
height="450">Görsel SEO En İyi Uygulamaları 2026
Görsellerinin arama görünürlüğünü ve performansını maksimize etmek için bu işe yarar ipuçlarını uygula.
Ürünler İçin Yapılandırılmış Veri Kullan
Ürün sayfaları için görsel özelliklerini içeren Schema.org Product markup'ını uygula. Bu, görsellerinin zengin sonuçlarda ve Google Shopping yüzeylerinde görünmesine yardımcı olur.
Görselleri İlgili Metnin Yakınına Yerleştir
Google, görsel bağlamını anlamak için çevredeki metni kullanır. Görselleri, gösterdiklerini açıklayan paragrafların yakınına yerleştir. Analitik dashboard görselin, raporlama özelliklerini açıklayan içeriğin yanında görünmelidir.
Mümkün Olduğunda Orijinal Görseller Oluştur
Stok fotoğraflar orijinal grafiklere kıyasla kötü sıralanır. Özel ekran görüntüleri, diyagramlar ve illüstrasyonlar, arama motorlarının ödüllendirdiği benzersiz değer sağlar. Ayrıca içeriğini aynı stok kütüphanelerini kullanan rakiplerden farklılaştırırlar.
Sosyal Paylaşım İçin Optimize Et
Öne çıkan görselleri belirten Open Graph ve Twitter Card meta etiketlerini dahil et. Kullanıcılar içeriğini paylaştığında, doğru boyutlandırılmış görseller etkileşimi artırır. Sosyal medya boyutları için görselleri nasıl ayarlayacağını öğren.
Görsel Site Haritalarını Değerlendir
Çok sayıda görseli olan siteler için özel bir görsel site haritası oluştur veya mevcut site haritana görsel etiketleri ekle. Bu, Google'ın JavaScript ile yüklenen veya karmaşık sayfa yapılarında gizlenen görselleri keşfetmesine yardımcı olur.
Core Web Vitals'ı İzle
Görsellerin LCP skorlarını nasıl etkilediğini takip etmek için Google Search Console kullan. Görseller genellikle bir sayfadaki en büyük içerikli elementtir. Skorlar düşerse, kıvrım üstündeki görselleri sıkıştırmaya ve doğru boyutlandırmaya öncelik ver.
Kaçınılması Gereken Yaygın Görsel SEO Hataları
Bu hatalar genellikle görsel optimizasyon çabalarını baltalıyor. Bunlardan kaçınmak için gerçek örneklerden öğren.
Mobil Görsel Boyutlarını Göz Ardı Etmek
Masaüstü boyutundaki görselleri mobil cihazlara sunmak bant genişliğini boşa harcar ve yükleme sürelerini yavaşlatır. HTTP Archive verilerine göre, görseller mobil sayfa ağırlığının en büyük bölümünü oluşturuyor. Uygun boyutları sunmak için srcset ile responsive görseller kullan.
Alt Metinde Anahtar Kelime Doldurma
"En iyi proje yönetimi yazılımı proje yönetimi aracı proje yönetimi uygulaması" gibi alt metinler yardım etmek yerine zarar verir. Arama motorları anahtar kelime doldurmayi tanır ve sayfaları cezalandırabilir. Önce insanlar için doğal yaz.
Büyük Görselleri Yeniden Boyutlandırmak İçin CSS Kullanmak
2MB'lık bir görsel yükleyip CSS ile daha küçük göstermek, tarayıcıları hala tam dosyayı indirmeye zorlar. Görselleri her zaman görüntüleme boyutlarına uyacak şekilde yüklemeden önce yeniden boyutlandır. Hızlı ve etkili görsel optimizasyonu için, mükemmel boyutları anında elde etmek için Görsel Yeniden Boyutlandırıcımızı dene.
Genişlik ve Yükseklik Özniteliklerini Unutmak
Eksik boyut öznitelikleri, görseller yüklenirken düzen kaymasına neden olur ve Cumulative Layout Shift (CLS) skorlarını zarar verir. Tarayıcıların doğru alanı ayırması için her zaman genişlik ve yükseklik belirt.
Robots.txt'de Görselleri Engellemek
Bazı geliştiriciler yanlışlıkla robots.txt'de görsel dizinlerini engeller ve Google'ın onları indekslemesini önler. Robots.txt'inin indekslenmesini istediğin tüm görsel klasörlerine erişime izin verdiğini doğrula.
Gerçek Dünya Örneği: SaaS Ürün Sayfası
Özellikler sayfasını optimize eden bir proje yönetimi SaaS'ını düşün. Farklı görünümleri gösteren beş ekran görüntüsü var: dashboard, görev listesi, takvim, raporlar ve takım işbirliği.
Optimizasyondan önce:
- Dosya adları: screen1.png ile screen5.png arası
- Format: PNG (her biri 1.2MB)
- Alt metin: Boş veya "ekran görüntüsü"
- Toplam görsel ağırlığı: 6MB
Optimizasyondan sonra:
- Dosya adları: proje-dashboard-genel-bakis.webp, gorev-listesi-surukle-birak.webp, vb.
- Format: WebP (ortalama her biri 85KB)
- Alt metin: "Aktif görevleri, takım iş yükünü ve son tarih takvimini gösteren proje dashboard'u"
- Toplam görsel ağırlığı: 425KB
Sonuç: Görsel ağırlığında %93 azalma, iyileştirilmiş sayfa hızı skorları ve görsellerin artık "proje yönetimi dashboard'u" ve "görev yönetimi arayüzü" gibi alakalı aramalar için Google Images'ta görünmesi.
Benzer sonuçlar elde etmek için, kaliteyi koruyarak PNG dosyalarını WebP formatına dönüştürmek için görsel dönüştürücümüzü kullan.
Sonuç
Bu görsel SEO en iyi uygulamalarını uygulamak başta çaba gerektirir ancak iyileştirilmiş sıralamalar, daha hızlı sayfa hızları ve image search'ten ek trafik yoluyla karşılığını verir. En yüksek trafikli sayfalarınla başla, tüm kütüphanenle uğraşmadan önce mevcut görselleri optimize et. Temellere odaklan: uygun formatlar, sıkıştırma, açıklayıcı adlar ve anlamlı alt metin. Bu alışkanlıkları iş akışına yerleştirdikçe, yayınladığın her yeni görsel genel web optimization stratejine katkıda bulunacak. Optimizasyona başlamaya hazır mısın? Daha iyi arama performansı için bugün görsellerini sıkıştırmak, dönüştürmek ve yeniden boyutlandırmak için ücretsiz araçlarımızı kullan.
Sık Sorulan Sorular
Google genellikle sitenin tarama sıklığına bağlı olarak yeni veya güncellenmiş görselleri günler ila haftalar içinde indeksler. Yüksek otoriteli siteler daha hızlı indeksleme görür. Güncellenmiş görselleri olan önemli sayfalar için indeksleme talep etmek için Google Search Console'un URL İnceleme aracını kullan.
WebP, eşdeğer kalitede JPG'den %25-35 daha küçük dosya boyutları sunar, bu da çoğu durum için daha iyi seçenek yapar. Tüm modern tarayıcılar WebP'yi destekler. Analitiğin önemli eski tarayıcı trafiği gösteriyorsa, sadece eski tarayıcılar için JPG'yi yedek olarak kullan.
Çoğu görsel için 100KB altını ve hero görselleri veya büyük ürün fotoğrafları için 200KB altını hedefle. Kısıt kalite ile performans arasındaki dengeyi sağlamak. Kalite kabul edilebilir kalırken dosya boyutunun minimal kaldığı tatlı noktayı bulmak için farklı sıkıştırma seviyelerini test et.
Evet, altyazılar arama motorlarının görsel içeriğini anlamak için kullandığı ek bağlam sağlar. Çalışmalar kullanıcıların gövde metninden daha sık altyazıları okuduğunu gösteriyor, bu da onları hem SEO hem de kullanıcı etkileşimi için değerli kılıyor. Altyazılara alakalı anahtar kelimeleri doğal olarak dahil et.
Evet, görselleri sayfalar arasında yeniden kullanmak sorunsuz ve yaygın bir uygulama. Google yinelenen görselleri cezalandırmaz. Ancak çevredeki içerik bağlamıyla eşleşen her örnek için benzersiz alt metin yaz. Bu, arama motorlarının görselin farklı sayfalarla nasıl ilişkili olduğunu anlamasına yardımcı olur.