Jetpack Boost ile Temel Web Verileri için e -ticaret mağazanızı nasıl optimize edersiniz
Çevrimiçi mağazanızı arama motorları için optimize etmek, satışları teşvik etmek için çok önemlidir. Ancak, bu platform genellikle yeni sıralama kriterleri getirir. Son zamanlarda Google, yeni çekirdek web canlılarının inisiyatifinin içeriğin nasıl endekslendiği ve kullanıcıya geri döndüğü konusunda bir faktör olacağını duyurdu. Neyse ki, bu yeni gereksinimleri karşılamanıza yardımcı olabilecek bir araç var. JetPack Boost eklentisi, Metrik Çekirdek Web Vitalleri dikkate alınarak özel olarak tasarlanmıştır ve kolay bir konfigürasyon işlemi sunar. Bu makalede, çekirdek web canlılarını optimize etmenin neden yarışmanızın ön saflarında olmanın anahtarı olabileceğini göreceğiz. Daha sonra size jetpack desteğini nasıl hazırlayacağınızı göstereceğiz ve her modülü etkinleştirdiğinizde perde arkasında neler olduğunu keşfedeceğiz. Bölünelim!
Google’ın temel web verilerine giriş (ve neden önemli) Organik aramadan elde edilen tüm web trafiğinin yüzde 50’sinden fazlası, Arama Motoru Optimizasyonu (SEO) tüm web siteleri için çok önemlidir. Ancak, bu e -ticaret sitesi için çok önemlidir. Çoğu mağaza için gelirin yüzde 40’ından fazlası organik trafikten geliyor. Arama motoru, içeriği dizin ve sıralamak için çeşitli faktörler kullanır ve kullanıcılara doğru ve ilgili sonuçlar sağlar. Böylece, Google gibi platformlar kullanıcı deneyimini (UX) geliştirmek için yeni kriterler uygulamaya devam eder. En son çekirdek web hayati.
Çekirdek Web Vitals Girişimi, kullanıcıların çevrimiçi mağazanızın hızını, duyarlılığını ve görsel istikrarını nasıl gördüğünü ölçer. Özellikle, bu, ilk giriş gecikmesini (FID), en büyük içerikli boyayı (LCP) ve e -ticaret sitenizin kümülatif düzen kaymasını (CLS) ölçer. FID, mağazanızla ilk kez etkileşime giren harcamalar arasında bir gecikme ve tarayıcıları etkileşime yanıt verir. Google’a göre, FID 100 milisaniye veya daha azını hedeflemelisiniz. Bu arada LCP, web sitenizdeki en büyük içerik öğelerini oluşturmanın ne kadar sürmesi gerekir. Google’ın yönergelerini karşılamak için, LCP’nizin 2,5 saniye veya daha kısa sürede yüklenmesi gerekir. Son olarak, CLS, sayfa yükleme aşamasında ortaya çıkabilecek düzende beklenmedik bir değişikliktir. Bu 0-1’den kabul edilir ve ideal ölçüm 0.1’in altındadır. Başlangıçta Mayıs 2021’in lansmanı yapılması planlanan Core Web Vitals, şimdi -2021 yılının ortalarında bir sıralama faktörü olacak. Ancak, Ağustos ayının sonuna kadar sıralama sisteminde tam bir rol oynamayacak. Çekirdek web canlılarını optimize ederek SEO’nuzu geliştirebilirsiniz. Web sitesinin yüzde 15’inden azının temel web veri değerlendirmesini geçeceğini gösteren kanıtlarla, bu aynı zamanda rakiplerinize göre avantajlar elde etmenin bir yolu olabilir.
E -ticaret siteniz için bir performans tabanı nasıl ayarlanır Herhangi birini optimize etmeden önce, bir temel hattı ayarlamak önemlidir. Sitenizi düzeltmek için adımlar atmadan önce ve sonra değerlendirerek, her tekniğin mağaza performansınız üzerindeki doğru etkisini görebilirsiniz. Bu, gelecekteki optimizasyon faaliyetlerini bilgilendirmeye yardımcı olabilecek özel WordPress e -ticaret mağazanız için en büyük faydaları sağlayan eylemleri belirlemenize yardımcı olabilir. Örneğin, yavaş görüntü yüklemesinin etkinleştirilmesi sitenizin hızı üzerinde dramatik bir etkisi varsa, diğer görüntü optimizasyon tekniklerini keşfetmeyi düşünebilirsiniz. Sitenizin performansını Google PagesPeed Insights gibi araçları kullanarak ölçebilirsiniz:
Google ayrıca, gerçek dünya geçmiş verilerini kullanarak sitenizin performansını belirli temel web veri metriklerine göre ölçecek özel bir raporlama aracı oluşturmuştur. Sitenizin performansını Chrome Kullanıcı Deneyimi Raporu (Crux) ile temel web veri metriğine de ölçebilirsiniz. Bu araç, Google BigQuery Public projesi olarak yayınlanan Chrome kullanıcı deneyimi verilerinin veri toplamasını sağlar. Jetpack Boost’a Giriş WordPress sitesi sahibinin SEO’nun başarısına ulaşmasına yardımcı olmak için Jetpack ekibi, JetPack Boost eklentisini yayınladı. Sitenizin performansını artırabilecek birçok eklenti olmasına rağmen, JetPack Boost, Google’ın temel web veri standartlarını karşılamanıza yardımcı olmak için özel olarak tasarlanmıştır.
Bu eklenti Jetpack markasının bir parçası olmasına rağmen, bu eklenti bir JetPack eklentisi gerektirmez. Artışı yükledikten ve etkinleştirdikten sonra, Jetpack Boost’a gidin> WordPress kontrol panelinize başlayın. Bu, birkaç basit yapılandırma adımı atmanızı isteyecektir. Hazırlık işlemi tamamlandıktan sonra, gösterge panelinizin sol menüsünde Jetpack Boost’u tıklayın. Eklenti daha sonra sitenizi tarar ve ilk puanı görüntüler: şu anda Jetpack Boost, ayrı modüller olarak paketlenmiş üç farklı optimizasyon tekniği çalıştırır. Her birini tek tek etkinleştirebilirsiniz.
1. Yükleme Basamaklı Stil Sayfaları (CSS) CSS (Basamaklı Stil Sayfaları), tarayıcıya web sayfalarınızı nasıl düzenleyeceğinizi söyleyen bir kodlama dilidir. Bu, metninizin renginin, görüntünüzün boyutunu ve daha fazlasını belirlemeyi içerir. Bununla birlikte, CSS aynı zamanda oluşturmayı engelleyen bir kaynaktır. Bu, tarayıcının CSS’niz bitene kadar web sitenizi kullanıcılara görüntüleyemediği anlamına gelir. ‘Önemli CSS’ olarak bilinen kodu sayfanızın en üstüne taşıyarak site yükleme süresini artırabilirsiniz: Bu teknik, üst parodaki içeriği görüntülemek için gereken CSS’yi çıkarmak için. Kodu ayrı bir dosyada oluşturmak yerine, en önemli CSS önce yüklenir. Bu, hissettiğiniz sayfanın yükleme süresini ve çekirdek web canlılarınızın puanını artırabilir. CSS Optimize JetPack Boost Yükleme Modülü ayrıca kendi CSS dosyanızın asenkron özellikleri kullanarak web sayfalarınızı engellememesini sağlar. Temayı veya JetPack Boost’u güncelledikten sonra, Ayarlar ekranına geri dönmeniz ve yenilenme bağlantısını tıklamanız gerekebilir:
Bu, CSS’nizin iyi optimize edilmesi için önbelleğinizi silecektir. 2. Temel JavaScript olmayan JavaScript’i erteleyin Bir başka oluşturma engelleme kaynağıdır. Neyse ki, bir süspansiyon elementine sahip. Bu, tarayıcıya JavaScript’i aynı anda indirirken sayfanızı oluşturmaya devam etmesini söyler, ancak sayfa oluşturulana kadar bu kodu çalıştırmaz.
Bu özellik, alt Paro’da görünen görüntüler veya videolar gibi önemsiz öğelerle ilgili JavaScript için kullanışlıdır. Bu modül etkinleştirilir etkinleştirilmez, Jetpack Boost yalnızca kalan sayfalar yüklendikten sonra sadece önemsiz bir komut dosyası çalıştırır. Önemsiz JavaScript’i ertelemek için JetPack Boost’u kullanarak sayfa yükleme süresini azaltabilirsiniz. Ayrıca, ziyaretçilerin içeriğinizle etkileşime başlaması için gereken kodu önceliklendirerek hissedilen yükleme süresini büyük ölçüde artırabilirsiniz. 3. Tembel görüntülerin yüklenmesini etkinleştirin Ortalama olarak, görüntü web sayfasının toplam ağırlığının neredeyse yüzde 17’sini oluşturur. Aynı sayfada birkaç görüntünün olması, içeriğinizi oluşturmak için gereken süreyi önemli ölçüde artırabilir. Ancak, tarayıcının genellikle her görüntüyü doğrudan yüklemesi gerekmez, özellikle alt yarıda görünürken. Tembel yükleme, yalnızca görünür içerik içeren bir optimizasyon tekniğidir. Tarayıcı, kullanıcı daha fazla içerik görüntüleyerek aşağı kaydırana kadar indirmeyi ve ek resimler oluşturacak. Siteniz herhangi bir görsel görüntülerse, yavaş yüklemeyi etkinleştirmelisiniz. Bununla birlikte, birçok yüksek çözünürlüklü fotoğraf kullanıyorsanız veya bir sayfaya birçok görüntü girme alışkanlığınız varsa bu teknik çok önemlidir. Tembel yüklemenin varsayılan olarak WordPress 5.5’te etkinleştirildiğine dikkat edilmelidir. WordPress’in önceki sürümünü çalıştırırsanız, JetPack Boost görüntü optimizasyonundan yararlanmalı ve tembel görüntü yükleme modülünü etkinleştirmelisiniz. Sonuç Google sıralama kriterlerini değiştirdiğinde, e -ticaret siteniz için sorunlara neden olabilir.
Önemli olmayan JavaScript’i erteleyin. Yavaş yükleme görüntülerini etkinleştirin.
Hala Jetpack Boost hakkında sorularınız var mı?Aşağıdaki yorumlar bölümünde sorun!
