DE{CODE}: Hızlı e-Ticaret Web Siteleri Oluşturmak için 6 WooCommerce Geliştirici Püf Noktası

Satışların yanı sıra site hızı, e-Ticaret web siteleriniz için belki de en önemli ölçüttür. Neden? Hızlı e-Ticaret web siteleri daha fazla trafik alır, daha yüksek dönüşüm oranlarına, daha düşük hemen çıkma oranlarına sahiptir ve daha fazla geri dönen ziyaretçi üretir. Bu oturumda, WP Engine Kıdemli Ürün Müdürü Jeremy Benoit ve Mühendislik Müdürü Catherine Kelly, WooCommerce mağazanızı daha da hızlı hale getirmek için geliştirici hilelerini, WP Engine özelliklerini ve diğer araçları keşfediyor.

Oturum Slaytları

Tam Metin Transkript

JEREMY BENOIT : Herkese merhaba, DE{CODE} 2022'ye hoş geldiniz. Burası e-ticaret yolu. Ben Jeremy Benoit, WP Engine'de kıdemli ürün müdürüyüm ve burada WooCommerce performansını iyileştirmeye yönelik altı ipucu hakkında konuşmak için buradayız. Bugün bana meslektaşım Catherine Kelly katılacak ve başlayalım.

Bu yüzden yazılım mühendislerimizden biri olan Chris Weigman'dan bir alıntı paylaşarak başlayacağım. Google'a göre, bir sayfanın yüklenme hızı üç saniyeden uzun sürerse kullanıcıların %53'ü siteyi terk edecek. Bu, onlara o ürün sayfasındaki tüm verileri, gönderdiğiniz tüm resimleri, ürünle ilgili tüm bilgileri, tüm küçük pencere öğelerini ve reklamları almak için tam olarak üç saniyeniz olduğu anlamına gelir ve bu size neden ' Bugün hızdan bahsediyoruz, çünkü bir müşteri deneyiminin hızı çok önemlidir.

Sayfa hızı, tek bir sayfanın yüklenme süresidir ve çeşitli şekillerde ölçülebilir. İki kritik yol, Google PageSpeed ​​Insights tarafından kullanılan İlk Bayt Süresi veya genellikle alışveriş yapanların yaşadıklarının bir yansıması olan Tam Sayfa Yükleme Süresi veya Son Bayt'tır. Sayfa hızı, alışveriş sitenizdeki dönüşüm oranlarını da etkiler ve aynı zamanda e-ticaret sitenizin SEO'sunu da etkiler.

Hızın kritik bir parçası, müşteri deneyiminizin kalitesi için mükemmel barındırmadır. WP Engine'in bilgi işlem için optimize edilmiş platformunda, statik veya dinamik tüm alışveriş içeriğinizde gelişmiş performans için gelişmiş bir E-ticaret deneyimi sağlıyoruz. 6 ipucu ve püf noktasına başlarken, burada birazdan bu iki farklı içerik türünden bahsedeceğiz. Şimdi onu meslektaşım Catherine'e vereceğim.

CATHERINE KELLY : Şerefe. Bunun için teşekkürler Jeremy. Bugün WooCommerce, yapılandırması ve bir E-ticaret mağazası kurma ile ilgili altı ipucunu ele alacağız. Bazı deneyimli geliştiriciler için bu ipuçları ve tavsiyeler size oldukça tanıdık gelecek, ancak bazı yeni geliştiriciler için bazı yararlı bilgiler edinebilirsiniz.

Bu yüzden bugün WooCommerce ve önbelleğe alma, medya optimizasyonu, arama optimizasyonu, Ajax alışveriş sepeti parçaları, özel siparişler tablosu ve başsız hızı ele alacağız. Bu yüzden ele alacağımız ilk kişi için WooCommerce ve önbelleğe alma. Buna girmeden önce, önbelleğe alma ile ilgili sahip olduğunuz farklı seçeneklerin neler olduğunu ve bunun ne olduğunu anlamak istiyoruz ve ardından bu konuda nasıl iyileştirmeler yapacağımıza yaklaşabiliriz.

