Wix Görsellerinizi Nasıl Optimize edersiniz?

Wix'te Blakfy logo görüntü ayarları CMS bağlantısı ve gösterim modu seçenekleri

Kısaca Wix Görsellerinizi Nasıl Optimize edeceğinizi, görsellerinizi arama motorları tarafından keşfedilebilir ve sıralanabilir hale getirme sürecidir. Aynı zamanda görsel kullanımını site performansıyla uyumlu hale getirmeyi de kapsar.

Wix Görsel Optimizasyonu Neden Önemlidir?

Doğru şekilde optimize edilmiş görseller, görsel öğrenenlere hitap ederek ve içeriğinizi daha kolay sindirilebilir hale getirerek kullanıcı deneyimini iyileştirebilir. İyi bir görsel optimizasyonu ayrıca sayfa yüklenme sürelerinizi düşük tutmanıza yardımcı olur. Hatta ekran okuyucu kullanan ziyaretçiler için olumlu veya olumsuz deneyim arasındaki farkı belirleyebilir.

Görseller SEO açısından da büyük önem taşır. İnanması güç olabilir ama görseller, web sitenize ciddi trafik kaynağı olabilir. Google'ın zaman içinde arama sonuçları sayfasına (SERP) görsel ağırlıklı özellikler eklemesiyle bu durum daha da geçerli hale geldi.

Google Görseller arama sonuçları, filtreleme seçenekleriyle birlikte önemli bir trafik kaynağı olabilir.

Yukarıda değindiğim gibi, görseller sitenizin yüklenme ve performans sürecinin kritik bir parçasıdır. Çok büyük görseller sitenizi yavaşlatabilir, aynı şekilde tek bir sayfada birden fazla görsel galerisi bulunması da performansı olumsuz etkileyebilir. Bu nedenle görsellerin doğru formatta ve şekilde işlenmesi, siteye görsel eklerken en iyi uygulamaların takip edilmesi gerekir.

Google Görseller arama sonuçları sayfası, Blakfy marka logosu araması ve filtreleme seçenekleri

Wix Görsellerinizi Nasıl Optimize Eder?

Görsel optimizasyonunun sitenizin genel optimizasyon sürecinin ayrılmaz bir parçası olduğu ve performansı doğrudan etkilediği açıktır. Bu bağlamda Wix'in görselleriniz için otomatik olarak yaptıklarını ve size sunduğu imkanları inceleyelim.

Görsel Sıkıştırma

Büyük görsel dosyaları sayfanızın yüklenme hızını düşürebilir. Bunu önlemek için Wix, çoğu durumda görsellerinizi otomatik olarak yeniden boyutlandırır ve sıkıştırır. Bu işlem görsel kalitesinden ödün vermeden gerçekleştirilir.

Daha da önemlisi, bu süreç sunucu tarafında gerçekleşir. Teknik detaylara girmeden söylemek gerekirse, bu sayede Wix kaliteli bir görsel üretmek için gerçekten ihtiyaç duyulan piksel sayısını sunar, fazlasını değil. Böylece görseller normalde olacağından daha hızlı yüklenir.

Ancak şunu bilmelisiniz: Wix, 25 MB'ın üzerindeki görselleri sıkıştırmaz. Bu kadar büyük dosyalarla çalışıyorsanız, siteye yüklemeden önce kendiniz sıkıştırmalısınız.

En Uygun Görsel Formatı

2010 yılında Google, görsellerin kaliteden ödün vermeden daha hızlı yüklenmesini sağlayan WebP formatını kullanıma sundu. WebP formatındaki görsel dosyaları, PNG veya JPEG olarak kaydedilmiş hallerine göre %25-35 daha küçük olabilir. Bu durum sayfa yüklenme hızını önemli ölçüde etkileyebilir.

Wix, siteye eklediğiniz görselleri otomatik olarak WebP formatına dönüştürür. Yine de dikkat edilmesi gereken bir nokta var: Görsel sıkıştırma, orijinal boyuta göre yapılır. Örneğin Wix'in WebP dönüşümü dosya boyutunu %25 azaltıyorsa, bu oran orijinal dosya boyutunun %25'idir.

Bu nedenle mümkün olduğunca JPEG formatında görsel yüklemeniz önemlidir. JPEG görseller, eşdeğer PNG görsellerden çok daha küçüktür ve dolayısıyla daha da küçük boyutlara sıkıştırılabilir. Elbette PNG'nin tercih edilmesi gereken durumlar da vardır; örneğin şeffaf arka plan gerektiğinde.

