WordPress Görüntü Optimizasyonu İçin En İyi Kılavuz

Görüntü optimizasyonu, özellikle bir çevrimiçi mağaza veya stok fotoğrafçılığı yürütürken önceliğiniz olmalıdır. Soasta/Google araştırmasına göre, bunlar dönüşümlerin en yüksek 2. tahmincisi. Yalnızca resimlerinizin en yüksek kaliteyi koruduğundan emin olmakla kalmaz, aynı zamanda kullanıcı deneyimini geliştirmek için sitenizin yeterince hızlı yüklenmesini sağlamalıdır.

Optimize edilmemiş ve büyük dosya boyutlu görseller site hızınızı önemli ölçüde düşürür. Bu, SEO sıralamanızı ve dönüşüm oranını etkiler. Daha fazla kanıta mı ihtiyacınız var? WordPress sitenizde en uygun şekilde sıkıştırılmış görüntülerin faydalarını en üst düzeye çıkarmak için görüntü optimizasyonunun önemini ve ipuçlarını inceleyelim.

Görüntü Optimizasyonu Nedir?

“İmaj, bir şeyin görsel bir temsilidir”. Dijital görüntüler herhangi bir depolama aygıtına elektronik olarak kaydedilebilir. JPEG, GIF, PNG, SVG, TIFF vb. dahil olmak üzere çok sayıda çevrimiçi görüntü dosyası formatı vardır.

Görüntü optimizasyonu, görüntüleri en küçük boyutta en yüksek kalitede ve doğru formatta sunmayı amaçlar. Boyutu sıkıştırarak, doğru dosya türünü seçerek ve iyi bir alt özniteliği sağlayarak fotoğraflarınızı verimli bir şekilde optimize edebilirsiniz.

Görüntü Optimizasyonu Neden Önemlidir?

Kaliteli içeriğin yanı sıra, ölçeklendirilmiş görüntüler birkaç nedenden dolayı önemlidir. Sayfa yükleme süresini azaltabilir, sitenin SEO sıralamasını yükseltebilir ve aynı zamanda dönüşüm oranınızı artırabilirsiniz.

#1 Site hızını artırın

2010 yılında bir web sayfası, video ağırlığının %65,9'unu içeren ortalama 1711,4 kb aldı. İkinci en büyük öğe olan ortalama sayfa ağırlığının %20,7'sini oluşturan resimler de WordPress sitenizde çok fazla ağırlık taşır. Sitenizdeki pek çok sayfa video yerleştirmediğinden, resimlerin ağırlık yüzdesi çok daha yüksek olabilir, yaklaşık %64.

Bu, site hızınızı ve sayfa yüklemenizi büyük ölçüde etkiler. Kullanıcılar bir şey ararken her zaman bilgiyi olabildiğince çabuk almayı tercih ederler.

Sitenizin yüklenmesi ne kadar uzun sürerse, kullanıcıların siteden ayrılma şansı o kadar yüksek olur. Sitenize gelen her 10 ziyaretçiden 5'i, 2 saniyeden kısa sürede yüklenen sayfaları seviyor. Ziyaretçilerin sayfa içeriğinizi görüntülemek için 3 saniyeye kadar beklemesine izin verirseniz, potansiyel müşteri olabilecek trafiğin %40'ını kaybedersiniz.

Bu nedenle, resimleriniz muhtemelen optimize edilmişse, aslında site hızınızı artırıyorsunuz demektir. %10 görüntü sıkıştırması bile sayfa yükleme hızını önemli ölçüde artıracaktır. Sonuç olarak, kullanıcı deneyimlerini iyileştirebilir ve hemen çıkma oranını azaltabilirsiniz.

#2 SEO sıralamasını iyileştirin

Google, hızlı sayfa yükleme hızını tercih ettiği gibi derinlemesine içeriği sever. Bu nedenle, mobil uyumluluk, optimize edilmiş içerik ve bağlantıların yanı sıra sayfa hızını önemli bir sıralama faktörü haline getirmeye karar verdi. Web sayfalarınız ne kadar hızlı olursa, sıralamalarınız o kadar iyi olur.