Böylece önbelleğe alma, performans sorunlarıyla ilgili olarak kutsal bir kâse olduğu izlenimini verebilir. Aslında, önbelleğe alma başlangıçta performansla ilgili olarak oluşturulmamıştı, ancak bilgisayarların her seferinde yeniden hesaplamak yerine aynı isteğe tekrar tekrar otomatik yanıt vermesiydi. Önbelleğe alma, bir isteğe verilen yanıtı geçici olarak depolamak ve ardından aynı yanıtı aynı talebe daha sonraki bir zamanda aynı kaynağa teslim etmek için kullanılan bir tekniktir.

Yani bu biraz sinir bozucu çocuklardan biri gibi – sinir bozucu çocuğunuz size her gün aynı soruyu tekrar tekrar soruyor, neden, neden, neden gibi ve siz de buna otomatik bir yanıt vermek istiyorsunuz. Ve bu gerçekten işe yarayabilir ve statik siteler için statik bilgi sunarken her zaman aynı yanıtı veriyorsunuz. Ancak bu yaklaşım e-ticaret konusunda pek işe yaramıyor çünkü işin içine bir İngiliz anahtarı atıyor çünkü her seferinde sunucuya gelen istekler her zaman aynı olmayacak ve yapmanız gerekiyor. aynı anda farklı kullanıcılardan gelen farklı isteklerin sepetlerle ilgili olarak işlenmesi ve kontrolü.

Ayrıca, müşterilerinizle ilgili olarak yaptığınız önceki işlemleri, alışveriş sepetlerinde nelerin olduğunu, mağazanızda artık nelerin bulunmadığını hatırlamak istersiniz, böylece alışveriş sepeti o kullanıcıya sunulanları doğru bir şekilde yansıtabilir. Ayrıca, önbelleğe almayla ilgili olarak, A müşterisiyle ilgili bir alışveriş sepetini B müşterisine vermediğinizden emin olmak istersiniz ve aslında başka birinin gerçekte ne sipariş ettiğini görebilirler, temelde bilgi sızdırır, ki bunu istemezsiniz. . Sizi önbelleğe almayla ilgili olarak sahip olabileceğiniz sınırlı bir denge vardır - bu, müşterilerinize sitenizle meşgul kalmaları için kişisel bir dokunuş sunmaya çalıştığınızda hizmet etmek oldukça zordur. Yani sahip olduğumuz farklı önbellek seviyeleri ve türleri – bir sunucu önbelleği.

Ve sunucu önbelleği genellikle diğer tüm önbellekler gibidir. Temel olarak, sayfayı ne zaman oluşturduğunuz ve bunu belirli bir istek için sunduğunuz açısından sunucunuzdaki önbellektir. O sunucunun hemen yanında durup bir talepte bulunduğunuzda, cevabınız anında olabilir. Ancak, e-ticaret kişiniz veya kullanıcınız gibi 1.000 kilometre uzakta olduğunuzda, yanıtın onlara ulaşması çok zaman alabilir.

Daha sonra uygulama önbelleğiniz olur. Ve WordPress ve WooCommerce'deki uygulama önbelleğini yönetmek için eklentileri kullanabilirsiniz. W3 Total Cache, WP Rocket gibi eklentilerin tümü, uygulama içi önbelleği yönetmek için seçeneklere sahiptir ve bu eklentiler temelde istenen bir sayfanın ve bir dosyanın geçici bir sürümünü sunucularında depolar. Bu, önbelleğe almanın çok verimsiz bir yolu olabilir ve sunucunun kendisinde veya hızlandırılmış etki alanları veya önbelleği küresel olarak dağıtan Cloudflare gibi bir hizmette önbelleğe alma yeteneğiniz varsa kullanılmamalıdır.

Daha sonra tarayıcı önbelleğiniz olur. Ve tarayıcı önbelleği temel olarak son kullanıcının önbelleğidir. Örneğin, bir sitede güncellediğiniz bir şeyle karşılaştınız mı ve sitenizi geliştirirken ve gözden geçirirken bunu ön uçta otomatik olarak görmediniz mi? Bunun nedeni, söz konusu gerçek tarayıcıda önbelleğe alınmış olmasıdır. Temel olarak, o sayfanın veya varlığın bilgisayarınızdaki veya telefonunuzdaki kullanıcınızın tarayıcısında saklanan geçici bir sürümüdür.