JPEG kullanırken PNG'ye kıyasla bir miktar kalite kaybı olsa da, vakaların büyük çoğunluğunda bu kayıp fark edilir veya etkili değildir.

Optimize Edilmiş Görsel Yükleme

Görsellerin nasıl yüklendiği veya daha teknik bir ifadeyle nasıl işlendiği, hem sayfanın genel performansını hem de kullanıcı deneyimini önemli ölçüde etkiler. Bu bağlamda Wix, optimal görsel işleme için aşağıdakileri otomatik olarak uygular:

1. Düşük Kaliteli Görsel Yer Tutucuları (LQIP): 

Büyük görsel dosyaları sayfa yüklenme süresini yavaşlatıyorsa, Wix düşük kaliteli görsel yer tutucuları kullanır. Bunlar, yüklediğiniz görsellerin çok daha az piksel kullanan versiyonlarıdır. Sayfa yüklenip etkileşime hazır hale geldikçe, tam piksel yükü görüntülenir.

Temel olarak, çok az piksel kullanan bir görsel versiyonu başlangıçta yüklenir, böylece sayfa çok hızlı işlenebilir. Sayfa işlendikçe, bu düşük kaliteli yer tutucu, orijinal olarak yüklediğiniz görselin yüksek kaliteli, sıkıştırılmış versiyonuyla değiştirilir.

2. Tembel Yükleme (Lazy Loading): 

Tembel yükleme, görsellerin yalnızca tarayıcıda görünür hale geldiklerinde yüklenmesi anlamına gelir. Şöyle düşünün:

Bir sayfada 20 görseliniz var ama sadece ikisi ekranın üst kısmında (sayfa ilk yüklendiğinde görünen alan) görünüyor. Şimdi, 20 görselin tamamı işlenebilir ama ne için? Ziyaretçi aşağı kaydırana kadar (eğer kaydırırsa) çoğunu kimse görmeyecek. Tembel yükleme ile yalnızca kullanıcının görmesi gereken içerik yüklenir. Bu durumda, ekranın üst kısmındaki iki görsel yüklenir, diğer görseller ise kullanıcı kaydırdıkça yüklenir. Sonuç: Daha hızlı sayfa yükleme ve gelişmiş kullanıcı deneyimi.

Düşük kaliteli yer tutucuları tembel yükleme ile birlikte kullanmak güçlü bir kombinasyondur: Kullanıcı sayfayı aşağı kaydırdıkça ve görseller yüklendikçe (tembel yükleme sayesinde), görselin düşük kaliteli bir versiyonu anında kullanılabilir hale gelir.

Örnek: Bir LQIP ve karşılık gelen yüksek kaliteli görsel. LQIP, yüksek kaliteli görselle neredeyse anında değiştirilir.

Bu sayede kullanıcı aşağı kaydırırken görselin en azından bir versiyonunu görür ve göz kırpmadan tam versiyon yüklenir—tüm bunlar yüklenecek başlangıç öğelerinin sayısını sınırlayarak sayfa hızını artırırken.

Peki bu, görsellerle istediğiniz her şeyi yapabileceğiniz anlamına mı gelir? 

Wix bu alanda performansı artırmak için çok şey yapsa da, görseller yüklenmesi gereken kaynaklardır ve bunun etrafından dolaşılamaz. Wix otomatik olarak görselleri sıkıştırsa, WebP'ye dönüştürse, LQIP ve tembel yükleme kullansa da, yüklenecek daha fazla kaynağın basitçe daha fazla kaynak olduğu gerçeğini hiçbir şey değiştiremez.

Bu yüzden örneğin tek bir sayfada birden fazla görsel galerisi bulunması, sayfanın yüklenme hızını düşürebilir. Galeri ağırlıklı sayfalar siteniz için zorunluysa, performansı artırmak için "Daha Fazla Yükle" butonları eklemeyi düşünün; böylece ilk yüklemede yalnızca birkaç galeri görseli gösterilir.

Başka bir örnek olarak, GIF'ler genellikle daha büyük dosyalardır. Bu nedenle bir sayfada kullanırken (veya çok fazla kullanırken) ya da aynı sayfada GIF ve galeri birlikte kullanırken stratejik olun. Görsel yerleşiminde stratejik davranarak Wix'in görsel optimizasyon yeteneklerinden maksimum fayda sağlayabilirsiniz.

Wix'te Görselleri Optimize Etmek İçin Neler Yapabilirsiniz?