Aşağıdaki grafik, ilk 3 konumun yüklenmesi 2 saniyeden az süren sayfalar olduğunu tanımlar. İlk arama motoru sonuç sayfasının altındaki sayfalar açılırken yavaş olma eğilimindedir.

Sayfalarınız 2. sayfada takıldığında nadiren oturum alırsınız. İlk sayfanın en altında yer alsalar bile çok az trafik alıyorlar. Ahrefs verilerini analiz eder ve arama yapanların yalnızca %30'unun ilk 3 sonuç bağlantısını tıkladığını gösterir. Ek olarak, tıklamaların %46'ya kadarı ücretli reklamlara gidecek.

İlk sonuç sayfasının en üstünde yer almak için sayfa ve gönderi konumlarını artırmak için her şeyi yapmalısınız.

Belirtildiği gibi, sıkıştırılmış resimler sayfa hızınızda önemli bir rol oynar ve bu da sıralamanızı büyük ölçüde etkiler. Görselleri optimize etmek, Google'ın içeriğinizi daha yüksek konumlara taşımasına izin verme şansını artırmak anlamına gelir, bu da daha fazla trafik alınmasını sağlar.

#3 Dönüşümleri artırın

Dönüşüm oranı her zaman işletme sahiplerinin hedeflediği bir şeydir. Hangi kanallardan ne kadar trafik alırsanız alın, harekete geçenlerin sayısı yolun sonunda asıl umursadığınız şeyi ortaya çıkarır.

Bu dönüşüm rakamı, işletmenizin ne kadar başarılı olduğunu tanımlar. Sektörler arasında, ortalama açılış sayfası dönüşüm oranı %2,35 idi. En yüksek %25, %5,31 veya daha yüksek oranda dönüşüm sağlar.

Ziyaretçileri dönüştürmek için çeken bir sürü ipucu var. Ya koşulsuz iade politikası gibi bir garanti eklemeli ve sosyal kanıt için referanslar sağlamalısınız.

Abone veya sosyal medya takipçi sayıları da dahil olmak üzere şiddetle tavsiye edilir. Ancak açılış sayfalarındaki resimlere dikkat etmeyi unutmayın.

Optimize edilmemiş, jenerik ve yapışkan stok fotoğrafları, markanız hakkında yanlış bilgiler verebilir. İnsanları sosyal kanallarında paylaşmaya ve daha fazla tıklama almaya ikna etmek için siteniz için alakalı resimler sağlamanız gerekir.

Buna ek olarak, ölçeklenmemiş görseller sayfa hızınızı düşürür ve sonuç olarak dönüşüm oranınızı düşürür. Sayfa yükleme süresinde yalnızca 1 saniyelik bir gecikme bile, dönüşümlerde %7'lik bir azalmaya neden olabilir. Bu gerçekten boyunda bir ağrı.

Grafiğin gösterdiği gibi, alışveriş yapanların %79'u web sayfasının hızından veya performansından memnun kalmazlarsa geri dönüp web sitenizden tekrar satın almazlar. Ağızdan ağıza dolaşarak sadece tek bir müşteriyi değil, potansiyel alıcıları da kaybedersiniz.

Görüntü optimizasyonu için ipuçları

"Sorun varsa çözüm de vardır." Web sitesi sıralamalarını iyileştirmek ve kaliteli trafik almak mı istiyorsunuz? Kullanıcıların sitenize gelip herhangi bir işlem yapmadan ayrılmasını istemiyor musunuz? O zaman müşterilerin memnuniyetsizliği, kaçınmak isteyeceğiniz bir şeydir. Aşağıdaki ipuçlarını alın ve web sitenizin görüntüsünü hemen optimize edin.

#1 Alt niteliklerinizi dikkatli bir şekilde optimize edin

Görüntü optimizasyonu yalnızca dosyanın yeniden boyutlandırılmasıyla ilgili değil, aynı zamanda alt öznitelik ayarlamalarıyla da ilgilidir. Arama motorları resminizi okuyamadığından, resimlerinizin ne hakkında olduğunu onlara anlatmak için alternatif metin kullanmanız gerekir.