Oradadır, böylece o sayfanın görüntülenmesini hızlandırmak için aynı sayfayı veya varlığı birden çok kez indirmenize gerek kalmaz, bu da statik bir siteniz olduğunda yine oldukça iyi çalışır. Ancak e-ticaret sitesi gibi dinamik bir siteniz olduğunda, her zaman ürünleri, açıklamaları ve bilgileri sunmaya çalışıyoruz. Olabilir – istediğiniz kadar etkili olmayabilir.

Ardından, proxy CDN önbelleği olarak bilinen şeye sahip olursunuz. Bir proxy CDN önbelleği, kaynak sunucunuz arasında oturan bir önbellektir - yani, ilk orijinal sayfayı geliştiren ve sunan sunucu budur - ve gerçek kullanıcının tarayıcısının kendisidir. Hızlandırılmış etki alanları ve Cloudflare bir tür proxy CDN'dir. Ve tüm istekler ve yanıtlar, orijinal sunucuya ulaşmadan önce etki alanlarından geçer.

Temel olarak, kullanıcılarınız için statik bir içeriğin dağıtımını hızlandırmak amacıyla dünya çapında stratejik olarak yerleştirilmiş bir sunucu grubudur. Yani 1.000 mil uzaktayken neredeyse orijinal hizmet veren sunucunun hemen yanında duruyorlar. Böylece o sayfanın sunulmasını hızlandırır. Statik varlıklarınız belirli bir konumdaki tüm uç sunucularda önbelleğe alındığında, sonraki tüm ziyaretçiler ve statik bilgi talepleri, orijinal sunucu yerine uç sunucularınız olarak bilinen sunuculardan iletilir, böylece yük azalır ve performans hızlanır ve ölçeklenebilirliği geliştirme.

Yani bunların hepsi genel olarak belirtildiği gibi statik sitelerle ilgili olarak çok iyi çalışıyor. Ancak e-ticaret önbellekleri işlere bir İngiliz anahtarı koyuyor. Ve e-ticaret - işlerde bir anahtar olmasının nedeni, her zaman dinamik olarak güncellenen giriş yaptığınız sayfalarınız, alışveriş sepetleriniz, ödemeleriniz, istek listelerinizle ilgilidir. Bu nedenle, normalde, örneğin blog sitesinde ihtiyaç duyacağınız kadar statik değiller.

Genel olarak, GET isteğini önbelleğe alabilirsiniz. Ve GET istekleriyle veya adından da anlaşılacağı gibi, bir miktar kaynak alma isteği. Bahsedildiği gibi, GET isteklerini önbelleğe almak genellikle güvenli olsa da, oturum açılan sayfayı, alışveriş sepetlerini ve ödemeleri yeniden önbelleğe almak istemezsiniz. Bunları müşteriye her zaman mümkün olduğunca taze ve yeni olarak sunmak istiyorsunuz, böylece güncel ve doğru.

Yani sepetten bir şey teslim etmek istemezsiniz ve yazmazsınız – onu önbellekle yazmayın. Genellikle, alışveriş sepetinde bir şey olduğunda, çoğu sunucu önbelleği tamamen atlar. Böylece, CDN'nizden ziyade orijinal sunucunuzdan hizmet verme sorununa geri döndünüz. O halde yapmanız gereken şey, bu konuda akıllı olmanız ve şunu anlamanızdır: Tamam, CDN sağlayıcımdan gelen statik öğelere nasıl hizmet verebilirim ama her zaman gerçek orijinal sunucumdan dinamiği uygulayabilirim, böylece her şey güncel ve doğru olur?

Bu nedenle dikkat edilmesi gerekenler – sunucu önbelleği için, web sayfasını sunucu oluşturduğundan, sunucu önbelleği, sayfanın tüm sayfadaki her seferinde sıfırdan oluşturulmayan bölümlerini hatırlamasını sağlar. Ve tarayıcı önbelleğe alma ile bu, tarayıcının bir web sayfasının nasıl göründüğünü hatırlamasına yardımcı olur, böylece sunucuyla veri alışverişi yapmak için zaman harcamak zorunda kalmaz. Ve bu, bahsedildiği gibi, birden çok sayfaya erişen ziyaretçiler için yararlıdır çünkü statik dosyalar olabilir. Örneğin, styleSheets, JavaScript dosyalarının tümü tarayıcıda saklanabilir.

