WordPress görüntü optimizasyonu için ana kılavuz
Görüntü optimizasyonu, özellikle çevrimiçi mağazalar veya fotoğraf stokları çalıştırırken önceliğiniz olmalıdır. Soasta/Google’ın araştırmasına göre, en yüksek ikinci dönüşüm öngörücü. Sadece görüntünüzün en yüksek kaliteyi koruduğundan emin olmakla kalmaz, aynı zamanda sitenizi kullanıcı deneyimini geliştirmek için yeterince yüklemelidir. Optimize edilmeyen ve büyük olan dosya boyutu görüntüleri sitenizin hızını önemli ölçüde azaltır. Bu, SEO sıralamasını ve dönüşüm oranınızı etkiler. Daha fazla kanıt mı ihtiyacınız var? WordPress sitenizde sıkıştırılmış görüntülerin faydalarını en iyi şekilde en üst düzeye çıkarmak için görüntüleri ve ipuçlarını optimize etmenin önemini açıklayalım.
Görüntü optimizasyonu nedir? “Bir resim bir şeyin görsel bir temsilidir”. Dijital görüntüler herhangi bir depolama cihazında elektronik olarak saklanabilir. JPEG, GIF, PNG, SVG, TIFF vb. Görüntü optimizasyonu, en yüksek kalitede ve en küçük boyutta doğru formata sahip görüntüler üretmeyi amaçlamaktadır. Boyutu sıkıştırarak, doğru dosya türünü seçerek ve iyi ALT öznitelikleri sağlayarak fotoğraflarınızı verimli bir şekilde optimize edebilirsiniz. Önemli görüntülerin optimizasyonu neden? Kaliteli içeriğe ek olarak, boşaltılmış görüntüler de çeşitli nedenlerden dolayı önemlidir. Sayfa yükleme süresini azaltabilir, site SEO sıralamasını artırabilir ve dönüşüm seviyenizi aynı anda artırabilirsiniz.
#1 Site hızını artırın 2010 yılında, web sayfası siteleri video ağırlığının% 65,9’unu kapsayan ortalama 1711.4kb alır. İkinci en büyük unsur, ortalama sayfa ağırlığının% 20,7’sini oluşturan görüntüler de WordPress sitenizde çok fazla ağırlık taşır. Sitenizde videoları yerleştiren çok sayıda sayfa olmadığından, görüntülerin yüzde ağırlığı çok daha yüksek olabilir, yaklaşık%64. Bu, sitenizin hızını büyük ölçüde etkiler ve sayfanızı yükler. Bir şey ararken, kullanıcılar her zaman bilgi almayı mümkün olduğunca çabuk almayı tercih ederler. Sitenizin yüklenmesi için gereken süre ne kadar uzun olursa, kullanıcının bırakma olasılığı o kadar yüksek olur. Siteye inen 10 ziyaretçiden 5’i 2 saniyeden daha kısa bir sürede yüklü sayfaları seviyorsunuz. Ziyaretçilerin sayfa içeriğinizi görüntülemek için 3 saniyeye kadar beklemesine izin verirseniz, büyük olasılıkla potansiyel bir müşteri olabilecek trafiğin% 40’ını kaybedersiniz. Yani, görüntünüz optimize edilebilirse, aslında sitenizin hızını artırırsınız. . % 10 sıkıştırma görüntüsü bile yükleme sayfalarının hızını önemli ölçüde artıracaktır. Sonuç olarak, kullanıcı deneyimini geliştirebilir ve oranı azaltabilirsiniz. #2 SEO Google’ın sevdiği sıralamayı, hız yükleme sayfalarını hızlı seçme gibi derinlemesine içerikle aynı şekilde artırın. Bu nedenle, hücresel misafirperverlik, optimize edilmiş içerik ve bağlantılara ek olarak sayfa hızını önemli bir sıralama faktörü haline getirmeye karar verdi. Web sayfanız ne kadar hızlı olursa, sıralamanız o kadar iyi olur.
Aşağıdaki grafik, ilk 3 konumun 2 saniyeden daha az içeren sayfa olduğunu göstermektedir. İlk arama motoru verimi sayfasının altındaki sayfa açıldığında yavaş olma eğilimindedir. Sayfanız sayfa 2’de sıkıştığında, nadiren oturum alırsınız. Sıralamaları ilk sayfanın altında olsa bile, çok az trafik alıyorlar. Ahrefs verilerini analiz etti ve arayanların sadece% 30’unun ilk 3 bağlantıyı tıkladığını gösterdi. Ayrıca,% 46’ya kadar tıklama ücretli reklamlara yönlendirilecektir. İlk verim sayfasının en üstünde sıralama almak için sayfanın konumunu geliştirmek ve yayınlamak için her şeyi yapmanız gerekir.
Belirtildiği gibi, sıkıştırılmış görüntüler, sayfanızın hızında sıralamanızı büyük ölçüde etkileyen önemli bir rol oynar. Görüntüleri optimize etmek, Google’ın içeriğinizi daha fazla trafik üreten daha yüksek bir konuma getirmesine izin verme fırsatını arttırmak anlamına gelir. #3 Dönüşüm dönüşüm seviyeleri her zaman işletme sahiplerinin hedefidir. Hangi kanaldan ne kadar trafik alırsanız alın, harekete geçenlerin sayısının yolun sonunda gerçekten önemsediğiniz bir şey olduğu ortaya çıktı. Bu dönüşüm şekli, işletmenizin ne kadar başarılı olduğunu belirler. Tüm endüstrilerde, yönerge sayfasının ortalama dönüşüm oranı%2,35’tir. İlk% 25% 5.31 veya daha yüksek bir dönüştü.
#1 ALT özniteliklerinizi yalnızca dosya boyutlarını değiştirmekle kalmayıp aynı zamanda Alt özniteliklerini de ayarlama hakkında dikkatli optimizasyonla optimize edin. Arama motorları resimlerinizi okuyamadığından, resimlerinizi anlatmak için alternatif metinler kullanmalısınız. SEO hedefleri açısından, görüntü optimizasyonu web siteniz için çok faydalıdır. Google’ın görüntü araması günde 1 milyardan fazla sayfa aldığından, görüntünüz arama motorlarında yüksek sırada yer alıyorsa çok fazla organik oturum alabilirsiniz. Aslında, Google’ın resim aramasında ürün görüntülerini görüntülemek, e-niaga mağazanız için çok yararlıdır. Aşağıda ALT özelliklerinin kaynak kodu:
3 Bu genel kuralı uygulayın, resminize alternatif başlıklar ve metin eklerken:
İlgili bir anahtar kelime ekleyin ve resminizi net bir şekilde açıklayın. Alt öznitelikleri genellikle resim dosyası adınızla aynıdır. Ancak, ALT metnine çok fazla anahtar kelime eklememeyi unutmayın.
Ürün görüntüsünüzün özelliklerinde seri model veya seri numarasını kullanın. Bu, benzer isimlere sahip çeşitli ürünler sunduğunuzda yinelenen alternatif metinleri önler.
Herhangi bir resmi kaçırmadığınızdan emin olmak için web sayfalarınızı ve alt özelliklerinizi mümkün olduğunca sık kontrol edin
“Grafik”, “resim” veya “Diyagram” gibi spesifik olmayan kelimelerden kaçının
#2 Sıkıştırılmayan görüntü dosyanızın boyutunu azaltın, sayfanızın yüklenmesini büyük ölçüde etkiler.Boşaltılmayan görüntüleri kullanırken, kullanıcıları gerekenden daha fazla veri indirmeye zorluyorsunuz.Bunlar, gerekli olmayan büyük bir resim kullandığınızda bazı durumlardır: Yalnızca 300 x 169 resmini indirmek için 2400 x 1350 resmin boyutlarını kullanırsınız
Görüntü, genellikle basılacak şekilde ayrılmış olan%12/100/maksimum kalitede dışa aktarılır
Görüntünüz doğrudan meta veri, renk profilleri ve gereksiz yüksek kalite içeren cep telefonunuzdan veya bilgisayarınızdan yüklenir.
Daha uygun bir görüntü boyutu yapmak, görüntüleri optimize ederken önceliğinizdir. 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 buldu. Görüntünün ölçeğini değiştirirseniz, aslında sitenin ağırlığını azaltır ve sayfa SEO sıralamasını artırırsınız. Resim Boyutunuzu Nasıl Değiştirirsiniz Görüntüleri sıkıştırmak için “Web için Kaydet” özelliğini Adobe Photoshop aracındaki kullanabilirsiniz. En yüksek kalitede mümkün olan en düşük görüntü dosyası boyutunu azaltmanız gerekir. Bu, 1 veya 2 MB boyutunun altındaki toplam ağırlık web sayfalarını korumak için idealdir. Bu nedenle JPG fotoğrafları için dosyanızın boyutunu 100 ila 200 kb arasında ayarlamanız gerekir. PNG görüntüsü en iyi performansını 100 kb veya daha az boyutta gösterecektir. Orada durmak zorunda değilsin. Aslında, fotoğraflarınızı sıkıştırmak için bu 2 kayıplı ve kayıpsız yöntemi uygulayabilirsiniz. Kayıplı seçenek, görüntünüzde çok göze çarpmayan verileri ortadan kaldırmanıza olanak tanır ve orijinal dosyaya geri dönemezsiniz. Bu, çok sayıda dosya boyutunun azaltılmasına yardımcı olabilir. Adobe Photoshop ve Affinity Photo gibi araçlar buna yardımcı olur. Kayıpsız, öte yandan, kalitesini etkilemeden görüntünüzün ölçeğini değiştirin. İnsanlar bu yöntemi JPEG ve PNG dosyalarından gereksiz meta verileri silmek için kullanırlar. Bu, daha küçük dosya boyutlarına ulaşırken görüntü kalitenizi korumanın avantajını sağlar. #3 Doğru dosya türünü değiştirme doğru dosya türünü seçin. Doğru dosya türünü seçtiğinizden emin olmak için. PNG, JPEG (.jpg) ve GIF, web sitesine yüklenen en yaygın dosya türleridir.
En popüler dosya türü olan JPEG (.jpg), küçük dosya boyutuna rağmen yüksek görüntü kalitesini korur. Bu tür bir image.gif’i optimize etmek için kayıplı ve kayıpsız kullanabilirsiniz. GIF aslında bir video değil, ancak sessiz flipbook’un olması daha olasıdır. GIF dosyaları oluşturmak için 256 farklı renk kullanabilirsiniz.
PNJ (taşınabilir ağ grafikleri), daha büyük dosya boyutlarına sahip daha yüksek kaliteli görüntüler oluşturmanıza olanak tanır. Bu esas olarak kayıpsız bir görüntü biçimi kullanır, ancak bunun için kayıplı optimizasyon da uygulayabilirsiniz. PNJ, GIF ve JPEG’nin yerini almak için geliştirilmiştir.
Büyücü Dosya Türlerini Seçmek İçin İpuçları JPEG XR veya WebP gibi diğer dosya türlerini göz önünde bulundurabilirsiniz. Bununla birlikte, insanlar genellikle tüm tarayıcılar tarafından desteklenmediği için nadiren kullanırlar. WordPress resminizi optimize etmek için dosya türlerini seçerken aşağıdaki ipucunu kontrol edin:
Bir e-ticaret dükkanınız var mı? JPEG, 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.
Mini görüntüler ve dekoratif görüntüler için GIF kullanmanızı öneririz. JPEG’den farklı olarak, ürün çizimlerine azaltmak için bir araç olmadan uyguladığınızda dosya boyutu çok büyük olacaktır.
JPEG ve GIF kullanmak istemiyor musunuz? PNG senin yolun. PNG-8 yerine PNG-24 deneyin
Yalnızca ürün fotoğraflarını PNG formatında alabiliyorsanız, PNG-24’ün üstünde PNG-8’i kullanmayı deneyin. PNG, dosya boyutu çok küçük olduğu için basit bir dekoratif görüntüde mükemmeldir.
#4 Bazı görüntüleri bir sayfaya birçok görüntüyü koymak yerine bir araya getirin, sayfa ve sunucu isteğinin ağırlığını azaltmak için neden bunları bir araya getirmiyorsunuz? Bir örnek almak için, tüm bu büyük işletmelerin logosunu daha büyük bir fotoğrafa yerleştirebilir ve ardından sayfanıza yerleştirebilirsiniz. Sonuç olarak, bu bölüme yüklenirken, sayfanın her logoyu yüklemek için bazı istekler yapmak zorunda değildir.Anda görüntüsü, aynı görüntünün fotoğrafını oluşturmak için otomatik hizalama katmanları komutunu kullanabilir. WordPress görüntülerinizi daha iyi site performansı için optimize edin, görüntü optimizasyonunun WordPress web siteniz için çok önemli olduğu kanıtlanmıştır. Sıkıştırılmış görüntüler, web sitelerinin ağırlığını azaltabilir ve sayfaların açık süresini önemli ölçüde azaltabilir, bu da daha yüksek bir SEO sıralaması ve daha iyi bir dönüşüm oranı ile sonuçlanır. İyi bir alternatif metin yazmaktan dosya boyutuna kadar görüntünüzü optimize etmek için atabileceğiniz birçok adım vardır. Buna ek olarak, belirli durumlara bağlı olarak, en iyi görüntü kalitesini görüntülemek için doğru dosya türünü seçmeyi sağlamalısınız. Bir sayfada ihtiyaç duyulan görüntü miktarını azaltmak için birkaç görüntüyü bir olarak birleştirmek de önerilir.