SEO amaçları açısından, görüntü optimizasyonu web sitenize önemli ölçüde fayda sağlar. Google Görsel arama günde 1 milyardan fazla sayfa görüntüleme aldığından, görselleriniz arama motorunda üst sıralarda yer alırsa çok miktarda organik oturum alabilirsiniz. Nitekim, Google görsel aramada ürün görsellerinin görünmesi, e-ticaret mağazanız için özellikle yararlıdır.

Örnek bir alt niteliğinin kaynak kodu aşağıdadır:

 <img scr=“wordpress-image-optimization.jpg” alt=“WordPress Görüntü Optimizasyonu”>

Resimlerinize başlık ve alternatif metin eklerken bu 3 genel kuralı uygulayın:

• Alakalı anahtar kelimeler ekleyin ve resimlerinizi net bir şekilde tanımlayın. alt niteliği genellikle resim dosya adlarınızla aynıdır. Ancak, alt metne çok fazla anahtar kelime eklememeyi unutmayın.
• Ürün resimlerinizin alt özelliğinde model veya seri numaralarını kullanın. Bu, benzer adlara sahip çeşitli ürünler sunduğunuzda yinelenen alternatif metinleri önler.
• Hiçbir görseli kaçırmadığınızdan emin olmak için web sayfalarınızı ve görsel alt niteliklerinizi sık sık kontrol edin.
• "Grafik", "resim" veya "diyagram" gibi spesifik olmayan kelimelerden kaçının

#2 Resimlerinizin dosya boyutunu küçültün

Sıkıştırılmamış resimler, sayfanızın yüklenmesini büyük ölçüde etkiler. Ölçeklendirilmemiş resimler kullanırken, kullanıcıları gerekenden daha fazla veri indirmeye zorlarsınız. Gereksiz yere büyük resimler kullandığınızda bazı durumlar şunlardır:

• Yalnızca 300 x 169 resim indirmek için 2400 x 1350 resim boyutu kullanıyorsunuz
• Görüntü, genellikle baskı için ayrılan %12/100/Maksimum kalitede dışa aktarılır
• Resminiz, meta veriler, renk profilleri ve gereksiz yere yüksek kalite içeren doğrudan telefonunuzdan veya bilgisayarınızdan yüklenir.

Görüntü boyutunu daha uygun hale getirmek, görüntüleri optimize ederken önceliğiniz olur. Dünyanın en büyük perakendecisi Amazon, sayfaları yüklenirken bir saniye yavaşlarsa yılda yaklaşık 1,6 milyar dolar gelir kaybedeceklerini keşfetti.

Resimlerinizi yeniden ölçeklendiriyorsanız, aslında sitenin ağırlığını azaltıyor ve sayfa SEO sıralamasını yükseltiyorsunuz.

Resimlerinizi yeniden boyutlandırma

Görüntüleri sıkıştırmak için Adobe Photoshop aracındaki “Web için Kaydet” özelliğini kullanabilirsiniz. Görüntü dosyasının boyutunu en yüksek kalitede mümkün olduğunca en aza indirmelisiniz.

Bir web sayfasının toplam ağırlığını 1 veya 2 MB boyutunda tutmak idealdir. Bu yüzden JPG fotoğrafları için dosyalarınızın boyutunu 100'den 200 KB'a ayarlamalısınız. PNG'lerin resimleri, 100 KB veya daha küçük boyutta en iyi performansı gösterir.

Henüz orada durmamalısın. Aslında kayıplı ve kayıpsız bu 2 yöntemi fotoğraflarınızı sıkıştırmak için uygulayabilirsiniz.

Kayıplı seçeneği, resimlerinizdeki fark edilmeyen verileri ortadan kaldırmanıza olanak tanır ve orijinal dosyaya geri dönemezsiniz. Büyük miktarda dosya boyutunun azaltılmasına yardımcı olabilir. Adobe Photoshop ve Affinity Photo gibi araçlar buna yardımcı olur.

Kayıpsız ise, görüntülerinizi kalitelerini etkilemeden yeniden ölçeklendirir. İnsanlar, gereksiz meta verileri JPEG ve PNG dosyalarından kaldırmak için bu yöntemi kullanır. Daha küçük bir dosya boyutu elde ederken görüntünüzün kalitesini koruma avantajını sağlar.

#3 Doğru dosya türünü seçin