Bu nedenle, önbelleğe almayla ilgili en iyi uygulamalar için HTML'yi her zaman seçerek önbelleğe alın. Temel olarak, ilk seviye olarak, statik bir anonim içerik için statik bir anonim gibi davranacak şekilde her şeyi önbelleğe alın. Ardından, önbelleğin belirli öğelerini atlamak için bir tanımlama bilgisi kullanarak, çerezlerdeki önbelleği atlamaya çalışın ve alışveriş sepetinizdeki, dilek listenizdeki her şeyi önbelleğe alın. Ve her zaman Cloudflare yapılandırmanızla ilgili olarak yaş önbelleğinizi, yaşama sürenizi ayarlayın. Bu, önbelleğinizin her zaman güncel kalmasını ve orijinal kaynakla eşleşmesini sağlamalıdır.

Dolayısıyla, e-ticaret müşterilerimizle konuşurken anladığımız şeylerden biri, bunun genellikle geliştiricilerin gidip kendi başlarına çözmeleri gereken bir sorun olduğu. Bu nedenle, WP Engine'deki geliştirmemizin bir parçası olarak, varsayılan olarak tüm bu önbelleğe alma kurallarının varsayılan olarak ayarlandığı WooCommerce'in tedarikine ve kurulumuna izin veren e-ticarete özel bir çözüm üzerinde çalışıyoruz. Bu yüzden tüm statik şeyleri önbelleğe alıyoruz ve ardından tüm dinamik şeyleri önbelleğe almıyoruz, böylece her zaman taze kalıyor. Sizin için her zaman sürekli olarak yenilenir. Ve böylece, kullanıcılarınız için alışveriş sepeti parçalanması gibi bir çatışmanız olmaz.

Medya optimizasyonu – içeriğin sunucunuzdan e-ticaret sitenizde bulunan son kullanıcınıza iletilmesiyle ilgili olarak kritik olan başka bir şey, medya optimizasyonu ile ilgilidir. Düşünülmesi gereken ilk şey, medya optimizasyonu nedir? Bunun hakkında ne yapabiliriz? Müşterilerin sitelerinde gezinirken ve sitelerini kullanırken hızlı, etkili ve dinamik bir deneyim yaşamalarını nasıl sağlayabiliriz?

Bu nedenle, resimler ve video söz konusu olduğunda, yine müşterilerinize fiilen kullandıkları cihaza göre optimum bir deneyim sunmak için farklı optimizasyon türleri gerekir. Dolayısıyla, medya optimizasyonu en iyi araçları, gelişmiş stratejileri ve deneyleri kullanma sürecidir, çünkü bir e-ticaret sitesinin performansını sunmak için her zaman denemeler yapmak istersiniz. Varlık optimizasyonu istiyorsunuz. Verimlilik ve güvenilirlik arasındaki dengeyi bulmaya çalışır.

Bu nedenle, müşteriniz için içeriği her zaman sitenizin performansına zarar vermeyecek şekilde mümkün olan en hızlı şekilde sunmak istiyorsunuz. Medyanın tüketilebileceği farklı platformları ve varlıkları (örneğin, bir dizüstü bilgisayar veya PC veya mobil cihaz) göz önünde bulundurarak en iyi görünen içeriği en kısa sürede sunmak istiyorsunuz ve bizim gibi İçeriğin bir e-ticaret mağazasından da teslim edilip tüketilebildiği TV ekranları, iPad'ler ve bunun gibi başsız, çok sayıda farklı cihaz türüne geçiş yapın.

Dolayısıyla, düşünmek istediğiniz şey, web'i iyileştirmek için görüntü optimizasyonunu iyileştirmektir – daha fazla trafik çekmek, bu dönüşümleri artırmak, mağaza sahibiniz, markanız veya satıcınız için geliri artırmak için sitenizin performansı. Ve web sitesi optimizasyonunun en kritik yönlerinden biri, arama ve optimizasyon üzerinde bir etkiye sahip olmasıdır. Dolayısıyla, resimleriniz ve videonuz hızlı ve hızlıysa, aslında arama motoru optimizasyonu açısından daha iyi bir puan alırsınız.

