Görsel SEO: Alt Metin, Dosya Adları & Optimizasyon İçin Eksiksiz Kılavuz (2026)

Görseller, ortalama bir web sitesinde en az optimize edilen öğedir. Çoğu site sahibi title etiketlerini, meta açıklamalarını ve içerik stratejilerini mükemmelleştirmek için saatler harcarken, IMG_4832.jpg adında boş alt öznitelikleri ve sayfa hızını mahveden dosya boyutlarıyla görseller yükler. 2026'da görsel SEO artık isteğe bağlı değildir — Google sıralamalarınızı, Google Görsel Arama trafiğinizi, Core Web Vitals puanlarınızı, erişilebilirlik uyumluluğunuzu ve yapay zeka sistemlerinin içeriğinizi nasıl anladığını doğrudan etkiler.

İşte gerçek: Web sitelerinin %63'ünde görsellerde eksik veya yetersiz alt metin bulunmaktadır. Çoğu site, olması gerekenden 3-5 kat daha büyük görseller sunar. Ve neredeyse hiç kimse görsel Şema markup uygulamaz, oysa bu zengin sonuçlardaki ve yapay zeka tarafından oluşturulan yanıtlardaki görünürlüğü dramatik şekilde artırabilir. Optimize edilmemiş her görsel kaçırılmış bir fırsattır — trafik, sıralama ve dönüşüm açısından.

Bu kılavuz, 2026'da görsel SEO hakkında bilmeniz gereken her şeyi kapsar. Temellerle başlıyoruz — alt metin ve dosya adlandırma — ardından sıkıştırma, format seçimi, gerçek kod örnekleriyle teknik uygulama, Şema markup ve yapay zeka arama motorlarının görselleri nasıl yorumladığına geçiyoruz. İster 10 sayfalık bir portfolyo sitesi ister 50.000 ürünlük bir e-ticaret mağazası yönetiyor olun, bu kılavuz görsel SEO'nuzu bugün düzeltmek için uygulanabilir, kopyala-yapıştır stratejiler sunar.

2026'da Görsel SEO Neden Önemli

Görsel SEO niş bir optimizasyon değildir. Modern arama görünürlüğünün temel bir direğidir. İşte şimdi her zamankinden daha fazla önemli olmasının nedenleri.

Google Görseller büyük trafik sağlar. Google Görseller, tüm Google aramalarının %22,6'sını oluşturur. Bu, YouTube, Google Haritalar ve Google Haberler'in toplamından fazladır. Görselleriniz optimize edilmemişse, tüm arama etkinliğinin neredeyse dörtte biri için görünmezsiniz. E-ticaret, ürün fotoğrafçılığı, tarifler, kendin yap kılavuzları ve görsel endüstriler için Google Görseller en büyük tek trafik kaynağı olabilir.

Görseller sayfa hızını doğrudan etkiler. Görseller genellikle herhangi bir web sayfasındaki en ağır kaynaklardır ve ortalama toplam sayfa ağırlığının %50-75'ini oluşturur. Optimize edilmemiş görseller Core Web Vitals puanlarınızı mahveder — özellikle doğrudan bir Google sıralama faktörü olan Largest Contentful Paint (LCP). 150KB'lık bir WebP aynı görünecekken 2MB'lık bir hero görsel yükleyen bir sayfa kendi sıralamalarını sabote ediyordur.

Erişilebilirlik bir sıralama sinyalidir. Alt metin sadece SEO için değildir. ADA, Section 508 ve Haziran 2025'te yürürlüğe giren Avrupa Erişilebilirlik Yasası (EAA) gibi erişilebilirlik yasaları kapsamında yasal bir gerekliliktir. Ekran okuyucular, görselleri görme engelli kullanıcılara tanımlamak için alt metne güvenir. Google erişilebilir web sitelerini giderek daha fazla ödüllendirmektedir ve eksik alt metin, tespit edilmesi ve cezalandırılması en kolay erişilebilirlik başarısızlıklarından biridir.

