Ürün görselleri ve SEO: E-ticarette görsel optimizasyonu

E-ticarette ürün görselleri, satın alma kararının merkezinde durur. SEO açısından ise iki görevi vardır: sayfanın hızlı açılmasını engellememek ve Google’ın görselde ne olduğunu anlamasını sağlamak. İyi optimize edilmiş bir görselin açıklayıcı bir dosya adı, doğru bir alt metni, sitede gösterileceği boyuta uygun bir dosya büyüklüğü ve modern bir formatı vardır. Bu dört şey düzgün olduğunda görsel hem sayfayı hızlandırır hem de Google Görseller’den ek trafik getirebilir.

Mağazalarda en sık karşılaştığım tablo şu: fotoğrafçıdan gelen yüksek çözünürlüklü dosyalar “IMG_4821.jpg” adıyla, olduğu gibi siteye yüklenmiş. Alt metin alanları ya boş ya da her görselde ürünün adı tekrar ediyor. Birkaç saatlik bir düzenlemeyle hem hız hem de görsel arama tarafında ciddi bir iyileşme mümkün.

Dosya adı

Google bir görselin ne olduğunu anlamak için dosya adına da bakar. “IMG_4821.jpg” hiçbir şey anlatmaz. “paslanmaz-celik-termos-1-5-litre.jpg” ise görselin içeriğini açıkça söyler.

Dosya adında Türkçe karakter yerine sade harfler kullanmak ve kelimeleri tire ile ayırmak en güvenli yoldur. Aynı ürünün birden fazla görseli varsa “termos-1-5-litre-kapak-detay.jpg” gibi görseli diğerlerinden ayıran bir ek de ekleyebilirsiniz.

Bu adımı görselleri siteye yüklemeden önce yapmanız gerekiyor. Bazı altyapılar yüklenen dosyanın adını değiştirir. Altyapınızın dosya adını koruyup korumadığını bir ürün sayfasındaki görselin adresine bakarak görebilirsiniz.

Alt metin

Alt metin, görseli göremeyen kullanıcılar ve ekran okuyucular için görselde ne olduğunu anlatan kısa açıklamadır. Google da görselin içeriğini anlamak için bu metni kullanır.

İyi bir alt metin görseli kısaca ve doğru anlatır. Ürünün ana görseli için “Paslanmaz çelik termos, 1,5 litre, siyah” yeterlidir. Detay görselinde neyin gösterildiğini söyleyin: “Termosun geniş ağzı ve sızdırmaz kapağı”. Aynı ürünün beş görseline aynı alt metni yazmak ise görseller arasındaki farkı ortadan kaldırır.

Alt metne anahtar kelime listesi yazmaktan kaçının. “Termos, çelik termos, ucuz termos, termos fiyatları” gibi bir alt metin ekran okuyucu kullanan biri için anlamsızdır ve Google için de bir değer taşımaz.

Boyut ve dosya büyüklüğü

Görsellerde en büyük hız kaybı, gereğinden büyük dosyalardan gelir. Fotoğraf makinesinden çıkan 4.000 piksellik, birkaç megabaytlık bir dosya, telefon ekranında 400 piksel genişliğinde gösterilecekse, kullanıcı bu farkı indirmek için boşuna bekler.

İki şeye dikkat etmek gerekiyor. Birincisi, görseli sitede gösterileceği en büyük boyuta göre küçültmek. İkincisi, sıkıştırmak. Sıkıştırma görseli gözle fark edilmeyecek ölçüde sadeleştirir ve dosya boyutunu çoğu zaman yarı yarıya ya da daha fazla düşürür.

Ürün yakınlaştırma özelliği için büyük bir sürüme ihtiyaç varsa bu sürüm yalnızca kullanıcı yakınlaştırdığında yüklenmelidir.

Format: WebP ve AVIF

JPEG ve PNG hâlâ yaygın formatlar, ama WebP ve AVIF aynı görünüm kalitesini çok daha küçük dosyalarla sunar. Güncel tarayıcıların tamamı WebP’yi destekler.

Çoğu e-ticaret altyapısı ve görsel hizmeti, yüklediğiniz görseli otomatik olarak WebP’ye çevirip sunar. Altyapınız bunu yapmıyorsa görselleri yüklemeden önce kendiniz dönüştürebilirsiniz.

Lazy loading: Hangi görseller geç yüklenmeli?

Lazy loading, sayfanın aşağısındaki görsellerin kullanıcı o bölüme kaydırdığında yüklenmesi demektir. Sayfanın ilk açılışını hızlandırır ve gereksiz veri indirmeyi önler.

Ama bir istisna var: sayfa açıldığında ekranda ilk görünen görsel, yani ürün sayfasındaki ana görsel ya da ana sayfadaki ilk banner, geç yüklenmemelidir. Bu görsel genellikle sayfanın LCP öğesidir. Geciktirilmesi, sayfanın en önemli parçasının en son görünmesine yol açar. Görsellerin hıza etkisini e-ticarette site hızı yazısında ayrıntılı anlattım.

Genişlik ve yükseklik bilgisi

Görsellerin HTML’inde genişlik ve yükseklik bilgisi bulunmalıdır. Tarayıcı bu bilgi sayesinde görsel yüklenmeden önce ona yer ayırır. Bu bilgi yoksa görsel yüklendiğinde altındaki metin ve düğmeler aşağı kayar. Bu kayma CLS değerini bozar ve kullanıcının yanlış yere tıklamasına yol açabilir.

Google Görseller’de görünmek

Bazı ürün gruplarında, özellikle moda, dekorasyon ve mobilya gibi görselin satın alma kararında belirleyici olduğu kategorilerde, Google Görseller kayda değer bir trafik kaynağıdır.

Burada öne çıkmanın yolu özgün görsellerden geçer. Üreticinin verdiği görseli kullanan onlarca mağaza arasında sizin görselinizin öne çıkma ihtimali düşüktür. Kendi çektiğiniz fotoğraflar, özellikle ürünün kullanım anını ya da detayını gösterenler, hem aramada hem de satışta fark yaratır.

Görselin bulunduğu sayfanın içeriği de önemlidir. Google bir görseli, çevresindeki metinle birlikte değerlendirir. İyi yazılmış bir ürün açıklamasının yanındaki görsel, boş bir sayfadaki görselden daha anlamlıdır. Ürün açıklaması tarafı için SEO uyumlu ürün açıklaması rehberine göz atabilirsiniz.

Nereden başlamalı?

Önce en çok satan ürünlerin sayfalarını açın ve ana görsellerin dosya boyutuna, adına ve alt metnine bakın. Sorun buradaysa büyük ihtimalle tüm katalogda aynı sorun vardır. Sonra yeni yüklenecek görseller için basit bir kural koyun: doğru boyut, açıklayıcı dosya adı ve her görsele özel alt metin. Eski görselleri ise önem sırasına göre zamanla güncelleyin.