Optimize edilmiş varlıklar, yalnızca ürünlerinizi daha çekici ve potansiyel müşteriler için daha görünür kılmakla kalmaz, aynı zamanda aramada ve yine arama motoru optimizasyonunda daha sık görünmelerini sağlar. Hatırlanması gereken en önemli şey, resimler ve videolar için yavaş yüklemeye bakmaktır. Tembel yükleme, temel olarak, engellemeyen veya kritik olmayan kaynakları belirleme ve bunları yalnızca gerektiğinde yükleme stratejisidir. Böylece, temelde ekranın üst kısmındaki içerik yüklenir ve kullanıcıya öncelikli olarak gösterilir ve ardından, bu ekranın altındaki her şey için geri kalan tüm oluşturmayı erteleriz, böylece aşağı kaydırdıkları her şey.

Bu optimizasyon tekniği, kullanıcının göreceği ilk görüntülerin ve içeriğin ilk olarak görüntülenmesini sağlar. Ve böylece, henüz gerçekten izleyip görmeyecekleri şeyleri indirerek kaynakları israf etmiyoruz. Google'ın kendisi tembel yüklemeyi önerir ve temel olarak ekran dışı görüntülerin ertelenmesi olarak adlandırılır. Ve sonra yükleme zahmetine girmeyin derim.

İsterseniz bir geliştirici olarak resimlerinizin her birini manuel olarak veya videonuzu geç yüklenmiş olarak etiketleyebilirsiniz. Ancak tahmin edebileceğiniz gibi bir e-ticaret sitesi için bunu yapmak oldukça zahmetli bir iş olacaktır. Ayrıca, bu görüntülerin her birini manuel olarak etiketleme konusunda rahat hissetmiyorsanız, bunu yapmak için bir eklenti kullanabilirsiniz. Google'da WordPress için en iyi yükleme eklentileri için hızlı bir aramanız varsa, orada kullanılacak en iyi eklentiler için bazı öneriler vardır.

Ancak bizim için ve e-ticarette, bunları örneğin WP Rocket'e yapıştırmanızı öneririz. Adobe tembel yükleme optimizasyonu sunar. Dikkate almak isteyeceğiniz şeyler de mobil kullanıcılarınızı her zaman hatırlamaktır. Ekranları ve performansları daha küçüktür, bu nedenle çok büyük görüntüler yüklemenize gerek kalmaz. Bunu küçültmek istiyorsun.

Tüm resimleriniz için sıkıştırma kullanmak istiyorsunuz, çünkü bu, bant genişliğinden %40 gibi büyük bir tasarruf sağlayacaktır ve ayrıca o ekranın ve dosya formatının yüklenmesi, resimler için çok önemlidir. Örneğin, JPEG'de 600'e 600 görüntü olduğu için 100 kilobayt, PNG 216 iken WebP sadece 56 kilobayttır. Tamam, sunulacak tüm bu görüntüler için kullanacağım dosya formatı nedir? Özellikle bir e-ticaret sitesinden, potansiyel olarak binlerce ürüne, binlerce görsele ve bu görselleri ve içeriği de yedekleyecek yüzlerce videoya sahip olabilirim.

Resimlerinizi her zaman yeniden boyutlandırmak istersiniz. Imagify, Youoptimizer, TinyJPG gibi çevrimiçi araçlara bakabilir ve WordPress'te resimlerinizi optimize etmek için bunlara bakabilirsiniz. Imagify, WP Rocket ile aynı ekip tarafından yapılmıştır ve normal, agresif ve ultra olmak üzere üç farklı düzey türü kullanarak görüntüleri otomatik olarak sıkıştıran çok sezgisel bir eklentidir. Ayrıca, görüntü boyutunu son kullanıcılarınız için uygun hale getirmenize olanak tanır.

Küçük resim boyutlarınıza da dikkat edin. Onları küçük tutun, çünkü zaten küçükler. Arka planları basit tutun. Arka planları kaldırmak ve basitleştirmek için arka planları güncellemek için remove.bg ve Slazenger gibi araçları kullanın. Ayrıca daha hızlı küresel teslimat için bir CDN kullanın. Her zaman, resimlerinizle birlikte, her zaman bu resimlere alternatif yararlı etiketler ekleyin.

Bu SEO, arama motoru optimizasyonu ile yardımcı olur. Ve her zaman etiketlerinizin görselinizin veya videonuzun içeriğini gerçekten yansıttığından emin olun. Geliştiriciler olarak bazen RDHD gibi kısaltmalar yapabilir veya sadece Y bandına gidebiliriz. Bunun sarı şeritli kırmızı bir şapka olduğunu biliyoruz. Ancak SEO bunun ne olduğunu bilemez, bu nedenle görüntü sunumu açısından daha gerçekçi veya dilli olmaya çalışın.

