WordPress için Görüntüler Nasıl Optimize Edilir
Web sitesi ayarlarınıza zarar vermek yerine resminiz olumlu olmalıdır. Siteniz için belirlediğiniz hedeflere ulaşmanıza yardımcı olacaktır. Yavaş web siteleri herkesin kabusudur. Bir web sitesi sahibi olarak, ham formattaki görüntülerin web sitenizin hızı için kötü haber olduğunu bilmelisiniz. SEO sıralamanızı tehlikeye atan ve kitlenize zarar veren yavaş web sitesi hızları. Hıza ek olarak, mümkün olduğunca çok kullanıcıyı almanıza ve sürdürmenize yardımcı olmak için görüntünüz de düzgün bir şekilde konumlandırılmalıdır. Bu bölümde, WordPress için görüntüleri nasıl optimize edeceğiniz konusunda size çeşitli yollar getireceğiz. Görüntüleri optimize etmek tek bir eylemde elde edilemez. Bu, sitenizi istediğiniz gibi etkileyici kılan çeşitli eylemlerin bir kombinasyonudur. Sizi bu basit eylemden geçirmemize izin verin.
Doğru resim biçimini seçin
Takeaway: Bazı renkli fotoğraflar için JPEG’yi seçin ve sıkıştırın. Daha net ve şeffaf fotoğraflar için PNG’yi seçin. Görüntü Boyutunuzu Değiştirme Görüntünüzün boyutlarını azaltır – format ne olursa olsun – dosya boyutunu azaltır. Görüntüyü ne kadar küçük yaparsanız, boyut o kadar küçülür. Bununla birlikte, taşınmayın ve aşırı taşınmayın: Web sitenizin genişliğini düşünün ve görüntü genişliğinizin daha küçük olduğundan emin olun. Yeni bir fotoğraf çok küçük yaparsanız, içerik daha az görünür olabilir. Web sitenizin küçük resimlerde göstereceği sitenizin genişliğini aşan resimler yüklemek mümkündür. Ancak bu, sitenizde sitenizi yavaşlatan büyük görüntülere sahip olduğunuz gerçeğini ortadan kaldırmayacaktır. Dosya boyutunu boyutu değiştirerek yarısından fazla kesebilirsiniz. Yüklemeden önce görüntünün boyutunu değiştirmezseniz, WordPress medya kitaplığında belirli bir fotoğraf seçebilir, düzenlemeyi seçebilir ve boyutu değiştirebilirsiniz.
Görüntüyü kes Boyut ve kesme arasındaki fark, tüm orijinal görüntü öğelerini korumanın boyutunu değiştirmesidir. Öte yandan, kesim birkaç orijinal görüntüyü keser. Görüntünün boyutunu değiştirmek, bazı öğelerin herhangi bir ekran boyutunda küçük ve neredeyse görünmez olacağı anlamına gelir. Özellikle görüntünüz için bir odak noktanız varsa, size yardımcı olun. Görüntünün gereksiz kısmını kesebilir, ilginç bir öğenin daha iyi görünmesini sağlarken dosyayı daha küçük hale getirebilirsiniz. Görüntüleri sıkıştır
Boyutu değiştirdikten ve görüntüyü kestikten sonra, görüntünün sıkıştırılmasıyla daha çok çalışabilirsiniz. JPEG görüntülerini kayıplı sıkıştırma adı verilen bir işlemde sıkıştırabilirsiniz. Bu işlemde, daha küçük bir görüntü dosyası oluşturmak için orijinal görüntü verilerinin bazılarını kaybedersiniz. Burada, görüntünün boyutu ve kalitesi arasında seçim yapmalısınız. Boyutun azaltılması son hedeftir, ancak kalite için ödenmelidir. Bu nedenle, görüntü için istediğiniz işlevselliği azaltmadan boyutu mümkün olduğunca azaltmalısınız. Ancak, görüntü kalitesi sıkıştırma ile çok fazla düşmez. Yalnızca kalite puanını kontrol etmeniz ve beğenip beğenmediğinize karar vermeniz gerekir. Çevrimiçi olarak mevcut sıkıştırma araçları ile sıkıştırma işlemi mümkündür. Tinypng, optimize edilmiş 1 milyardan fazla PNG ve JPEG görüntüsü sunan tek görüntü sıkıştırma aracıdır. Bu, web sitenize yüklemeden önce resminizi optimize etmenin mükemmel bir yolunu sunar. Tinypng PNG ile nasıl çalışır? PNG dosyaları için Tinypng, dosya boyutunu azaltmak için akıllı kayıplı sıkıştırma kullanır. Bu, görüntünün rengindeki seçici azalma anlamına gelse de, çıplak gözle hiç görünmüyor ve dosya boyutu önemli ölçüde azalıyor.
24 bit renk kombinasyonları içeren sıkıştırılmayan sıradan PNG görüntüleri. Sıkıştırma tinypng kullandıktan sonra, daha az ve daha küçük 8 bit renkli görüntüye dönüştürürsünüz. Nicelleştirme olarak da bilinen bu süreç, meta verilerin gereksiz şekilde çıkarılmasını gerektirir. Tinypng ile dosya boyutunu% 70’in üzerine çıkarırsınız ve görüntünüzü şeffaflık ile tamamen uyumlu hale getirirsiniz. Modern bir tarayıcı ile ne kadar iyi çalışır? Tinypng’i benzersiz kılan bir başka yön, tüm modern tarayıcılara desteğidir. Internet Explorer 6’nın PNG şeffaflığını tanımayı reddetmesinin yanı sıra, Tinypng tarayıcıda şeffaf bir arka plan yapar. Tarayıcınız PNG animasyonunu (Chrome, Firefox ve Safari) destekliyorsa, denemekten çekinmeyin. JPEG Sıkıştırma JPEG Sıkıştırma istiyorsanız, artık aramaya gerek yok. Tinypng başlangıçta akıllı JPEG görüntü sıkıştırmasını desteklemek ve mükemmel işler yapmak için inşa edilmiştir. Web sitenizin yavaş yüklenmesinden dolayı sinirli hissediyorsanız, web sitenize resim yüklemeden ve olağanüstü farkı hissetmeden önce TinyPNG kullanın. Bu, bant genişliğinizi kaydedecek ve tüm JPEG ve PNG görüntülerinizi sıkıştırarak sitenizi daha hızlı yükleyecektir.
CDN’den görüntüler servis edin
Web sitenizdeki sunucudan uzak kullanıcılar daha yavaş yükleme hızları yaşayabilir. Bunun üstesinden gelmek için CDN’yi kurabilirsiniz. CDN, ziyaretçilerin kendilerine en yakın sunucu aracılığıyla bağlanmasına izin verir. Bir CDN URL’si olduğunda, kullandığınız önbellek eklentisine kopyalayın. Görüntünün URL’sini CDN URL’nizi içerecek şekilde değiştirin. Bu şekilde, görüntünüz aynı CDN kriterleri aracılığıyla ziyaretçilerinize de sunulacaktır. Tembel Yükleme WordPress Nature, sayfayı aynı anda yüklüyor – sayfayı sorduğunuzda. Görüntü metinden daha yavaş yüklendiğinden, sayfanızın yüklenmesini kesinlikle yavaşlatacaktır.
Resim dosyanızı doğru adlandırın resminizi yüklerken, adlandırdığınızdan emin olun. Bunu yaparken, eklentinizin otomatik olarak alternatif bir metin eklediğini görebilirsiniz. Bu durum idealdir, çünkü resminizi isimlendirmenin en iyi yolu basit bir açıklama iledir. Çok fazla anahtar kelime eklemek sizin için iyi değil. Anahtar kelimeler size SEO açısından avantajlar sağlar. Ancak, resminizde çok fazla varsa, doldurma riski altındasınız! Görüntünüzü Google örneklerinde görüntülenecek optimize edin Arama sonuçlarında zengin snippet’ler almak kolay değildir. Kullanıcıya doğru ve özlü cevapları sağlayan birkaç anahtar kelimeye sahip olmanız gerekir. Hedeflediğiniz anahtar kelimeleri açıklayan bir resim oluşturun. Tıklamaya ilham vermek için gerçek içerik için kullanıcı kalitesine referans. Anahtar kelimeler için ilk sayfada görünmediğinizi fark ederseniz, içeriğinizi artırmak için düzenleyin. Ayrıca, zengin bir fragmana sahip olma şansınızı artırmak için yapılandırılmış bir veri eklentisi (şema) kullanın. Orijinal resimleri kullanın Diğer web sitelerindeki resimleri kullanmaktan kaçının. Fotoğraf ödünç aldığınız web sitesi sunucusunu karşılamak için ek isteklere ihtiyaç duydukları için sizi yavaşlatırlar. Mesele şu ki, WordPress için görüntünüzü nasıl optimize edeceğiniz konusundaki talimatlarımız. Bahsettiğimiz gibi, birini seçip çalıştıramazsınız, iyi sonuçlar bekleyemezsiniz. Görüntü optimizasyonu, çeşitli stratejilerle entegre çabalar gerektirir. Fikri anladığınızdan, uyguladığınızdan ve sadece ziyaretçilerinizi değil, kendinizi de şaşırtmaya hazır olun.