Yapay zeka sistemleri içeriğinizi anlamak için görselleri kullanır. Çok modlu yapay zeka modelleri — Google'ın Gemini'si, GPT-4o ve Claude dahil — artık görselleri doğrudan yorumlayabilir. Ancak görsel bağlamını anlamak için alt metin, dosya adları, altyazılar ve çevreleyen metne de büyük ölçüde güvenirler. Doğru görsel optimizasyonu, içeriğinizi yapay zeka sistemleri için daha anlaşılır hale getirir ve yapay zeka tarafından oluşturulan yanıtlarda alıntılanma şansınızı artırır.

Alt Metin: Eksiksiz Kılavuz

Alt metin (alternatif metin), bir görselin içeriğini ve amacını tanımlayan bir HTML özniteliğidir. alt özniteliği kullanılarak <img> etiketine eklenir. Bir ekran okuyucu bir görselle karşılaştığında alt metni sesli olarak okur. Google sayfanızı taradığında, görselin neyi tasvir ettiğini ve sayfa içeriğiyle nasıl ilişkili olduğunu anlamak için alt metni birincil sinyal olarak kullanır.

Alt metin aynı anda en basit ve en etkili görsel SEO öğesidir. İyi alt metin yazmak görsel başına 10 saniye sürer, ancak çoğu web sitesi ya tamamen atlar ya da hiçbir değer sağlamayacak kadar kötü yazar. Bunu düzeltelim.

Alt Metin Formülü

Tutarlı şekilde etkili alt metin için bu formülü kullanın:

[Spesifik tanımlayıcı] + [Konu] + [Bağlam/Eylem] + [İlgili detay]

Formülü kullanan örnekler:

• Ürün: "Mermer yüzey üzerinde altın zincir askılı kırmızı deri çapraz çanta"
• Kişi: "Restoran mutfağında taze makarna hazırlayan şef"
• Grafik: "Ocak'tan Haziran 2026'ya organik trafikte %47 artış gösteren çubuk grafik"
• Ekran görüntüsü: "Mart 2026'da 12.000 tıklama gösteren Google Search Console performans raporu"
• Yaşam tarzı: "Nike Pegasus 42 ayakkabılarıyla gün batımında sahil yolunda koşan kadın"

Alt Metin: Yapılması ve Yapılmaması Gerekenler

Alt Metin Kod Örnekleri

Ürün görseli için iyi alt metin:

<img
  src="tissot-prx-blue-dial-40mm.webp"
  alt="Mavi sunray kadran ve entegre çelik bileklikli Tissot PRX otomatik saat, 40mm"
  width="800"
  height="800"
  loading="lazy"
>

Bilgilendirici görsel için iyi alt metin:

<img
  src="core-web-vitals-scores-chart.webp"
  alt="Görsel optimizasyonundan önce ve sonra Core Web Vitals puanlarını karşılaştıran grafik, LCP 4,2s'den 1,8s'ye iyileşti"
  width="1200"
  height="600"
  loading="lazy"
>

Dekoratif görsel (alt metni atlayın):

<!-- Dekoratif ayırıcı — alt metin gerekmez -->
<img src="decorative-wave.svg" alt="" role="presentation">

SEO İçin Dosya Adlandırma

Görsel dosya adları onaylanmış bir Google sıralama sinyalidir. Google, görsel içeriğini anlamak için dosya adlarını kullandığını açıkça belirtir. Bir görsel taranmadan önce bile, dosya adı Google'a görselin neyi tasvir ettiği hakkında güçlü bir ilk sinyal verir. kirmizi-deri-el-cantasi-on-gorunum.webp adlı bir dosya Google'a urun-foto-3.jpg'den çok daha fazlasını söyler.

Dosya Adlandırma Kuralları

