Kısa cevap: Bir sayfadaki görselleri SEO açısından kontrol etmek için, sayfanın URL'sini PromoPilot'ın ücretsiz SEO Görsel Denetleyicisi'ne yapıştırın. Araç, 100 adede kadar <img> etiketini analiz edecektir: alt etiketi olup olmadığı, loading="lazy" ayarının yapılıp yapılmadığı, genişlik ve yüksekliğin ayarlanıp ayarlanmadığı, WebP, AVIF veya SVG kullanılıp kullanılmadığı ve srcset olup olmadığı. Sonuç, 0 ile 100 arasında bir puan ve her görsel için yorumlardır. Aşağıda, puanın nasıl hesaplandığı, önce neyin düzeltilmesi gerektiği ve aracın neleri göremediği hakkında bilgi bulacaksınız.
12 yıldır web siteleri ve mağazalar geliştiriyorum ve neredeyse hepsinde en büyük darboğaz görseller oluyor. Tipik bir ürün kartı: doğrudan kameradan alınmış beş adet 3 MB'lık fotoğraf, boş bir alternatif metin ve dosya adı IMG_4512.jpg.
Görsel SEO kontrolü neyi kontrol eder?
Bu araç, sayfadaki her bir görüntüyü beş kritere göre inceliyor ve bunları toplayarak genel bir puan oluşturuyor.
| Neleri kontrol ediyor? | Neye bakıyor? | Bu, SEO ve işletmeler için neden önemli? |
|---|---|---|
| Alternatif | Her bir <img> | Google Görseller'de alt metne göre sıralama; görme engelliler için erişilebilirlik |
| Tembel yükleme | loading="lazy" özelliği, ilk ekranın altındaki resimlere uygulanır. | Sayfa, ziyaretçinin henüz aşağı kaydırarak ulaşmadığı hiçbir şeyi yüklemez. |
| Genişlik ve yükseklik | Etiket özelliklerinde boyutlar belirtilmiş mi? | Bloklar yüklenirken "sıçramaz" - bu bir CLS ölçütüdür. |
| Biçim | Dosya uzantısına göre WebP, AVIF veya SVG | Modern formatlar, JPG ve PNG'ye kıyasla belirgin şekilde daha küçüktür. |
| Kaynak kümesi | Farklı ekranlar için görüntü seçenekleri var mı? | Telefon, monitör sürümünü değil, küçük dosyayı alıyor. |
Her görsel için bir yorum listesi oluşturuluyor ve sayfa nihai bir puan alıyor. Bu oldukça kullanışlı: Sadece neyin yanlış olduğunu değil, hangi görselin hatalı olduğunu da görebiliyorsunuz.
Bir web sitesindeki görselleri çevrimiçi olarak nasıl kontrol edebilirim?
- Resim SEO Denetleyicisini Açın.
- Lütfen bol fotoğraflı bir sayfa adresi girin: ürün kartı, kategori sayfası, blog yazısı, portföy sayfası gibi.
- "Kontrol Et"e tıklayın ve tüm görüntülerin taranmasını bekleyin.
- Her bir görsel için verilen puanları ve yorum listesini görüntüleyin.
- Lütfen sorunları düzeltin ve sayfayı tekrar kontrol edin.
Araç sayfası şu şekilde görünüyor: adres alanı, kontrol listesi ve SSS.
Puanlama nasıl hesaplanıyor ve öncelikle ne düzeltilmeli?
Puanlama 100 üzerinden başlar ve sayfadaki başarısız görsellerin yüzdesine bağlı olarak her sorun için ceza puanı düşülür. Kuralları bildiğinizde, en büyük artışı neyin sağlayacağını anlamak kolaydır.
| Sınav | İyi | Yorum |
|---|---|---|
| Alternatif | Alt metni olan görsellerin %50'sinden azı için -30; %80'inden azı için -15; %100'ünden azı için -5 | En önemli nokta |
| Tembel yükleme | %50'den az - −15; %80'den az - −8 | İlk üç resim dikkate alınmamıştır. |
| Genişlik ve yükseklik | %50'den az - −15; %80'den az - −8 | Yalnızca CSS ile belirlenen boyutlar dikkate alınmaz. |
| WebP, AVIF veya SVG | %30'dan az - -10 | Biçim, uzantı tarafından belirlenir. |
| raster görüntüler için Srcset | %30'dan az - -10 | SVG'nin srcset'e ihtiyacı yoktur. |
İşte iş emrim:
- Alternatif. En pahalı ürün ve tamiri en kolay olanı. Gösterileni yazın:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку",alt="рюкзак купить дёшево рюкзак"değil. Dekoratif unsurlar için boş biralt=""kullanın. - Genişlik ve yükseklik. Gerçek boyutları özelliklerde belirtin ve CSS'ye
img { max-width: 100%; height: auto; }ekleyin; bu sayede resim duyarlı kalacak ve düzenin sürekli değişmesi duracaktır. - Tembel yükleme, sayfanın alt kısmındaki her şey için geçerlidir. Ancak, ana görsel için zararlıdır: hemen ve öncelikli olarak yüklenmesi gerekir.
- WebP veya AVIF. WordPress 5.8 sürümünden beri WebP yüklemelerini, 6.5 sürümünden beri ise AVIF yüklemelerini desteklemektedir.
- Büyük fotoğraflar için `srcset` ayarı, telefonun monitördeki resmi indirmesini engeller.
Metin içinde kullanılan uygun bir ana görsel ve uyarlanabilir fotoğraf örneği:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Görsel için iyi bir alt etiketi nasıl yazılır?
Alt etiketi, değerlendirmenin en önemli unsurudur ve hataların en sık yapıldığı yer burasıdır: ya boş bırakılır ya da anahtar kelimelerle doldurulur. Basit bir kural: resmi göremeyen birine tek bir cümleyle açıklayın.
| Resim | Kötü alternatif | İyi alternatif |
|---|---|---|
| Ürün fotoğrafı | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Takım fotoğrafı | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diyagram veya grafik | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Dekorasyon simgesi | иконка | boş alt="" — bunu okumaya gerek yok |
Katalog için, şablon kullanarak alternatif etiketler oluşturmak uygundur: ürün adı + renk veya varyant + açı. Bu şekilde, tek bir kart üzerindeki beş fotoğraf, beş özdeş açıklama yerine beş farklı ve kullanışlı açıklamaya sahip olacaktır.
Dosya adı da önemlidir: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg daha iyidir. Sadece bunun için eski dosyaları yeniden adlandırmanın bir anlamı yok, ancak yeni dosyaları açıklayıcı isimlerle yükleyin.
Karşılaştırma: Görsel SEO Denetleyicisi ve Alternatifleri
| Alet | Neler ücretsiz? | Kısıtlamalar | Kimler için uygundur? |
|---|---|---|---|
| PromoPilot — Görsel SEO Denetleyicisi | Alt metin, tembel yükleme, genişlik/yükseklik, formatlar, srcset; her resim için 0-100 arası puanlama ve yorumlar. | En fazla 100 resim, dosya boyutu tahmini değil. | Herhangi bir sayfadaki görüntüleri hızlıca ayrıştırın |
| Google PageSpeed Insights | Hız testinin bir parçası olarak görüntü denetimleri: format, boyut, tembel yükleme | Diğer onlarca kontrolle birlikte, alt neredeyse hiçbir şey anlamıyor. | Görsellerin hız üzerindeki etkisinin değerlendirilmesi |
| Squoosh | Tarayıcıda tek bir görüntüyü sıkıştırın ve dönüştürün. | Sayfayı kontrol etmiyor, dosyalarla çalışıyor. | Bireysel görüntülerin hazırlanması |
| Çığlık Atan Kurbağa SEO Örümceği | Sitedeki alternatif metin içermeyen görsellerin listesi | Kurulum gereklidir, ücretsiz sürümde adres sınırlaması vardır. | Yüzlerce sayfada alternatif denetim |
Sonuç: Çevrimiçi bir kontrol aracı belirli bir sayfadaki resimlerdeki sorunları gösterir, PageSpeed hız açısından ne kadar kayıp olduğunu gösterir ve Squoosh veya bir dönüştürücü dosyaların kendilerini düzeltmeye yardımcı olur.
PromoPilot, sunucuya dosya yüklemeye gerek kalmadan doğrudan tarayıcıda çalışan bir resim sıkıştırma aracı ve bir WebP dönüştürücü de dahil olmak üzere 87 ücretsiz SEO aracına sahiptir. Genel sayfa boyutunu anlamak için sayfa hızı analizi serimizdeki makalemize göz atabilirsiniz.
Görüntü doğrulama neleri görmez?
Aracın sınırları konusunda dürüst olalım; değerlendirmeyi doğru yorumlamak için bu sınırları bilmek önemlidir:
- Dosya boyutu dikkate alınmaz; resimler indirilmez; format uzantısına göre belirlenir.
-
<picture>etiketi ayrıştırılmıyor:<img>içindeki JPG, yanında<source>içinde AVIF veya WebP olsa bile etiketlenecektir. - CSS ile oluşturulan arka plan resimleri ve JavaScript ile eklenen resimler rapora dahil edilmemiştir.
- Yalnızca CSS'de belirtilen boyutlar dikkate alınmaz.
- Sayfada tek bir
<img>bile yoksa 50 puan alır - bu "hataların yarısı" değil, "değerlendirilecek hiçbir şey yok" anlamına gelir.
Ücretsiz bir araç ne zaman yeterli olmaz?
Tek bir sayfadaki alternatif metni düzeltmek on dakika sürer. Ancak mağazada beş bin ürün varsa, bunu manuel olarak yapmak imkansızdır. Şu durumlarda bir uzmana ihtiyacınız vardır:
- alt değeri, tüm katalog için isim, renk ve açıdan otomatik olarak oluşturulmalıdır;
- Görüntüler kameradan sıkıştırma yapılmadan yükleniyor ve otomatik bir işlem hattına ihtiyaç duyuluyor: sıkıştırma, WebP, birden fazla boyut;
- Web sitesinin teması, fotoğrafları genişlik, yükseklik ve srcset değerleri olmadan görüntülüyor ve şablonun düzeltilmesi gerekiyor;
- Ürün sorguları için Google Görseller'den trafik almak ister misiniz?
Web siteniz için neler yapabilirim?
Ben Valeriy Danyuk, 12 yıllık deneyime ve binlerce fotoğraf içeren çok sayıda çevrimiçi mağaza da dahil olmak üzere 200'den fazla müşteriye sahip bir yazılım geliştirici ve SEO uzmanıyım.
SEO ve denetim
- Anahtar teslim web sitesi SEO denetimi: Sitenin tamamındaki görselleri kontrol ediyorum, şablonlarda otomatik dönüştürme ve alternatif metin ayarlarını yapıyorum.
- Organik müşteri kazandıran, yapay zeka destekli bir SEO blogu; her makale için alternatif metin ve WebP görsellerini otomatik olarak görüntüler.
Mağazalar ve kataloglar
- MCP ve Claude sayesinde sadece birkaç dakika içinde 300 üründen oluşan bir katalog —her ürün için açıklamalar ve fotoğraflar dahil.
- WooCommerce üzerinde çalışan ve doğru görüntü işleme özelliklerine sahip bir çevrimiçi mağaza.
- Mağazayı Instagram web sitesine taşıma süreci devam ediyor; ürün fotoğrafları ve açıklamaları da aktarılıyor.
- Ürünler, fotoğraflar ve metinler, eski web sitenizden veya sosyal medya hesaplarınızdan bir bağlantı aracılığıyla 1001site aktarılabilir.
Muhasebe ve otomasyon
- 30.000 ürün için muhasebe, defter tutma ve depo yönetimi.
- Çevrimiçi sos dükkanı için yapay zekâ destekli Telegram botu.
Ürün kartının linkini Telegram bana gönderin - resimlere bakarak ne kadar kazanabileceğinizi söyleyeceğim.
Sonuç
- Çevrimiçi SEO görsel kontrol aracı, bir sayfadaki 100 adede kadar görseli analiz eder ve her biri için yorumlarla birlikte 0 ile 100 arasında bir puan atar.
- En yüksek puanlar alt ve genişlik/yükseklik boyutlarına verilirken, bunu tembel yükleme, WebP/AVIF ve srcset takip ediyor.
- Ana görselin tembel yüklemeye ihtiyacı yok; bunun yerine
fetchpriority="high"ayarının kullanılması gerekiyor. - Büyük kataloglar için fotoğraf işleme otomatikleştirilir veya bu işlemin zaten yapıldığı bir platform seçilir, örneğin 1001site.
Sitenizin en yoğun kullanılan sayfasını ücretsiz Resim SEO Denetleyicisi ile kontrol edin —alt etiketinden başlayın.
Kaynaklar
- PromoPilot'ın Görsel SEO Kontrol Aracı sayfası - kontroller, değerlendirme kuralları, sınırlamalar ve SSS.
- Google Arama Merkezi - Arama için görsel önerileri.
- Google PageSpeed Insights ve Squoosh - Özellik Açıklamaları.
