Merhaba arkadaşlar,

Bir süredir aklıma takılan bir soru var. Ben sitelerimde bazı yerlerde, koyulacak resimleri (örn profil resmi gibi) <img> ile değilde, bir <div> elemanına background olarak atıyorum. Örn:

<div style="width: 230px; height: 200px;background: url(profil.jpg);"></div>

Aslında burdaki amaç üstteki koda eklemediğim background-size: cover özelliğini kullanmak. Bunun bir takım güzellikleri avantajları var yerine göre, o nedenle bilmeyenler araştırabilir.

Bu sebepten sayfada resmimiz <img> tagıyla kullanılmadığı için - ki örümceklerin resmi indexlemesi, SEO kazanımı için bu tag kullanılması gerekir - örümcekler tarafından indexlenmiyor. Bildiğim ve araştırdığım kadarıyla da, CSS de tanımlı background: url(... şeklinde verilmiş resimlerde örümcekler tarafından bulunamıyor. Haliyle resmimiz yokmuş gibi birşey oluyor, halbuki önemli bir site elemanı durumunda. Üye profil resmi yada site logosu gibi...

Bu konu hakkında bilgisi yada tecrübesi olan var mıdır? Benim aklıma gelen ilk teknik, <div> + background ile resmi görünmesini istediğim şekilde formatlamak, daha sonra div içerisine görünmeyen display:none bir <img> ile aynı resmi birdaha koymak, örümceklere görme şansı vermek.

Görüşlerinizi bekliyorum