Yani video optimizasyonu da veri sıkıştırma araçlarını kullanın. Yine, mobil kullanıcılarınızı hatırlayın. Mümkünse her şeyi HTML5 biçimlerine dönüştürün. Sesi olmayan herhangi bir video için sesi tamamen kaldırın. Sahip olmanın bir anlamı yok çünkü sadece bant genişliğini tüketiyor. İçerik dağıtım ağlarını tekrar kullanın. Video sitelerinizi belirtin ve yine yavaş yüklemeyle ilgili olarak, sayfanız tamamen indirilene kadar bu görüntülerin yüklenmesini her zaman erteleyin.

Arama motoru optimizasyonu – bildiğimiz gibi, arama optimizasyonu temelde aramanızı, aramanızın etkinliğini artırabilecekleri ve böylece satıcınız için satışlarınızı artırabilecekleri ve bu konuda uzman olan belirli bir hizmet sağlayıcıya aktarma dediğimiz bir yöntemdir. kullanıcı Varsayılan olarak bildiğimiz gibi, WooCommerce dahili bir arama özelliği ile gelir. Ancak, ürün özellikleri, özel alanlar ve açıklamalar için eşleşmelerle ilgili işlevsellikle ilgili olarak arzulanan çok şey bırakıyor. çok yavaş. İyi bir kullanıcı deneyimi sunmuyor. Ve günün sonunda, çok etkisiz.

WooCommerce ile ilgili bir ürün araması yaparsanız, ya istediğiniz kadar verimli çalışmaması açısından ortak bir özelliktir. Gerçekten, yapmak istediğiniz şey, müşteri yolculuğunu kesintiye uğratmaması için güçlü bir hata toleransına sahip bir arama özelliğine sahip olmaktır. Güçlü bir sorgu otomatik tamamlamasına sahip olmalarını ve daha iyi sonuçlar için doğal bir dil işlemesine sahip olmalarını istiyorsunuz, bunların tümü WooCommerce aramasında eksik.

Ayrıca, raporlamada kolay iyileştirmeler için kapsamlı analitik etrafında bir özelliğe sahip olmak istersiniz, böylece yanıtlar açısından oluşturduğunuz aramanızın etkinliğini, müşterilerinizin ne aradığını, ne kadar iyi olduğunu gerçekten görebilir ve görebilirsiniz. bu, ürünlerle eşleşiyor mu ve buna gerçekten yardımcı olmak için yapılandırmada ne gibi değişiklikler yapabilirsiniz? Temel olarak, müşterinizin aradıklarını daha hızlı bulmasına yardımcı olun.

Peki ne yapabiliriz? Bahsettiğim gibi, arama deneyimindeki sürtüşmeleri azaltmak ve müşterilerin istediklerini bulmalarına yardımcı olmak için yaptığımız şey, arama yükünü boşaltmayı kullanıyoruz. Yani temelde üçüncü bir tarafça gerçekleştirilen bir süreçtir. Woo ile entegre olduğu için WooCommerce arama yeteneğini geliştirir. Temelde istediğiniz gibi filtrelemek için widget'lara sahiptir. Kullanıcılara marka güvenini artırmaya yardımcı olabilecek sonuçlar sağlar.

Otomatik önerme özelliğine sahiptir ve ağırlıklandırmayı yapılandırabilir ve uyarlayabilirsiniz. Müşteri sonuçları verebilirsiniz – özel sonuçlar. Bahsettiğim gibi kritik olan anında otomatik arama ve arama analitiğine sahip olabilirsiniz. Ne kadar etkili olduğunu görmek için aramayı analiz edemiyorsanız, arama yapmanın bir anlamı yoktur. Ayrıca, müşterilerin istediklerini bulabilmelerini sağlamak için SEO entegrasyonunuzun ince ayarını yapmanıza yardımcı olur. Google'da arama yaptıklarında, aradığınız şeye bağlı olarak bu siteye giderler.

