Rehber

Ürün görseli SEO: dosya adı, alt metin ve varyantlar nasıl düzenlenir?

Görsel mağazaya yüklendiğinde iş bitmiş görünür. Bitmez. Arama motoru bir görseli bakarak anlamaz; dosyanın adına, alt metnine ve sayfada hangi metnin yanında durduğuna bakar. Site içi arama ve renk seçici de aynı bilgiyle çalışır. Yüzlerce ürün yükleyen bir ekipte bu bilgi dağınıksa görseller doğru ürünle eşleşmez.

Ürün görseli SEO'sunun kısa cevabı üç maddedir:

  1. Açıklayıcı dosya adı. IMG_4821.jpg değil, ürünü ve kareyi söyleyen bir ad.
  2. Ürünü anlatan alt metin. Görseli göremeyen birine ürünün ne olduğunu söyleyen kısa bir cümle.
  3. Her varyantın kendi görseli. Renk değişince kapak da değişir; her rengin görseli kendi adını ve kendi alt metnini taşır.

Bu rehberdeki teknik bilgiler Google Arama Merkezi'nin iki açık sayfasına dayanır: Google Görseller SEO en iyi uygulamaları ve ürün varyantı yapılandırılmış verileri.

Google ürün görselini neye bakarak anlar?

Google'ın görsel rehberi birkaç sinyali açıkça sayar. Sade dille:

Biçim tarafında Google BMP, GIF, JPEG, PNG, WebP, SVG ve AVIF biçimlerini destekler. Piksel ölçüsü, oran ve dosya boyutu bu rehberin konusu değil; onlar için ürün görseli ölçüleri ve biçimleri rehberine bakın.

Dosya adı şablonu: 60 üründe bozulmayan kural

Tek bir dosyaya iyi ad vermek kolaydır. Zor olan, ayda 60 yeni ürünün her karesine aynı mantıkla ad vermektir. Bunun için bir şablon gerekir. Örnek bir şablon (kural değil, başlangıç noktası):

marka-urun-tipi-renk-skukodu-01.webp

Şablonun mantığı:

Ürün görseli dosya adı örnekleri
Dosya adıSorunNe söylüyor?
IMG_4821.jpgKamera ya da sistem numarasıHiçbir şey
final-son-v3.jpgEkip içi sürüm notuHangi ürün olduğu belirsiz
Keten Gömlek Haki.jpgBoşluk ve Türkçe karakter, SKU ve kare sırası yokÜrünü söylüyor, ama taşınırken bozulabilir ve iki ürünü ayırmaz
yeety-keten-gomlek-haki-yt2410-01.webp—Marka, ürün tipi, renk, SKU, kapak karesi

Tablodaki ürün ve SKU kurgusaldır.

Şablonun en iyi yeri çekim brief'idir. Kural üretimden önce yazılırsa teslimden sonra yüzlerce dosyayı yeniden adlandırma işi doğmaz. Aynı SKU mantığı gönderdiğiniz kaynak dosyalarda da işe yarar: girdi ve çıktı aynı kodla adlandırılırsa her görselin hangi üründen geldiği ilk bakışta görülür. Girdi tarafı için referans kitinde dosya adlandırma bölümüne bakın.

Alt metin nasıl yazılır?

Kural tek cümle: ürünü gören birinin söyleyeceği cümleyi yazın. Görseli göremeyen bir müşteri ya da arama motoru bu cümleden ürünün ne olduğunu anlamalı.

Bir giyim ürününde alt metin genellikle şunları içerir:

Anahtar kelimeleri art arda dizmek işe yaramaz; Google bunu açıkça kötü uygulama sayar. "Gömlek erkek gömlek keten gömlek ucuz gömlek" bir alt metin değil.

Mankenli karede alt metin ürünü anlatır, mankeni değil. Okuyucu "uzun saçlı model" bilgisinden ürün hakkında bir şey öğrenmez. "Manken" kelimesi yalnızca karenin türünü belirtmek için gerekir: "mankenli ön görünüm".

