gorsel seo optimizasyonu: Görünürlük ve Performans Rehberi
Görsel SEO optimizasyonu, web sitesi görsellerini arama motorlarının anlayabileceği, kullanıcıların hızlı yükleyebileceği ve herkesin erişebileceği şekilde düzenleme sürecidir. Doğru dosya adı, anlamlı alt etiketi, uygun format, duyarlı sunum ve sayfa bağlamı birlikte ele alınmalıdır. Böylece görseller yalnızca Google Görseller’de değil, normal arama sonuçlarında ve görsel arama deneyimlerinde de daha anlaşılır hâle gelir.
Önemli Noktalar
- Görselleri sayfanın konusu ve kullanıcı amacıyla doğrudan ilişkilendirin.
- Dosya adlarını açıklayıcı, kısa ve okunabilir biçimde yazın.
- Bilgi taşıyan görsellere işlevsel alt etiketi ekleyin.
- Dekoratif görsellerde `alt=””` kullanarak ekran okuyucu gürültüsünü önleyin.
- WebP veya AVIF gibi modern formatları kalite kaybını kontrol ederek değerlendirin.
- `srcset` ve `sizes` ile cihazın ihtiyacı olan görsel boyutunu sunun.
- Görselin genişlik ve yüksekliğini belirterek sayfa düzeninin kaymasını önleyin.
- Görsel SEO’yu yalnızca dosya düzeyinde değil, sayfanın bütün bağlamı içinde ölçün.
Görsel SEO optimizasyonu neden önemlidir?
Görseller, bir sayfanın konusunu açıklayabilir, ürün kararını destekleyebilir ve kullanıcıların içeriği daha kolay taramasını sağlayabilir. Ancak büyük, yanlış boyutlandırılmış veya bağlamsız görseller sayfa hızını düşürür. Özellikle ana görsel, Largest Contentful Paint (LCP) metriğinin parçasıysa, yükleme stratejisi kullanıcı deneyimini doğrudan etkileyebilir.
Arama motorları görseli yalnızca piksellerden ibaret değerlendirmez. Dosya adı, alt metin, başlık, açıklama, görselin çevresindeki içerik, sayfa başlıkları ve HTML içindeki kullanım biçimi birlikte anlam oluşturur. Google, görsellerin ilgili metne yakın yerleştirilmesini, açıklayıcı dosya adlarını ve anlamlı alt metni önerir.
Görsel SEO optimizasyonu nedir?
Görsel SEO optimizasyonu; fotoğraf, grafik, ikon, ürün görseli ve infografiklerin teknik ve içerik açısından arama dostu hâle getirilmesidir. Amaç yalnızca görsel aramalarda görünmek değildir. Aynı zamanda daha hızlı sayfalar, daha anlaşılır içerikler, daha iyi erişilebilirlik ve daha tutarlı bir kullanıcı deneyimi oluşturmaktır.
Başarılı uygulama, görselin gerçek içeriğini doğru anlatır. Bir görseli yapay biçimde anahtar kelimelerle doldurmak yerine, kullanıcının o görseli neden gördüğünü açıklamak gerekir.
Görsel dosya adı nasıl yazılmalı?
Görsel dosya adı, içeriği kısa biçimde tanımlamalıdır. `IMG_4832.jpg` veya `screenshot-final-new2.png` gibi adlar arama motorlarına ve içerik ekiplerine yeterli bağlam sunmaz. Bunun yerine `responsive-gorsel-seo-ornekleri.webp` gibi açıklayıcı bir yapı tercih edilebilir.
Dosya adı oluştururken şu kriterleri kullanın:
- Görseldeki ana nesneyi veya konuyu belirtin.
- Kelimeleri tire (`-`) ile ayırın.
- Gereksiz tarih, sürüm ve karakter yığınlarından kaçının.
- Aynı klasörde birbirinden ayırt edilemeyen adlar kullanmayın.
- Dosya adını görsel yayınlandıktan sonra sürekli değiştirmeyin.
- Dosya adında yalnızca gerçekten görseli açıklayan kelimeleri kullanın.
Türkçe karakterler teknik olarak bazı sistemlerde çalışsa da, farklı sunucular ve URL yapıları için sade karakterler kullanmak daha güvenli olabilir. Dosya adı tek başına sıralama garantisi vermez; sayfa bağlamı ve görselin kullanıcıya sağladığı değer daha önemlidir.
Alt etiketi nasıl yazılır?
Alt etiketi, görsel yüklenmediğinde veya kullanıcı ekran okuyucu kullandığında görselin taşıdığı anlamı aktaran kısa metindir. W3C’ye göre bilgilendirici görsellerde görselin sayfadaki amacını ifade eden bir metin kullanılmalı; yalnızca dekoratif görsellerde boş alt değeri tercih edilmelidir.
İyi alt etiketi şu özelliklere sahiptir:
- Kısa ve bağlama uygun olur.
- Görselin amacını anlatır.
- Gereksiz biçimde “görsel”, “fotoğraf” veya “resim” diye başlamaz.
- Anahtar kelimeyi zorla tekrar etmez.
- Görseldeki bilgiyi yakın metin tekrar ediyorsa gereksiz ayrıntıya girmez.
- Ürün, grafik veya ekran görüntüsünde gerekli ayırt edici bilgiyi verir.
Örneğin bir makalenin üst kısmında SEO uzmanının görsel optimizasyon kontrolü yaptığını gösteren fotoğraf için `alt=”SEO uzmanı görsel performans raporunu inceliyor”` yazılabilir. Ancak yalnızca dekorasyon amacı taşıyan arka plan görseli için `alt=””` kullanılmalıdır. Boş bırakmak ile alt niteliğini tamamen kaldırmak aynı şey değildir; alt niteliğinin bulunması, yardımcı teknolojilerin davranışını daha doğru yönlendirir.
Daha ayrıntılı uygulama örnekleri için Erişilebilir ve Etkili Kullanım Rehberi incelenebilir.
Görsel formatı ve sıkıştırma nasıl seçilmeli?
Format seçimi, görselin içeriğine ve kullanım amacına göre yapılmalıdır. Fotoğraflarda JPEG, şeffaflık gereken grafiklerde PNG, modern tarayıcı desteği bulunan projelerde WebP veya AVIF değerlendirilebilir. SVG ise logo, ikon ve basit vektör çizimler için uygundur.
| Görsel türü | Uygun seçenek | Dikkat edilmesi gereken |
|---|---|---|
| Fotoğraf | WebP, AVIF veya JPEG | Kalite ile dosya boyutunu dengeleyin |
| Şeffaf grafik | WebP veya PNG | Gereksiz yüksek çözünürlükten kaçının |
| Logo ve ikon | SVG | Güvenli ve erişilebilir kullanım sağlayın |
| Ekran görüntüsü | WebP veya PNG | Okunabilir metni koruyun |
| Karmaşık fotoğraf galerisi | WebP/AVIF + JPEG yedeği | Tarayıcı uyumluluğunu test edin |
Sıkıştırma sırasında hedef, görseli fark edilir biçimde bozmak değil, gereksiz baytları azaltmaktır. Yüksek çözünürlüklü bir kaynağı her cihazda aynı boyutta göstermek bant genişliğini boşa harcar. Önce görselin sayfada gösterileceği maksimum ölçüyü belirleyin, ardından uygun boyutlarda türevler üretin.
Duyarlı görsel sunumu nasıl uygulanır?
Duyarlı görseller, masaüstü, tablet ve mobil cihazlara aynı büyük dosyayı göndermek yerine, uygun boyuttaki dosyanın seçilmesini sağlar. HTML’de `srcset` ve `sizes`, farklı ekran genişlikleri için kaynak seçenekleri tanımlar. Google da duyarlı görsel uygulamalarında `picture` veya `srcset` kullanımını önerir.
Basit bir örnek:
“`html 
“`
Buradaki `width` ve `height` değerleri, görsel henüz yüklenmeden tarayıcının alanı ayırmasına yardım eder. Bu yaklaşım, içeriklerin yükleme sırasında aşağı veya yukarı sıçramasını azaltır. Görselin oranı CSS tarafında da korunabilir.
Lazy loading ne zaman kullanılmalı?
Lazy loading, ekranın altında kalan görsellerin sayfa açılır açılmaz indirilmesini erteleyen tekniktir. Galeri, uzun makale ve ürün listeleme sayfalarında ilk yükleme maliyetini azaltabilir. Ancak sayfanın üst kısmındaki ana görsele otomatik olarak lazy loading eklemek doğru değildir. Bu görsel LCP öğesiyse, gecikmeli indirme ana içeriğin görünmesini yavaşlatabilir.
Pratik karar kuralı şöyledir:
- İlk ekranda görünen görseli belirleyin.
- Bu görselin LCP olup olmadığını test edin.
- Kritik görseli öncelikli yükleyin; gerekirse `fetchpriority=”high”` değerlendirin.
- Ekranın altında kalan görsellerde `loading=”lazy”` kullanın.
- Lazy loading sonrasında sayfa düzeninde kayma olup olmadığını kontrol edin.
- Mobil ve masaüstü performansını ayrı ayrı ölçün.
Lazy loading bir SEO hilesi değildir. Doğru uygulandığında performans ve kullanıcı deneyimi tekniğidir; yanlış uygulandığında ise kritik görselin yüklenmesini geciktirebilir.
Görseller sayfa bağlamına nasıl yerleştirilmeli?
Aynı görsel, farklı sayfalarda farklı anlam taşıyabilir. Bu nedenle görseli yalnızca medya kütüphanesine yüklemek yeterli değildir. Görselin bulunduğu bölümün başlığı, önceki ve sonraki paragraf, açıklama metni ve bağlantılar görselin konusunu güçlendirir.
Örneğin bir ürün fotoğrafı, ürün özelliklerini açıklayan metne yakın yerleştirilmelidir. Bir grafik, grafikteki verilerin metinle özetlendiği bölümde kullanılmalıdır. Ekran görüntüsü, kullanıcıya hangi arayüz adımını gösterdiğini açıklayan talimatın yanında bulunmalıdır.
Google, görselin konuya uygun sayfalarda ve ilgili metinlerin yakınında konumlandırılmasının görseli anlamlandırmaya yardımcı olabileceğini belirtir. Bu nedenle görsel eklerken şu soruyu sorun: “Bu görsel, sayfadaki hangi iddiayı veya kullanıcı ihtiyacını destekliyor?”
Yapılandırılmış veri görsel görünürlüğünü artırır mı?
Yapılandırılmış veri, arama motorlarına sayfanın ve görselin ne hakkında olduğunu makine tarafından işlenebilir biçimde açıklayabilir. Ürün, tarif, makale veya başka uygun içerik türlerinde görsel alanlarının doğru kullanılması, ilgili zengin sonuçlara uygunluk sağlayabilir. Google, bazı yapılandırılmış veri türlerinde görsel alanının zengin sonuç veya rozet uygunluğu için gerekli olduğunu açıklar.
Bununla birlikte yapılandırılmış veri, içeriğin gerçekliğinin yerine geçmez. Sayfadaki görsel, işaretlemede belirtilen varlıkla gerçekten ilişkili olmalı; yanıltıcı veya görünmeyen bilgiler eklenmemelidir. Şema uygulamasından sonra Google’ın zengin sonuç testleri, Search Console ve geçerli HTML kontrolleri kullanılmalıdır.
Görsel SEO optimizasyonu için uygulanabilir süreç
1. Görsel envanteri çıkarın
Sitedeki görselleri URL, sayfa, format, boyut, alt etiketi, indekslenebilirlik ve kullanım amacı bakımından listeleyin. Özellikle ana sayfa, ürün sayfaları, blog içerikleri ve dönüşüm sayfalarından başlayın.
2. Gereksiz görselleri ayıklayın
Aynı mesajı tekrar eden, içerikle ilgisiz veya artık kullanılmayan görselleri kaldırın. Görsel sayısını artırmak her zaman kaliteyi artırmaz. Kullanıcıya yeni bilgi sunmayan görseller performans maliyeti oluşturabilir.
3. Dosya ve alt metinlerini düzenleyin
Her bilgilendirici görsel için kısa, doğru ve bağlamsal alt metin yazın. Dekoratif görselleri boş alt değeriyle işaretleyin. Dosya adlarını, görselin gerçek içeriğini yansıtacak şekilde sadeleştirin.
4. Boyut ve formatı optimize edin
Görselin görüntüleneceği ölçüyü belirleyin. Uygun formatta farklı boyutlar üretin. Kalite kontrolü yapmadan agresif sıkıştırma uygulamayın; özellikle yazı içeren ekran görüntülerinde okunabilirliği koruyun.
5. Yükleme stratejisini tanımlayın
Kritik görselleri önceliklendirin, ekran altındaki görselleri lazy loading ile erteleyin ve tüm görseller için alan ayırın. Kritik görseli CSS arka planı yerine mümkün olduğunda HTML `img` öğesiyle sunmak, tarayıcının kaynağı daha kolay keşfetmesine yardımcı olabilir.
6. Sayfa performansını ölçün
Mobil ve masaüstü testlerinde LCP, CLS, toplam aktarım boyutu ve görsel isteklerini inceleyin. Bir değişikliğin etkisini tek bir skorla değil, gerçek sayfa şablonları ve farklı bağlantı koşullarıyla değerlendirin.
7. Arama görünürlüğünü izleyin
Google Search Console’da görsel arama performansını, sayfa sorgularını ve tıklama eğilimlerini takip edin. Değişiklikleri tarihleriyle kaydedin. Trafik artışı beklemek yerine, hangi sayfaların ve görsel türlerinin daha anlamlı keşif sağladığını analiz edin.
En sık yapılan görsel SEO hataları nelerdir?
- Tüm görsellerde aynı alt metni kullanmak
- Alt etiketine art arda anahtar kelime eklemek
- `IMG_001.jpg` gibi anlamsız dosya adlarını korumak
- Büyük masaüstü görselini mobil cihaza da göndermek
- Her görsele lazy loading uygulamak
- Görsel boyutlarını belirtmemek
- Önemli bilgileri yalnızca görselin içine yazmak
- Görselleri CSS arka planı olarak kullanıp HTML bağlamını kaybetmek
- Sıkıştırma sonrası kaliteyi kontrol etmemek
- Kırık görsel URL’lerini ve yanlış yönlendirmeleri izlememek
- Görseli ilgili metinden uzak bir bölüme yerleştirmek
- Dekoratif görsellerde gereksiz alt metin kullanmak
Önemli metinleri yalnızca görsel içinde vermek erişilebilirlik açısından da risklidir. Metnin HTML içinde bulunması, ekran okuyucuların ve çeviri araçlarının içeriğe ulaşmasını kolaylaştırır.
Görsel SEO, içerik mimarisiyle nasıl birleşir?
Görseller tek başına değil, içerik mimarisinin parçası olarak değer üretir. Bir rehber sayfasındaki açıklayıcı grafik, alt konu sayfasına verilen dahili bağlantıyla desteklenebilir. Sayfa başlıkları ve hiyerarşisi de görselin bulunduğu bölümün anlamını netleştirir.
Bu nedenle H1-H6 kullanım rehberi ile başlık düzenini, Dahili Linkleme Rehberi ile sayfalar arasındaki ilişkiyi birlikte değerlendirin. Geniş bir konu kümesi oluşturuyorsanız pillar sayfa nedir? rehberi, görsellerin konu kümeleri içindeki rolünü planlamaya yardımcı olabilir.
Sonuç
Görsel SEO optimizasyonu; alt etiketi eklemekten ibaret olmayan, içerik kalitesi, erişilebilirlik, teknik performans ve arama bağlamını bir araya getiren sürekli bir süreçtir. Açıklayıcı dosya adları, doğru alt metin, uygun format, duyarlı sunum, kontrollü lazy loading ve istikrarlı ölçüm birlikte uygulandığında görseller sitenin keşfedilebilirliğini ve kullanılabilirliğini destekler.
En doğru başlangıç, tüm görselleri aynı anda değiştirmek değil; en çok trafik alan ve performans sorunu oluşturan sayfaları önceliklendirmektir. Böylece yapılan her optimizasyon ölçülebilir, sürdürülebilir ve gerçek kullanıcı ihtiyacına bağlı bir iyileştirmeye dönüşür.