Ayrıca, müşteri amacının ortaya çıkarılmasına yardımcı olur ve müşterilerin ilgi alanlarına ilişkin verileri ortaya çıkarır. Ne arıyorlar? Ne satın almak istiyorlar? Onları sitenize çeken nedir? Ne arıyorlar?

Aramayla ilgili önerimiz, otomatik tamamlamayı aramanızdır. Bu nedenle, bununla ilgili önerilerde bulunun. Ve her zaman hata düzeltmeyi etkinleştirin. Bu nedenle, birisi bir ürünle ilgili olarak yanlış bir şey yazarsa, bunu hatırlamamaya çalışın. Bir ürünle ilgili olarak doğru yazımı veya açıklamayı deneyin ve her zaman hatırlayın. Sitenizde arama etkinleştirildiğinde asla bir kullanıcının çıkmaza girmesine izin vermeyin.

Her zaman bir sayfanız olsun. Sitenizde olmayan bir şeyi arıyor olsalar bile, onları şu anda söz konusu ürünü bulamıyoruz yazan bir sayfaya yönlendirin. Lütfen satış departmanımızla vb. iletişime geçin, bunu yapmanıza yardımcı olabiliriz. Bu, söz konusu kullanıcı için daha iyi bir deneyimdir ve aynı zamanda o müşteride güven oluşturur.

Her zaman optimize edin. Müşterilerin aradıklarına dayalı olarak analitik araştırma yaparken, bu terimlere göre optimizasyon yapın, böylece diğer müşteriler onları aramak için geri döndüklerinde onları gerçekten keşfedebilirler. Tüm ürünlerinizde etiketler, başlıklar ve açıklamalar kullanın. Aramanızın ekmeği ve yağı onlar.

Bu nedenle, tüm verilerinizin doğru olduğundan, ürünün ne olduğunu yansıttığından ve her zaman belirli bir satıcı sitesinde bulunan mümkün olduğunca tek tek ürünleri açıkladığından emin olun. Aramanızı mobil için yapılandırın. Ve mobil arama, web sitesi açısından dizüstü bilgisayar aramasından biraz farklı, diyelim mi? Aramanızda bunu yapılandırdığınızdan ve etkinleştirdiğinizden emin olun. Ve her zaman analitiğinize geri dönün.

WP Motoru açısından, ElasticPress ile temel olarak, otomatik olarak varsayılan olan ve e-ticaret teklifimizin bir parçası olarak yüklenen birinci sınıf bir arama eklentisi olduğuna inandığımız bir teklif için ortaklık kurduk. Tüm otomatik önerme, ağırlıklandırma, müşteri sonuçları ve daha fazlasını sunar.

Ve şimdi WooCommerce için tavsiye ve rehberlikle ilgili üç ipucumu tamamladım ve bunu Jeremy'ye geri vereceğim. İşte böyle, Jeremy. Teşekkür ederim.

JEREMY BENOIT: Bakılması gereken başka bir alan da AJAX sepeti fragmanı. AJAX alışveriş sepeti parçası, aranan bir kod parçasıdır. Gecikmeler oluşturması, sunucu artışlarına neden olması ve gereksiz yere çalışmasıyla tanınır. Ancak AJAX sepeti parçası gerçekten o kadar kötü mü?

Amacı, sepeti yeni ürünler, yeni ürün fiyatları, yeni ürün miktarları ile güncellemek, bir sayfa yeniden yüklemeye zorlamadan fiyatlandırmayı hesaplamaktır. Ancak sepet, ajan komut dosyasını parçalar, her sayfada çalışır; ana sayfada, ürün sayfasında ve hatta sepete ekleme eylemlerinin olmadığı sayfalarda bile. Bu, hakkımızda sayfanız veya hatta bize ulaşın sayfanız olabilir.

Şimdi, bu çalıştırma veya bu uygulama, bazen sitenizin performansını ve müşterinizin deneyimini kesintiye uğratan sunucu artışlarının veya gereksiz kaynakların kullanılmasının suçlusudur. Şimdi ideal olarak, alışveriş sepeti parçası AJAX, yalnızca sepete ekle eyleminin olduğu yerde veya sitenizde alışveriş sepetini açmak veya alışveriş sepetiyle dinamik olarak etkileşim kurmak için bir eylemin kullanılabileceği dinamik bir alışveriş sepetiniz varsa çalışmalıdır. Peki AJAX sepeti parçası hakkında ne yapılabilir?