Örnekler

Kare türüne göre alt metin örnekleri
Kare türüZayıf alt metinİyi alt metin
Kapak"ürün görseli""Haki keten oversize gömlek, mankenli ön görünüm"
Arka"gömlek 2""Haki keten oversize gömleğin arka görünümü ve düşük omuz dikişi"
Detay"detay""Haki keten gömleğin sedef düğmeli yaka detayı"
Kombin"yeni sezon kombin""Haki keten gömlek, ekru bol paça pantolonla kombin"

Örnekler kurgusal bir demo ürün üzerinden yazılmıştır.

Aynı görsel iki sayfada kullanılıyorsa

Kapak görseli hem ürün sayfasında hem kategori sayfasında görünebilir. Alt metin sayfanın bağlamına göre yazılır. Ürün sayfasında kare türünü söylemek işe yarar; kategori sayfasında ürünün adı ve rengi genellikle yeterlidir.

Renk ve beden varyantlarında görsel eşlemesi

Bir ürünün üç rengi varsa, her rengin kendi görsel seti olmalı. Müşteri renk seçtiğinde kapak görseli de o renge geçmeli. Seçilen renk haki, kapak hâlâ siyahsa müşteri neyi alacağından emin olamaz.

Eşlemenin iki kuralı var:

Geliştiricinize iletilecek yön şu: Google, aynı ürünün varyantlarını ProductGroup altında toplamayı ve hasVariant ile her varyantı ayrı bir ürün olarak tanımlamayı anlatır. Varyantların neye göre değiştiği variesBy ile belirtilir (ör. renk, beden). Google'ın örneklerinde her varyantın kendi image alanı vardır. Yani her rengin görseli yapılandırılmış veride de kendi rengine bağlanır. Ayrıntı Google'ın ürün varyantı sayfasında.

Hangi renk için ayrı set üretileceği, hangisinin türetileceği ise ayrı bir karar. Onun için renk varyantlarını nasıl planlarsınız rehberine bakın.

Kapak görseli: aramada hangi kare görünsün?

Bir ürün sayfasında birden fazla görsel vardır. Google, tercih ettiğiniz görseli belirtmenin yollarını sayar: yapılandırılmış verideki image alanı, primaryImageOfPage ve paylaşım için og:image. Bu alanlarda kapak karesi seçilirse arama sonucunda ve bağlantı paylaşıldığında aynı kare görünür.

Kapak karesi açı planının ilk karesidir. Hangi karenin kapak olacağı ürün sayfasında değil, üretimden önce kararlaştırılır; bunun için ürün başına kare planı rehberine bakın.

Hız için Google, aynı görselin farklı ekran boyutlarına göre sürümlerini srcset ya da <picture> ile vermeyi ve yedek olarak bir src bırakmayı önerir.

Alt metin ürün gerçeğiyle uyuşmalı

Alt metin görselin söylediğini söyler; görselde olmayanı söylemez. Görseldeki renk haki ise alt metin de "haki" der. Ama görseldeki renk ürünün gerçek renginden farklıysa, doğru bir alt metin bu farkı örtmez. Müşteri görseli görür, alt metni görmez.

Bu yüzden kontrol önce görselde yapılır. Yeety'de her kare teslimden önce kaynak görsellerle karşılaştırılır: renk, form, malzeme ve detaylar tek tek kontrol edilir. Yapay zekâ destekli üretim araçları sürecin bir parçasıdır; hizmet belirli bir araçla sınırlı değildir. Kontrolün nasıl yapıldığı ürün görselinde doğruluk kontrolü rehberinde. Aynı rengin bütün koleksiyonda aynı görünmesi ise koleksiyon boyunca tek standart meselesidir.

Alt metne üretim yöntemi yazılmaz. Alt metin ürünü anlatır; görselin nasıl üretildiğini değil. Aynı nedenle örneklerde "fotoğraf" değil "görsel" denir.

