İçeriğe geç
SEO · UYGULAMALI REHBER

Web Sitesi Görselleri Hız ve SEO İçin Nasıl Hazırlanır?

Web görselini hazırlarken kalite, dosya ağırlığı ve sayfadaki görevini birlikte düşün. Büyük bir orijinali doğrudan yüklemek her kullanım için uygun değildir.

Ayrıntılı görselin daha hafif bir yayın çıktısına dönüşmesini anlatan optik düzenek.
BiDoping için hazırlanan temsili editoryal görsel.

Kullanım alanına uygun çıktı hazırla

Bir görselin başlık kapağı, küçük ürün kartı veya ayrıntı fotoğrafı olarak kullanılması farklı ihtiyaçlar doğurur. Orijinali arşivde koruyup yayın için uygun boyutta bir çıktı üret. Çok büyük bir dosyayı ekranda küçük göstermek dosyanın taşınma maliyetini kendiliğinden azaltmaz. Buna karşılık fazla küçültülmüş bir görüntü de ayrıntıyı bozabilir. Kararı gerçek kullanım boyutunda ve ürünün anlaşılması için gerekli ayrıntılar üzerinden ver.

Biçim ve sıkıştırmayı görüntüyle birlikte kontrol et

Fotoğraf, saydam logo ve çizgisel görsel aynı çıktı yaklaşımını gerektirmeyebilir. Kullanılacak biçimi sitenin teknik desteğiyle birlikte değerlendir. Sıkıştırma sonrasında özellikle yazı, ince çizgi ve ürün dokularını incele. Tek bir kalite değerini bütün dosyalara düşünmeden uygulamak yerine boyut ile görünüm arasındaki dengeyi kontrol et. Son dosyanın gerçekten sayfada kullanıldığını doğrula; optimize edilmiş dosya üretmek eski ağır dosya hâlâ çağrılıyorsa fayda sağlamaz.

Orijinalin korunması, uygun çıktı, görsel kalite kontrolü ve sayfa bağlamı adımlarının akışı.
Orijinalin korunması, uygun çıktı, görsel kalite kontrolü ve sayfa bağlamı adımlarının akışı. Temsili uygulama şeması; ölçüler bağlama göre değerlendirilir. Şemayı büyük görüntüle ↗

Görselin anlamını da hazırla

Dosya adı ve alternatif metin, görselin bağlamını açıklayan araçlar olabilir. Alternatif metni anahtar kelime listesine çevirmek yerine görselin o sayfada taşıdığı bilgiyi düşün. Dekoratif görüntü ile bilgi veren ürün fotoğrafı aynı biçimde ele alınmaz. Resim içine gömülmüş önemli metinler mümkün olduğunda uygun metin alanlarıyla da sunulmalıdır. Görselin yakınındaki açıklama, başlık ve ürün bilgisi de okuyucunun onu doğru anlamasına yardımcı olur.

Sayfayı gerçek kullanımda denetle

Görselin genişlik ve yükseklik bilgilerinin yerleşimde ayrılması, sayfa yüklenirken alanın beklenmedik değişimini azaltmaya yardımcı olabilir. Sonraki ekranlarda bulunan görsellerin yüklenmesi teknik olarak planlanabilir; ilk önemli görseli de aynı gecikmeli davranışa zorlamak her durumda uygun değildir. Uygulamayı mevcut sitenin yapısıyla birlikte test et. Görsel hazırlığı, tek başına sıralama sözü veren bir işlem değil, erişilebilir ve kullanılabilir bir sayfanın teknik parçalarından biridir.