Google Görseller İçin Web Tasarım Önerileri

Google Görseller SEO Nedir?

Google Görseller SEO, internet sitesindeki görsellerin Google tarafından keşfedilmesini ve doğru konularla ilişkilendirilmesini kolaylaştıran teknik ve içerik uygulamalarının bütünüdür. Amaç yalnızca görselin dizine eklenmesi değil, görseli arayan kullanıcının ilgili sayfaya ulaşabilmesidir.

Google; görselin alt metninden, dosya adından, çevresindeki yazıdan ve sayfanın genel içeriğinden anlam çıkarabilir. Resim kalitesi ve sayfa deneyimi de ziyaretçi açısından önem taşır.

Google Görseller için optimizasyon, görselin kendisiyle birlikte onu açıklayan sayfayı da iyileştirmektir.

Görseller Google Tarafından Nasıl Keşfedilir?

Google, standart <img src="..."> etiketleri içerisindeki görsel adreslerini keşfedebilir. <picture> veya srcset kullanılsa bile taranabilir bir src adresi bulunmalıdır.

Sadece CSS background-image ile gösterilen önemli içerik görsellerinin Google Görseller tarafından keşfedilmesine güvenilmemelidir. Dekoratif arka planlarla anlam taşıyan içerik görselleri farklı ihtiyaçlara hizmet eder.

• ✓
  Gerçek img etiketiÜrün, referans, proje ve makale görsellerini içerik içinde img ile sunun.
• ✓
  Erişilebilir URLGörsel dosyası 200 durum koduyla açılmalı; robots.txt veya yetkilendirmeyle yanlışlıkla engellenmemelidir.
• ✓
  Doğru yükleme tercihiSayfanın ilk ekranındaki kritik görselleri lazy loading ile geciktirmeyin; alt bölümlerdeki görselleri gecikmeli yükleyebilirsiniz.
• ✓
  Boyut bilgisiGörsele width ve height ya da uygun en-boy oranı tanımlayarak sayfa kaymalarını azaltın.
• ✓
  Mobil kaynaklarsrcset ve sizes ile farklı ekranlarda uygun çözünürlüklü dosyanın seçilmesini sağlayın.

Bu kuralları mobil deneyim ve sayfa hızıyla birlikte değerlendirmek için PageSpeed Insights rehberimizi kullanabilirsiniz.

Alt Metin ve Görsel Dosya Adı Nasıl Yazılır?

Alt metin (alt), görsel yüklenmediğinde veya ekran okuyucu kullanıldığında görselin taşıdığı anlamı anlatır. Görsel SEO açısından da önemli bir bağlam kaynağıdır. Ancak her resme anahtar kelimeleri ardışık yazmak doğru yaklaşım değildir.

• ✓
  Açıklayıcı ve kısa olun“Kırmızı endüstriyel kompresörün üretim tesisi içindeki görünümü” gibi gerçekten görüleni anlatın.
• ✓
  Sayfayla ilişki kurunÜrün fotoğrafında model, hizmet fotoğrafında ilgili işlem varsa gerçek ayrıntıları kullanın.
• ✓
  Dekoratif görsellerAnlamsal içerik taşımayan süs görsellerinde alt="" tercih edilebilir.
• ✓
  Dosya adıIMG_5432.jpg yerine web-sitesi-mobil-arayuz.webp gibi açıklayıcı ve kısa isimler kullanın.
• ✓
  Yazıyla tekrar etmeyinAlt metin hemen yanında bulunan başlığın kelimesi kelimesine tekrarı olmak zorunda değildir.

Örnek: alt="Kurumsal web sitesinin mobil ve masaüstü tasarım ekranları" ifadesi, görsel gerçekten bu ekranları gösteriyorsa uygundur. alt="en iyi ucuz seo web tasarım istanbul web sitesi" ise kullanıcıya değer katmaz.

Bu ilkenin uygulanışı SEO uyumlu web tasarımı içerisindeki içerik hiyerarşisiyle birlikte düşünülmelidir.

WebP, AVIF, Responsive Görseller ve Lazy Loading

Yüksek çözünürlüklü ancak çok büyük dosyalar sayfanın açılışını yavaşlatabilir. WebP ve AVIF gibi modern formatlar uygun koşullarda JPEG ve PNG’ye göre daha küçük dosya boyutları sağlayabilir. Bununla birlikte her görsel için tek bir format en iyi seçenek değildir.