Yayından önce kontrol listesi

Bu listeyi kopyalayıp her yükleme turunda kullanabilirsiniz:

  1. Her dosya adı şablona uyuyor mu: ürün tipi, renk, SKU, kare sırası?
  2. Her görselin alt metni var mı, ve aynı ürünün kareleri birbirinden farklı alt metin taşıyor mu?
  3. Alt metindeki renk adı katalogdaki renk adıyla aynı mı?
  4. Her renk varyantı kendi görsel setine bağlı mı; renk seçilince kapak değişiyor mu?
  5. Kapak karesi image ve og:image alanlarında seçili mi?
  6. Ürün görselleri <img> etiketiyle mi geliyor, CSS arka planı olarak değil mi?
  7. Görseller site haritasında (ya da görsel site haritasında) yer alıyor mu?
  8. Pazaryeri paneli için ayrı kontrol yapıldı mı? Pazaryerinin kendi kuralları panelde ve satıcı destek dokümanlarında yer alır.

Görsel standardı çekimden önce başlar

Dosya adı, alt metin ve varyant eşlemesi yayından önceki son adımdır. Ama kolaylaşması üretimden önce verilen kararlara bağlıdır: hangi kareler üretilecek, kapak hangisi, her renk için ayrı set var mı, dosyalar hangi kodla gelecek. Yeety'de görseller site, katalog, pazaryeri, reklam ve sosyal medya ölçülerinde teslim edilir; kare planı ve teslim düzeni brief aşamasında sizinle netleştirilir. Styling dahil e-ticaret görselleri için ürün çekimi sayfamıza bakın.

SSS

Sık sorulanlar

Alt metin kaç karakter olmalı?

Google'ın görsel rehberi bir karakter sınırı vermez. Alt metnin doğru ve açıklayıcı olmasını, anahtar kelime doldurulmamasını ister. Pratikte ürün tipi, renk, kumaş ve kare türü tek bir kısa cümleye sığar.

Dosya adında Türkçe karakter kullanılabilir mi?

Önerimiz küçük harf, tire ve Türkçe karaktersiz yazımdır (gomlek, haki). Gerekçe Google kuralı değil, taşınabilirliktir: dosya farklı sistemler, panolar ve arşivler arasında taşınırken adın bozulmaması.

Görselleri yükledikten sonra yeniden adlandırmak gerekir mi?

Yeniden adlandırmak çoğu zaman görsel için yeni bir adres demektir. Mümkünse adlandırma kuralını çekim brief'inde belirleyin; böylece dosyalar baştan doğru adla yüklenir ve sonradan toplu yeniden adlandırma gerekmez.

Pazaryerinde de dosya adı ve alt metin önemli mi?

Pazaryerleri için görsel adlandırma ve alt metin konusunda herkese açık resmi bir kural bulamadık. Bu rehber kendi siteniz ve Google kapsamındadır. Pazaryeri için satıcı panelini ve destek dokümanlarını kontrol edin.

Yapay zekâ ile üretilen görselde alt metin farklı mı yazılır?

Hayır. Alt metin ürünü anlatır: tipi, rengi, kumaşı, kesimi. Görselin nasıl üretildiği alt metnin konusu değildir.

Alt metni otomatik bir araçla yazdırmak yeterli mi?

Taslak için işe yarayabilir; yayından önce kontrol gerekir. En sık bozulan nokta renk adıdır: araç "yeşil" yazar, katalogda renk "haki"dir. Her alt metindeki renk adının SKU'daki renk adıyla aynı olduğunu kontrol edin.

Koleksiyonunuzun kare planını ve teslim düzenini birlikte kuralım

Ürün bağlantınızı gönderin.

3 ürünle ücretsiz demo

Brief

Projenizi bize anlatın.

Markanızı ve aylık yeni ürün adedinizi paylaşın; size uygun çalışma şeklini ve teklifi dönelim.

Brief gönder