• Kelimeleri ayırmak için tire kullanın. Google tireleri kelime ayırıcı olarak değerlendirir. Alt çizgiler kelime birleştirici olarak değerlendirilir. mavi-kosu-ayakkabilari = üç kelime. mavi_kosu_ayakkabilari = Google için tek uzun kelime.
• Hedef anahtar kelimenizi ekleyin. Sayfa "deri çapraz çanta" hedefliyorsa, görsel deri-capraz-canta-kahverengi.webp olarak adlandırılmalıdır, canta-foto.webp değil.
• Açıklayıcı ama öz olun. 3-6 kelime idealdir. Hem tek kelimelik adlardan (ayakkabi.jpg) hem de deneme uzunluğundaki adlardan (en-iyi-kirmizi-deri-capraz-canta-kadinlar-icin-2026-ilkbahar-koleksiyonu.webp) kaçının.
• Yalnızca küçük harf kullanın. Bazı sunucular Gorsel.jpg ve gorsel.jpg'yi farklı dosyalar olarak değerlendirir. 404 hatalarından ve yinelenen içerik sorunlarından kaçınmak için her zaman küçük harf kullanın.
• Özel karakterleri kaldırın. Boşluk, aksan işaretleri veya özel karakterler yok. Yalnızca harfler, sayılar ve tireler kullanın.
• Varyant tanımlayıcıları ekleyin. Birden fazla açıya sahip ürün görselleri için: deri-canta-on.webp, deri-canta-yan.webp, deri-canta-detay-dikis.webp.

Görsel Sıkıştırma & Performans

Görsel sıkıştırma, çoğu web sitesi için en büyük tek sayfa hızı kazancıdır. Ortalama web sayfası 1,5-3 MB görsel sunar. Doğru sıkıştırma ile bunu görünür kalite kaybı olmadan 200-400 KB'ye düşürebilirsiniz. Core Web Vitals üzerindeki etkisi — özellikle LCP (Largest Contentful Paint) — anlık ve dramatiktir.

İki tür sıkıştırma vardır:

Kayıplı sıkıştırma, daha küçük dosya boyutları elde etmek için bazı görsel verilerini kalıcı olarak kaldırır. %75-85 kalite ayarlarında, kalite kaybı insan gözüyle algılanamaz, ancak dosya boyutları %60-80 düşer. JPEG, WebP (kayıplı) ve AVIF kayıplı sıkıştırma kullanır.

Kayıpsız sıkıştırma, herhangi bir görsel verisini kaldırmadan dosya boyutunu azaltır. Sıkıştırması açılmış görsel orijinale piksel piksel aynıdır. Dosya boyutu tasarrufu daha küçüktür (%10-30), ancak kalite mükemmel şekilde korunur. PNG, WebP (kayıpsız) ve AVIF (kayıpsız) bu modu destekler. Logolar, ikonlar, metin içeren ekran görüntüleri ve tam piksel yeniden üretiminin önemli olduğu her görsel için kayıpsız kullanın.

Önerilen Kalite Ayarları