Dosya biçimini değiştirmek, doğru dosya türünü seçmenizi sağlar. PNG, JPEG (.jpg) ve GIF, web sitelerine yüklenen en yaygın dosya türleridir.

• En popüler dosya türü olan JPEG (.jpg), küçük dosya boyutlarına rağmen görüntünüzün yüksek kalitesini korur. Bu görüntü türünü optimize etmek için hem kayıplı hem de kayıpsız kullanabilirsiniz.

• GIF , hem hareketli hem de statik görüntüleri destekleyen görüntü dosyaları için kayıpsız bir biçimdir. GIF'ler aslında video değil, daha büyük olasılıkla sesleri olmayan bir flipbook'tur. Bir GIF dosyası oluşturmak için 256 farklı renk kullanabilirsiniz.
• PNJ (Taşınabilir Ağ Grafikleri), daha büyük dosya boyutlarıyla daha kaliteli görüntüler oluşturmanıza olanak tanır. Öncelikle kayıpsız görüntü formatı kullanır, ancak bunun için kayıplı optimizasyon da uygulayabilirsiniz. PNJ, GIF ve JPEG'in yerini alacak şekilde geliştirilmiştir.

Mage dosya türlerini seçmek için ipuçları

JPEG XR veya WebP gibi diğer dosya türlerini düşünebilirsiniz. Ancak, tüm tarayıcılar tarafından yaygın olarak desteklenmedikleri için insanlar bunları nadiren kullanır. WordPress görüntü optimizasyonunuz için dosya türlerini seçerken bu ipuçlarını kontrol edin:

• Bir e-ticaret mağazanız mı var? JPEG'ler, en küçük dosya boyutuyla en iyi görüntü kalitesini sağlayarak ürün görüntüleri için mükemmel olmalıdır.
• GIF'leri yalnızca küçük resimler ve dekoratif resimler için kullanmanızı öneririz. JPEG'lerin aksine, dosya boyutu küçültmenin bir yolu olmadan ürün resimleri için uyguladığınızda çok büyük olacaktır.
• Hem JPEG'leri hem de GIF'leri kullanmak istemiyor musunuz? PNG'ler gitmenin yoludur. PNG-8 yerine PNG-24'ü deneyin
• Ürün fotoğraflarını yalnızca PNG formatında alabiliyorsanız, PNG-24 yerine PNG-8 kullanmayı deneyin. PNG'ler, son derece küçük dosya boyutları nedeniyle basit dekoratif görüntülerde mükemmeldir.

#4 Birden fazla görüntüyü tek bir görüntüde birleştirin

Bir sayfaya birden fazla resim yerleştirmek yerine, sayfanın ağırlığını ve sunucu isteklerini azaltmak için neden bunları tek bir resimde gruplandırmıyorsunuz? Bir örnek vermek gerekirse, tüm bu büyük işletmelerin logolarını daha büyük bir fotoğrafta bir araya getirip sayfanıza ekleyebilirsiniz. Sonuç olarak, bu bölüme yüklenirken, sayfanın her bir logo görüntüsünü yüklemek için birden fazla istek yapması gerekmez.

Aynı görüntülerden bir fotoğraf oluşturmak için Katmanları Otomatik Hizala komutunu kullanabilirsiniz.

Daha İyi Site Performansı için WordPress Resimlerinizi Optimize Edin

Görüntü optimizasyonunun WordPress web siteleriniz için son derece önemli olduğuna şüphe yok. Sıkıştırılmış görseller, web sitesinin ağırlığını ve sayfa yükleme süresini önemli ölçüde azaltabilir, bu da daha yüksek SEO sıralamaları ve daha iyi dönüşüm oranları ile sonuçlanır.

İyi bir alternatif metin yazmaktan dosya boyutlarını yeniden ölçeklendirmeye kadar resimlerinizi optimize etmek için atabileceğiniz birçok adım vardır. Bunun da ötesinde, belirli durumlara bağlı olarak, en iyi görüntü kalitesini göstermek için doğru dosya türünü seçtiğinizden emin olmalısınız. Bir sayfada gereken resim sayısını azaltmak için birden fazla resmi bir araya getirmeniz de önerilir.