Görsel optimizasyonu denkleminin yarısı sitenizin performansıyla ilgiliyken, diğer yarısı görsellerinizin dizine alınabilir ve ideal olarak arama sonuçlarında yüksek görünürlüğe sahip olmasıyla ilgilidir.

Tabii ki sitenizi erişilebilir hale getirme ihtiyacı da var ve görsellerinizi nasıl optimize ettiğiniz bununla da doğrudan bağlantılıdır.

Alt Metin Ekleme

SEO ve erişilebilirliğin kesiştiği nokta burasıdır. Alt etiketler veya alt metin olarak da bilinen bu öğeler, görselde neyin tasvir edildiğinin yazılı açıklamasıdır. Bunu görselin yazılı versiyonu veya başlığı olarak düşünebilirsiniz. Görseli göremeyen ziyaretçilere (arama motoru botları dahil) görselin ne hakkında olduğunu anlatır.

Wix Editörü'ndeki Görsel Ayarları üzerinden görsellerinize alt metin ekleyebilirsiniz.

Görme engeli olan ziyaretçileri düşünün—yazılı içeriğinizi sesli içeriğe dönüştürmek için ekran okuyucu kullanıyor olabilirler. Okuyucu bir görsele ulaştığında ne olur? Alt metin varsa, okuyucu görsel açıklamasını sesli okur. Bu, görme engelli kullanıcının sayfada ne olduğunu anlamasını sağlar.

Aynı şekilde arama motorlarına da yardımcı olur. Bir arama motoru görsele ulaştığında, o görselin neyi temsil ettiğini anlamak için alt metni okuyabilir.

Peki bu, alt metin olarak tüm görsellerinizin uzun açıklamalarını yazmanız gerektiği anlamına mı gelir? Hayır.

Öncelikle, alt metni arama motorları değil, görme engelli birinin perspektifinden düşünün. Böyle bir kişi görsel hakkında koca bir paragraf dinlemek ister mi? Muhtemelen hayır.

Açıklayıcı ama özlü olun: 

Örneğin, sitenizde şurupla kaplı waffle fotoğrafı varsa, "şuruplu waffle" gibi bir alt metin, "üst üste yığılmış beş waffle, üzerine bol miktarda Kanada akçaağaç şurubu dökülmüş ve üstüne biraz pudra şekeri serpilmiş" ifadesinden çok daha iyidir.

Bu, arama motorlarında yardımcı olacak ve daha da önemlisi, sitenizin erişilebilirliğini artıracaktır.

Wix'te Yapay Zeka ile Alt Metin Oluşturma

Wix Studio premium plan kullanıcıları, tek seferde veya toplu olarak görseller için alt metin oluşturarak zaman kazanabilir.

Nasıl yapılacağını öğrenmek için Wix Yardım Merkezi'ndeki yapay zeka ile alt metin oluşturma sayfasını inceleyebilirsiniz.

Görsel tanıma teknolojileri şaşırtıcı derecede doğru olabilse de, genellikle görsel için bağlam sağlayamazlar bu da yapay zeka kullanırken eklemeniz gereken şeyin tam olarak bu olduğu anlamına gelir.

Özellikle karmaşık infografikler, tablolar/grafikler, soyut grafikler vb. için alt metninize önemli detayları eklemeyi unutmayın.

Bağlam Sağlamak İçin Altyazı Kullanma

Daha açıklayıcı bir şey yazmak istiyorsanız, bunu altyazı için saklayın. İyi ifade edilmiş bir altyazı, okuyucularınızın görseli daha iyi anlamasına ve yorumlamasına yardımcı olmakla kalmaz, arama motorlarına da fayda sağlayabilir.

Arama motorları, görseli bağlamlandırmak için görselin çevresindeki metni kullanabilir. Mümkün olduğunca altyazı kullanın (tabii ki doğal bir şekilde yapıldığı sürece).

Görsel Optimizasyonu Ortak Bir Çabadır

Gördüğünüz gibi, Wix görsellerinizi optimize etmenize yardımcı olmak için otomatik olarak pek çok şey yapar. Aynı zamanda görsel optimizasyon süreci, yüklediğiniz dosya türünden görsellerinizi nasıl adlandırdığınıza kadar çeşitli faktörlere bağlıdır.

Bu faktörleri göz önünde bulundurarak ve görsel uygulamasında stratejik davranarak zamandan tasarruf edebilir ve Wix'in arka planda sizin için yaptıklarından tam anlamıyla yararlanabilirsiniz.,