Pekala, çoğu zaman insanlar, bizim yaptığımız gibi, bu araba parçasını devre dışı bırakmayı önerir ve AJAX araba parçasını devre dışı bırakmanın iki yolu vardır. A, sepet parçası devre dışı bırakma özelliğine sahip bir eklenti eklemek istiyorsunuz. Sepet parçanızı devre dışı bırakabilecek epeyce eklenti var. Ancak diğer bir yol da, php düzenlemeye aşina iseniz, temanızın functions.php dosyasını düzenleyerek sepet parçalanmasını devre dışı bırakabilirsiniz.

Bazı riskler var. Sepet parçasını devre dışı bıraktığınızda, bazı sepet widget'ları sorun yaşayabilir. Dolayısıyla, istediğiniz gibi çalıştıklarından emin olmak için sepet widget'larınızı devre dışı bıraktıktan sonra test etmek istiyorsunuz.

Şimdi bir sonraki numara veya ipucu, piyasaya sürüldüğünde özel sipariş tablosunu kullanmaktır. Ne demek istediğini sorabilirsin. Daha sonra, bu – DE{CODE}'da, WooCommerce'den bu yıl içinde piyasaya sürülecek olan yeni özel sipariş tablosu hakkında bilgi alacaksınız. Ve WooCommerce tablosu – siparişler tablosunun bir yapı ikilemi var. Birçoğunuz, kötü ölçeklendirmenin nedeni olarak genellikle bunun gösterildiğini biliyorsunuz. Ancak, ürünlerle ilgili etkileşimlerde veya siparişlerle ve hatta bazen eklenti verileriyle ilgili etkileşimlerde hız açısından bir sorun olabilir.

Şu anda WooCommerce, siparişler ve ürünler dahil olmak üzere çeşitli veri varlıklarını ve bazı ek eklenti verilerini depolayan post meta tablosunu kullanıyor ve bu varlıklardan herhangi biri için herhangi bir çağrı olduğunda, hepsi isabet ediyor. aynı kaynak. Böylece, özel sipariş tabloları oluşturarak bu trafik sıkışıklığını gidermenin WooCommerce'e gerçek bir e-ticaret motorunun yapısal bütünlüğünü ekleyeceğini ve her türlü sipariş faaliyetinin hızını artıracağını hayal edebilirsiniz. Bu, özellikle yüksek trafik ve yüksek sipariş hacmine sahip siteler, hatta çok geniş bir ürün kataloğuna sahip siteler için harika bir destek olacaktır.

Bu üç farklı tablo türüne sahip olmak, temel sipariş bilgileri için yeni çekirdek tabloları, özellikle eklenti verileri için yeni eklenti tabloları ve bir geliştiricinin depolaması gereken her tür özel meta veri için yeni meta tablolara sahip olmak, işinizi kolaylaştıracaktır. post meta tablosunun daha önce ve şu anda siparişlerinizin etkileşimleri için sahip olduğu darboğaz. Ayrıca bu tablolar için, bu tabloların her birindeki belirli varlıkları alma hızına yardımcı olacak özel dizinler olacaktır. Daha sonra DE{CODE}'da özel sipariş tablosu hakkında daha fazla şey duyacaksınız.

O halde üçüncü gelişmeye, başsız hızına bir göz atalım. Yani bu ipucu başsız gitmek içindir çünkü başsız, başsız yığın, hızı büyüklük sırasına göre artırır. Başsız altyapınızın ön ucundaki JavaScript kodu, geleneksel WordPress altyapısından çok daha hızlı ve bazı durumlarda 10 kat daha hızlı olacaktır. Hatta Atlas altyapımızda tüm Lighthouse ölçümlerinde altı kat artış gören müşterilerimiz var.

Ve WP Engine'de Atlas adında başsız bir altyapımız var. Bu altyapı, WooCommerce örneğiniz genelinde her tür statik ve dinamik içeriğin alınma hızını büyük ölçüde artıran içerik motorumuz adı verilen bir bileşene de izin verir. Başsız altyapılar ayrıca arka uç entegrasyonlarını özelleştirmenize olanak tanır ve WooCommerce sitenizin entegre olması gereken üçüncü taraf uygulamalarla yıldırım hızında optimizasyonlar için fırsat yaratır. Ve bu da bugün için son ipucum.