• ✓
  Kaynağa uygun formatFotoğraf, logo, şeffaf görsel ve illüstrasyon için dosya türünü ihtiyaca göre seçin.
• ✓
  Responsive dosyalarKüçük ekrana gereksiz yere masaüstü boyutundaki resmi indirtmeyin.
• ✓
  Kritik görsel önceliğiİlk ekranda ana içerik görseli LCP öğesiyse doğru önceliklendirin.
• ✓
  Alt bölüm lazy loadingKullanıcı henüz görmeyecekse uygun görselleri gecikmeli yükleyin.
• ✓
  Sabit görüntü oranıwidth ve height ile görsel alanını baştan ayırarak CLS riskini azaltın.

Kullanıcı deneyimi ve SEO yaklaşımı, görsel kalitesinden ödün vermeden performans dengesini kurmayı gerektirir.

Görsel Site Haritası, Sayfa İçeriği ve Yapılandırılmış Veri

Google, normal HTML bağlantıları üzerinden keşfedemediği bazı görselleri bulmak için görsel site haritalarından yararlanabilir. Özellikle büyük görsel koleksiyonları veya CDN üzerinde barındırılan medya dosyaları bulunan sitelerde bu yöntem işe yarayabilir.

Görsel site haritası her küçük site için zorunlu değildir. Önemli olan görselin erişilebilir, ilgili bir açılış sayfasında kullanılmış ve arama motorunun anlayabileceği biçimde sunulmuş olmasıdır.

• ✓
  Görsel çevresiResmi ilgili H2, paragraf ve anlamlı açıklamayla yakın konumlandırın.
• ✓
  Doğru sayfa başlığıGörseli barındıran sayfanın title ve açıklaması, içeriği dürüst biçimde yansıtmalıdır.
• ✓
  SitemapGerekli projelerde önemli görsellerin URL’lerini XML görsel site haritasına ekleyin.
• ✓
  Yapılandırılmış veriUygun sayfalarda BlogPosting, Product veya Recipe gibi desteklenen türlerin image alanını gerçek içerikle eşleştirin.
• ✓
  OG görseliog:image gibi meta alanlarında sayfayı temsil eden kaliteli ve uygun oranlı görseller seçin.

Bir JSON-LD işaretlemesi oluşturmak, tek başına Google Görseller’de sıralama veya zengin sonuç gösterimini garanti etmez. Şema verisi görünen içerikle uyumlu olmalıdır.

Google Görseller İçin Kaçınılması Gereken Hatalar

Görsel SEO uygulamalarında en sık yapılan hata, görselleri yalnızca arama motoru için etiketlemeye çalışırken sayfa deneyimini göz ardı etmektir. Gerçek kullanıcıya fayda sağlamayan açıklamalar sürdürülebilir değildir.

1. 01
   Görselin ne anlattığını kontrol edin

   Stok fotoğrafı özel bir üretim hattına aitmiş gibi tanıtmamak gerekir.

2. 02
   Alt metinleri gözden geçirin

   Kelimeleri tekrar eden açıklamalar yerine doğru ve anlaşılır kısa ifadeler kullanın.

3. 03
   Tarama erişimini test edin

   Dosya adresi, HTTP yanıtı ve robots.txt kuralları birlikte kontrol edilmelidir.

4. 04
   Mobil görüntülemeyi test edin

   Görselin kesilmesi, bulanıklaşması ve yazı okunurluğu farklı ekranlarda incelenmelidir.

5. 05
   Performansı ölçün

   LCP ve CLS gibi metrikleri gerçek cihaz koşullarında değerlendirin.

Görsel için doğru açıklama yazmak, gerçekte görünmeyen özellikleri metne eklemek değil; kullanıcıya ve Google’a aynı şeyi anlatmaktır.

Google Görseller İçin Uygulanabilir Web Tasarım Kontrol Listesi

• Önemli görselleri gerçek img etiketi ile sunun.
• Her anlamlı görsel için doğal ve doğru alt metin oluşturun.
• Dosya adlarını kısa ve açıklayıcı belirleyin.
• WebP/AVIF ve responsive görsel seçeneklerini projeye uygun kullanın.
• İlk ekranda kritik görselleri geciktirmeyin.
• Görsel ve sayfa içeriğini konusal olarak eşleştirin.
• Görsellerin erişim izinlerini ve indeksleme raporlarını kontrol edin.

Görsel SEO, yalnızca dosya optimizasyonu değil; kurumsal web tasarım, içerik kalitesi, erişilebilirlik ve performansın birlikte ele alındığı bir süreçtir.