• Fotoğraflar: %80 kalitede WebP (veya %65'te AVIF). Orijinalden görsel olarak ayırt edilemez, ancak %70-80 daha küçük.
• Ürün görselleri: %85 kalitede WebP (veya %70'te AVIF). Satın alma kararları için detayları korumak adına biraz daha yüksek kalite.
• Ekran görüntüleri & metin ağırlıklı görseller: PNG veya WebP kayıpsız. Metin keskin ve okunabilir kalmalıdır.
• Logolar & ikonlar: Mümkün olduğunca SVG (vektör). Raster ise PNG veya WebP kayıpsız kullanın.
• Hero görseller: %80 kalitede WebP, maksimum 2x görüntüleme boyutunda sunulur. 1200px genişliğinde görüntülenen bir hero maksimum 2400px'te sunulmalıdır.

Sıkıştırma Araçları

• Squoosh (squoosh.app): Google'ın ücretsiz, tarayıcı tabanlı görsel optimize edici. Yan yana karşılaştırmayı, tüm modern formatları destekler. Tekil görsellerin manuel optimizasyonu için en iyisi.
• ShortPixel: Otomatik WordPress eklentisi ve API. Mevcut görselleri toplu olarak optimize eder ve yükleme sırasında WebP/AVIF'e dönüştürür. WordPress siteleri için en iyisi.
• ImageOptim (macOS) / FileOptimizer (Windows): Toplu optimizasyon için masaüstü uygulamaları. Meta verileri temizler ve optimal sıkıştırma uygular.
• Cloudflare Polish: CDN düzeyinde otomatik görsel optimizasyonu. Kod değişikliği gerekmez. Zaten Cloudflare'de olan siteler için en iyisi.
• sharp (npm): Programatik görsel işleme için Node.js kütüphanesi. Derleme pipeline'ları ve otomatik iş akışları için en iyisi.

Görsel Optimizasyonu Etkisi

Görsel Optimizasyonu İş Akışı

Yayınladığınız her görsel için bu altı adımlı iş akışını takip edin:

Görsel Formatları Karşılaştırması

Doğru görsel formatını seçmek, sayfa hızı ve görsel kalitesi için yapabileceğiniz en etkili kararlardan biridir. İşte dört ana web görsel formatının 2026'daki karşılaştırması:

2026 için önerilen strateji: Birincil görsel formatınız olarak WebP kullanın. Destekleyen tarayıcılar için <picture> öğesini kullanarak AVIF'i ilerici bir geliştirme olarak sunun. JPEG yedeğini yalnızca çok eski tarayıcıları veya e-posta istemcilerini desteklemeniz gerekiyorsa tutun. Tüm vektör grafikler (logolar, ikonlar, illüstrasyonlar) için SVG kullanın.

Teknik Görsel Optimizasyonu

Alt metin, dosya adları ve sıkıştırmanın ötesinde, görsel SEO ve performansı önemli ölçüde etkileyen birkaç teknik HTML uygulaması vardır. İşte kopyala-yapıştır kod örnekleriyle en önemlileri.

Lazy Loading

Lazy loading, görünür viewport'un altındaki görsellerin yüklenmesini kullanıcı yakınlarına gelene kadar erteler. Bu, ilk sayfa yükleme süresini ve veri kullanımını dramatik şekilde azaltır. Yerel lazy loading tüm modern tarayıcılar tarafından desteklenir ve yalnızca bir öznitelik gerektirir:

<!-- Ekranın altındaki görsel: lazy load -->
<img
  src="product-gallery-image-3.webp"
  alt="Otomatik mekanizmayı gösteren Tissot PRX kasa arkası"
  width="800"
  height="800"
  loading="lazy"
  decoding="async"
>

<!-- Ekranın üstündeki hero görsel: lazy load YAPMAYIN -->
<img
  src="hero-banner-spring-collection.webp"
  alt="Tissot ve Maurice Lacroix içeren 2026 İlkbahar saat koleksiyonu"
  width="1200"
  height="600"
  loading="eager"
  fetchpriority="high"
>

srcset ile Duyarlı Görseller

srcset özniteliği, tarayıcıların cihazın ekran genişliği ve piksel yoğunluğuna göre en uygun görsel boyutunu seçmesini sağlar. Bu, mobil cihazların masaüstü boyutunda görseller indirmesini önler:

<img
  src="product-watch-800w.webp"
  srcset="
    product-watch-400w.webp 400w,
    product-watch-800w.webp 800w,
    product-watch-1200w.webp 1200w,
    product-watch-1600w.webp 1600w
  "
  sizes="(max-width: 600px) 400px,
         (max-width: 1024px) 800px,
         1200px"
  alt="Yeşil kadranlı Tissot PRX 40mm otomatik"
  width="1200"
  height="1200"
  loading="lazy"
>

picture Öğesi (Çoklu Format + Art Direction)

<picture> öğesi, tarayıcı desteğine ve ekran boyutuna göre farklı görsel formatları ve hatta farklı görsel kırpımları sunmanıza olanak tanır. Bu, AVIF'i WebP yedeğiyle sunmak için önerilen yaklaşımdır:

<picture>
  <!-- AVIF: en iyi sıkıştırma, destekleyen tarayıcılara sunulur -->
  <source
    type="image/avif"
    srcset="hero-collection.avif"
  >
  <!-- WebP: mükemmel sıkıştırma, geniş destek -->
  <source
    type="image/webp"
    srcset="hero-collection.webp"
  >
  <!-- JPEG: evrensel yedek -->
  <img
    src="hero-collection.jpg"
    alt="Kadife üzerinde sergilenen 2026 İlkbahar lüks saat koleksiyonu"
    width="1200"
    height="600"
    loading="lazy"
  >
</picture>

Düzen Kaymasını Önleme (CLS)

<img> etiketlerinize her zaman width ve height öznitelikleri ekleyin. Bu, tarayıcının görselin en boy oranını hesaplamasına ve görsel yüklenmeden önce doğru miktarda alan ayırmasına olanak tanır, Cumulative Layout Shift (CLS) — üç Core Web Vitals'tan biri — oluşmasını önler:

<!-- İyi: width ve height düzen kaymasını önler -->
<img
  src="blog-post-cover.webp"
  alt="seoscore.tools'ta görsel SEO denetim sonuçlarının ekran görüntüsü"
  width="1200"
  height="630"
  loading="lazy"
>

<!-- Bu da iyi: alternatif olarak CSS aspect-ratio kullanın -->
<style>
  .responsive-img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
</style>

Görsel SEO'nun 6 Direği

Görsel Şema Markup

Görsel Şeması (ImageObject), arama motorlarına ve yapay zeka sistemlerine görsellerinizin tam olarak neyi temsil ettiğini, kimin oluşturduğunu ve hangi lisansı taşıdığını söyler. Alt metin insan tarafından okunabilir bir açıklama sağlarken, Şema markup'ı arama motorlarının zengin sonuçlar, görsel karuselleri ve gelişmiş görsel arama listeleri oluşturmak için kullanabileceği makine tarafından okunabilir yapılandırılmış veriler sağlar.

ImageObject Şeması

Tam meta verilerle dizine eklenmesini istediğiniz bağımsız görseller için ImageObject Şeması kullanın:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://example.com/images/tissot-prx-blue-40mm.webp",
  "name": "Tissot PRX Otomatik Mavi Kadran 40mm",
  "description": "Mavi sunray kadran ve entegre çelik bileklikli Tissot PRX otomatik saatin ön görünümü, 40mm kasa çapı",
  "width": 1200,
  "height": 1200,
  "encodingFormat": "image/webp",
  "creator": {
    "@type": "Organization",
    "name": "Gazelli Saat"
  },
  "copyrightHolder": {
    "@type": "Organization",
    "name": "Gazelli Saat"
  },
  "license": "https://example.com/image-license"
}
</script>

Ürün Görseli Şeması

E-ticaret için, ürün görselleri image özelliği kullanılarak Product Şemanız içinde referans verilmelidir. Bu, Google Alışveriş zengin sonuçlarını, görsel tabanlı ürün karusellerini ve görsel arama özelliklerini etkinleştirir:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Tissot PRX Otomatik Mavi Kadran 40mm",
  "image": [
    "https://example.com/images/tissot-prx-blue-front.webp",
    "https://example.com/images/tissot-prx-blue-side.webp",
    "https://example.com/images/tissot-prx-blue-wrist.webp"
  ],
  "description": "Mavi sunray kadranlı Tissot PRX otomatik saat...",
  "brand": {
    "@type": "Brand",
    "name": "Tissot"
  },
  "offers": {
    "@type": "Offer",
    "price": "650.00",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Görsel Şema Türleri Bir Bakışta

Görsel Türü Öncelikleri

Web sitenizdeki her görsel aynı düzeyde optimizasyona ihtiyaç duymaz. Çabanızı en çok önemli olan yere odaklayın:

Yapay Zeka Araması İçin Görsel SEO

2026'da görsel optimizasyonu artık yalnızca Google'ın geleneksel tarayıcısı ile ilgili değildir. Çok modlu yapay zeka sistemleri — GPT-4o, Google Gemini ve Claude dahil — görselleri doğrudan yorumlayabilir. Ancak bu gelişmiş sistemler bile içeriğinizin tam bir anlayışını oluşturmak için görsellerinizi çevreleyen metinsel sinyallere büyük ölçüde güvenir.

Yapay zeka sistemleri web sitenizdeki görselleri nasıl yorumlar:

Birincil bağlam olarak alt metin. Bir yapay zeka sistemi web taraması veya bilgi alma sırasında bir görselle karşılaştığında, alt metin görselin neyi gösterdiğini anlamak için kullandığı ilk ve en güvenilir sinyaldir. Yapay zeka sistemleri alt metne yüksek değer verir çünkü bu, görselin içeriğinin yazar tarafından sağlanan açık bir açıklamasıdır. Kötü alt metin, yapay zekanın görselinizi yanlış anlaması veya tamamen göz ardı etmesi anlamına gelir.

Belirsizlik giderme için çevreleyen metin. Yapay zeka sistemleri bağlam oluşturmak için bir görselin hemen öncesindeki ve sonrasındaki metni okur. "Tissot PRX 2026 fiyatları" hakkında bir paragrafın yanına yerleştirilmiş bir görsel, "saat mekanizması karşılaştırması" hakkında bir bölüme yerleştirilen aynı görselden farklı anlaşılır. Görsellerinizin metninize göre yerleşimi önemlidir.

Pekiştirme olarak altyazılar. Görsel altyazıları (<figcaption> öğesi), hem kullanıcıların hem de yapay zeka sistemlerinin kullandığı ek bir bağlam katmanı sağlar. Altyazılar insan ziyaretçiler tarafından gövde metninden daha yüksek oranda okunur ve yapay zeka sistemleri bunları yüksek güvenilirlikli açıklamalar olarak değerlendirir. Alt metninizi tamamlayan (kopyalamayan) bağlam eklemek için altyazılar kullanın.

Yapılandırılmış veri olarak şema markup. Yapay zeka sistemleri, özellikle Google'ın Gemini'si ve AI Overview, görsellerle ilgili yapılandırılmış bilgileri çıkarmak için Schema.org markup'ını ayrıştırabilir. ImageObject, Product.image ve diğer Şema türleri, yapay zeka sistemlerine alt metnin sağladığının ötesine geçen makine tarafından okunabilir meta veriler verir — lisanslama, oluşturma tarihi, oluşturucu bilgileri ve görsel boyutları dahil.

<!-- Yapay zeka için optimize edilmiş görsel uygulaması -->
<figure>
  <picture>
    <source type="image/avif" srcset="seo-audit-results.avif">
    <source type="image/webp" srcset="seo-audit-results.webp">
    <img
      src="seo-audit-results.jpg"
      alt="Genel puan 92 ve dağılımı gösteren SEO denetim paneli: teknik SEO 95, içerik 88, geri bağlantılar 91"
      width="1200"
      height="675"
      loading="lazy"
    >
  </picture>
  <figcaption>
    Görsel optimizasyonu önerilerinin uygulanmasından sonra example.com için SEO denetim sonuçları.
    Puan 4 haftada 67'den 92'ye yükseldi.
  </figcaption>
</figure>

Yaygın Görsel SEO Hataları

Çoğu web sitesi bu hatalardan en az üçünü yapar. Her biri sessizce size trafik, sıralama ve yapay zeka görünürlüğü kaybettirir. İşte en zararlı görsel SEO hataları ve nasıl düzeltileceği:

• Alt metin tamamen eksik. alt özniteliği <img> etiketinden çıkarılmış. Bu hem bir erişilebilirlik ihlali hem de SEO başarısızlığıdır. Çözüm: Her içerik görseline açıklayıcı alt metin ekleyin. alt=""'yi yalnızca gerçekten dekoratif görseller için kullanın.
• Anahtar kelime doldurulmuş alt metin. alt="ucuz saat satın al saatler online en iyi saatler Tissot saatler indirimli saatler" gibi alt metin yazmak. Bu spam niteliğindedir, erişilebilirlik için yararsızdır ve Google cezalarını tetikleyebilir. Çözüm: Birincil anahtar kelimenizi doğal olarak bir kez içeren doğal, açıklayıcı alt metin yazın.
• Sıkıştırılmamış görseller sunmak. Görselleri bir kamera veya tasarım aracından sıkıştırmadan doğrudan yüklemek. Tek bir sıkıştırılmamış fotoğraf 5-15 MB olabilirken, sıkıştırılmış WebP karşılığı 100-200 KB olur. Çözüm: Yüklemeden önce her görseli Squoosh veya ShortPixel'den geçirin. Çoğu kullanım durumu için görsel başına 100 KB'ın altını hedefleyin.
• Yalnızca JPEG ve PNG kullanmak. WebP veya AVIF gibi modern formatlar sunmamak. Modern formatlar eşit kalitede %25-50 daha küçük dosya boyutları sunar. Çözüm: Tüm görselleri WebP'ye dönüştürün. Desteklenen yerlerde WebP yedeğiyle AVIF sunmak için <picture> öğesini kullanın.
• LCP görselini lazy yüklemek. Hero görsele veya en büyük ekran üstü görsele loading="lazy" uygulamak. Bu, Largest Contentful Paint'i geciktirir ve Core Web Vitals puanınızı doğrudan olumsuz etkiler. Çözüm: İlk görünür görseli asla lazy yüklemeyin. Bunun yerine hero görsellerde fetchpriority="high" kullanın.
• Eksik width ve height öznitelikleri. HTML'de görsel boyutlarını belirtmemek, görseller yüklendikçe düzen kaymasına neden olur. Bu, CLS (Cumulative Layout Shift) puanınızı artırır. Çözüm: Her zaman görselin doğal boyutlarıyla eşleşen width ve height öznitelikleri ekleyin.
• Genel dosya adları. IMG_4521.jpg veya DSC_0032.jpg gibi kamera tarafından oluşturulan adlar kullanmak. Bunlar sıfır SEO değeri sağlar. Çözüm: Yüklemeden önce her görseli açıklayıcı, tireli anahtar kelimelerle yeniden adlandırın.
• Her görselde aynı alt metin. Aynı sayfadaki birden fazla görselde aynı alt metni kopyalamak. Bu, arama motorlarına spam gibi görünür ve ek bağlam sağlamaz. Çözüm: Her görselin neyi gösterdiğini doğru şekilde tanımlayan benzersiz alt metin yazın.
• Görsel site haritası yok. Görselleri XML site haritanıza dahil etmemek, Google'ın bunları keşfetme ve dizine ekleme yeteneğini azaltır. Çözüm: Mevcut site haritanıza görsel girişleri ekleyin veya <image:image> etiketini kullanarak özel bir görsel site haritası oluşturun.
• robots.txt'te görselleri engellemek. Yanlışlıkla robots.txt'te görsel dizinlerini veya görsel CDN alan adlarını yasaklamak. Google görsellerinizi tarayamazsa, Google Görseller sonuçlarında görünemezler. Çözüm: Görsel dizinlerinin ve CDN alan adlarının engellenmediğinden emin olmak için robots.txt'nizi inceleyin.

Sıkça Sorulan Sorular

Temel Çıkarımlar

1. Alt metin en etkili görsel SEO öğesidir. Her içerik görseli için açıklayıcı, anahtar kelime içeren alt metin (5-15 kelime) yazın. Dekoratif görseller için boş alt="" kullanın. Alt özniteliğini asla tamamen eksik bırakmayın.
2. Dosya adları düşündüğünüzden daha önemlidir. Yüklemeden önce her görseli açıklayıcı, tireli anahtar kelimelerle yeniden adlandırın. tissot-prx-blue-dial-40mm.webp, IMG_4521.jpg'den sonsuz kat iyidir.
3. WebP, 2026 için standart formattır. Tüm görselleri WebP'ye dönüştürün. İlerici bir geliştirme olarak AVIF sunmak için <picture> öğesini kullanın. Çoğu kullanım durumu için görsel başına 100 KB'ın altını hedefleyin.
4. Sıkıştırma en büyük sayfa hızı kazancıdır. %80 kalitede kayıplı sıkıştırma, görünür kalite kaybı olmadan dosya boyutlarını %70-80 azaltır. Her görseli sıkıştırmak için Squoosh, ShortPixel veya otomatik pipeline'lar kullanın.
5. Teknik uygulama önemlidir. CLS'yi önlemek için her zaman width ve height öznitelikleri ekleyin. Ekranın altındaki görseller için loading="lazy" ve hero görseller için fetchpriority="high" kullanın. Duyarlı sunum için srcset uygulayın.
6. Görsel Şeması zengin sonuçların kilidini açar. Bağımsız görseller için ImageObject Şeması ve e-ticaret için Product.image kullanın. Maksimum görünürlük için ürün Şemasına birden fazla görsel açısı ekleyin.
7. Yapay zeka sistemleri görsel meta verilerinize bağımlıdır. Alt metin, altyazılar, dosya adları ve Şema markup'ı, çok modlu yapay zeka modellerinin görsellerinizi anlama biçimidir. Bunları optimize edin ve içeriğiniz her yapay zeka arama platformu için daha değerli hale gelir. Tüm bu boyutlarda görsel SEO'nuzu denetlemek için seoscore.tools'u kullanın.