WordPress Blok Kalıpları ile A/B Testlerini Hızla Oluşturun

Önceki yazılarda tartıştığımız gibi, WordPress 5.8 ve yakında çıkacak olan Kalıp Dizini ile WordPress blok kalıpları ivme kazanıyor. Blok kalıplarla ilgili en sevdiğimiz şey, tasarım açısından bakıldığında, herhangi bir sayfaya veya gönderiye farklı bölümler eklemek için tek bir birim olarak anlamlı olmalarıdır.

Örneğin, güvenilirliğinizi artırmak ve web sitenizin ziyaretçilerinin güvenini kazanmak için, ürünlerinizin ana özelliklerini vurguladığınız bir bölüme, müşterilerinizin logolarını içeren bir bölüme, bir veya daha fazla referans veya referans içeren bir bölüme dahil etmek isteyebilirsiniz. hizmetinizin gözden geçirilmesi vb. Ve her bölümün tasarımı için seçim yapabileceğiniz çeşitli desen repertuarına sahip olmak mükemmeldir.

Sayfa düzeni birimleri olarak anlaşılan desenler de A/B testi için ideal adaylardır. Aşağıda, A/B testlerinizi oluşturmanıza ve böylece web sitenizdeki dönüşümleri iyileştirmenize nasıl yardımcı olabileceklerini görelim.

A/B Testleriyle Web Dönüşümünü İyileştirin

Web dönüşümü, web sitenize giren herkesin yapması beklenen herhangi bir eylemi ifade eder: bir ürün ayrıntılarını veya fiyatlandırma sayfasını ziyaret edebilir, bültene abone olabilir, bizimle iletişime geçebilir, bir makale okuyabilir, ürünlerimi satın alabilir, vb. Bu bağlamda, dönüşüm oranı, ziyaret sayısına göre elde edilen dönüşüm sayısıdır. Diğer bir deyişle, web sitenizin 2'si bir ürün satın almakla sonuçlanan toplam 100 günlük ziyareti varsa, web sitenizdeki dönüşüm oranı %2'dir .

Dönüşüm oranını artırmanıza yardımcı olan araç A/B testleridir. Bir A/B testi, bir iyileştirme hipotezine dayalı olarak, web üzerinde bir değişiklik önermekten ve daha iyi çalışıp çalışmadığını kontrol etmekten oluşur. Örneğin, açılış sayfasının ilk bloğunu daha fazla merak uyandıran bir mesajla değiştirin, fiyatlandırma sayfanızda farklı ürünlerin görüntülenme sırasını değiştirin, gönderilerinizin sonuna ürünlerinizin tanıtımını ekleyin, vb.

Teknik açıdan A/B testi, aynı web sayfasının iki veya daha fazla sürümünün veya varyantının (menü veya tema vb. olabilir) farklı web ziyaretçi gruplarına gösterilmesini ve hangi varyantın oluşturduğunu karşılaştırmayı içerir. daha fazla dönüşüm

Yukarıda tartışılan örneklerde zaten gözlemlemiş olabileceğiniz gibi, oluşturduğunuz varyantlar birçok durumda test edilen sayfanıza bir bölüm eklemekten, değiştirmekten veya ortadan kaldırmaktan oluşur. Bu nedenle, blok kalıpları kavramını özellikle oluşturma sürecinde yararlı buluyoruz. A/B testleri.

Oluşturduğunuz bir Kalıplarla A/B Testi

Bir oluşturabilmenize rağmen Bir WordPress web sitesinde manuel olarak A/B testi, tavsiyemiz, piyasada bulunan araçlardan birini kullanmanız ve özellikle blok kalıplarından en iyi şekilde yararlanmak istiyorsanız, oluşturmak için en iyi aracı kullanmanızdır. A/B testleri Nelio kullanmaktır Yerel bir WordPress eklentisi olduğu için A/B Testi (ücretsiz ve premium (29 €/ay) mevcuttur) ve bu nedenle WordPress blok düzenleyicisi ile tamamen entegredir.

oluşturmak için Nelio ile A/B testi WordPress blok düzenleyicisi ile A/B Testi, izlenecek adımlar aşağıdaki gibidir:

• Oluşturulacak test türünü seçin,
• Test varyantlarını tanımlayın,
• Dönüşüm hedeflerini ve eylemlerini tanımlayın,
• Alternatif olarak, segmentasyon uygulamak isteyip istemediğinizi tanımlayın,
• Testi çalıştırın ve ilerlemenizi analiz edin,
• Kazanan alternatifi nihai olarak uygulayın.

Bu kılavuzda, oluşturmak için önceki adımların her birinin tüm ayrıntılarını açıklıyoruz. Nelio ile A/B testleri Blok düzenleyicide A/B Testi.

Şimdi bazı örneklerle blok kalıplarının, oluşturmada çok daha verimli olmamıza nasıl yardımcı olabileceğini görelim. A/B testleri; özellikle, test varyantlarının tanımında.

Örnekler

Diyelim ki sitemizde gerçekleştirmek istediğimiz üç farklı test örneği var.

Örnek 1 : Bir yandan, hizmetlerimizin avantajlarını sergilediğimiz bölümü değiştirerek Nelio sayfamızda alternatif bir tasarımı test etmek istiyorum.

Örnek 2 : Benzer şekilde, aynı sayfada referans bölümünün alternatif bir tasarımını test etmek ve hangisinin daha çekici olduğunu görmek istiyorum.

Örnek 3 : Tüm gönderilerin sonuna bir harekete geçirici mesaj bölümü veya banner eklemenin Bültenimize daha fazla abone kazandırıp kazanmayacağını test etmek istiyorum. Bu yazının sonunda görebileceğiniz gibi, şu anda blogumuzda, sonunda sadece yorum ekleme bölümünü bulacaksınız.

Bunları nasıl oluşturuyoruz A/B testleri? Nelio gibi bir araçla, bazı ek adımlarla o sayfanın tasarımını değiştirmek pratik olarak kolaydır. Bakalım hangileri…

Oluşturmak İstediğiniz Test Türünü Seçme

yaratmakla aynı şey değildir. Bir şablondan ziyade bir sayfanın A/B testi. Varyantların oluşturulması farklı olacaktır, ancak Nelio gibi bir araç kullanmanın büyük avantajı Tamamen WordPress'e özgü olan A/B Testi, başlangıçta oluşturacağınız test türünü seçerek, aşağıdaki adımların WordPress bağlamında tamamen sezgisel olacağıdır.

Nelio ile A/B Testi, yapmanız gereken ilk şey türünü seçmektir. Oluşturmak istediğiniz A/B testi:

Test türünü seçtikten sonra, test varyantlarını oluşturmanın, herhangi bir WordPress öğesi oluşturmayla tamamen aynı olduğunu göreceksiniz.

Yukarıdaki örnek 1 ve 2'de, istediğimiz bir sayfanın bir bölümünü değiştirmek olduğundan, bir sayfa testi oluşturmayı seçerdik. Örnek 3'te istediğimiz şey gönderilerin sonuna bölüm ekleme seçeneği olduğu için daha mantıklı olan bir şablon testi oluşturmaktır.

Test Varyantlarının Tanımı

Örnek 1 : Sayfa testi yapmak istediğimizi seçtikten sonra, test türüne bir isim vermeli ve testi gerçekleştirmek istediğiniz sayfayı kontrol sayfası olarak da adlandırmalısınız. Bunu, web sitenizde yayınladığınız sayfalar listesinden seçebilirsiniz. Bizim durumumuzda, web sitemizin ana sayfasıdır.

Ardından yeni bir varyant oluşturabilirsiniz. Varsayılan olarak, kontrol sayfanızın tam bir kopyası olacaktır. Varyantın Düzenle bağlantısını tıkladığınızda, test oluşturmanın bazı ek özellikleriyle birlikte istediğiniz tüm değişiklikleri yapmak için zaten bildiğiniz WordPress blok düzenleyicisine sahip olduğunuzu göreceksiniz.

Varyantın tasarımını dilediğiniz gibi değiştirmek istediğiniz blokları ekleyebilir, değiştirebilir ve silebilirsiniz. Ancak blok kalıpların en büyük avantajı nedir? Şimdi, örneğin resimde gösterilen bölümün tasarımını değiştirmek, blokların her birini tek tek oluşturup düzenlemekten çok daha kolay. Basitçe, desen ekle düğmesine tıklayarak en çok beğendiğim tasarımı seçebiliyorum.

Bu şekilde, tasarımı tek bir tıklamayla ayarladığımda, bu bölümün görünümünü değiştirmek için görüntüleri medya kitaplığında bulunanlarla değiştirmem ve orijinalin metnini kopyalayıp yapıştırmam yeterli.

Örnek 2 : Bu durumda, test tipi için seçim süreci bir önceki örnekteki ile tamamen aynı olacaktır. Sayfa testi oluşturmak istediğimizi seçtikten sonra teste bir isim ekliyoruz, ana sayfayı seçip yeni bir varyant oluşturuyoruz.

Daha önce olduğu gibi, düzenlerken, aralarından seçim yapabileceğimiz çok çeşitli referans bölümü tasarımlarına sahip olduğumuzu görüyoruz.

Ve daha önce olduğu gibi, şimdi görüntüleri değiştirerek ve basit bir metin kopyalayıp yapıştırarak, bu bölümün düzenini hızla değiştirdik.

Örnek 3. Son örneğimizde, tüm gönderilerin sonunda okuyucunun haber bültenimize abone olmaya davet edildiği bir bölüm içermesini istiyoruz. Bunu yapmak için en kolayı, bir şablon testi oluşturmak ve istediğimiz bölümü içeren yeni bir şablon varyantı kullanmaktı. Şablon testi durumunda, testi oluşturmadan önce farklı şablonlar oluşturulmuş olmalıdır.

Unutmayın, WordPress 5.8'de Tam Site Düzenlemenin yeni özelliklerini açıklarken size söylediğim gibi, artık yeni bir şablon oluşturabilir veya bir gönderiden veya sayfadan şablon düzenleyicide mevcut olanı düzenleyebilirsiniz. Böylece yeni bir şablon oluşturabilir ve doğrudan şablon düzenleyiciden yukarıda yaptığımıza benzer bir desen seçip ekleyebilirsiniz.

Eklenen desendeki değişiklikler, bu yeni bölümü sıfırdan oluşturmuş olmamızdan çok daha hızlıdır.

Artık yeni şablon testini oluşturabiliriz. İlk önce bir şablon testi oluşturmak istediğimizi seçiyoruz ve ardından A ve B varyantları için hangi şablonları görüntülemek istediğimizi seçiyoruz.

İşte bu kadar, her bir örnek için kontrol versiyonlarını ve çeşitlerini zaten oluşturduk. Buradan itibaren, farklı test türleri için aşağıdaki adımlar aynıdır.

Dönüşüm Hedeflerinizi ve İşlemlerinizi Tanımlayın

Testinizin varyantlarını tanımladıktan sonraki adım, dönüşüm hedefini tanımlamaktır. Bu testi hangi amaçla oluşturuyorsunuz? Daha fazla satış, daha fazla abone veya fiyatlandırma sayfasına daha fazla ziyaret almak için mi? Bu hedefler, ziyaretçi belirli eylemleri gerçekleştirdiğinde karşılanır.

Nelio ile A/B Testi, “Dönüşüm Hedefleri ve İşlemler” bölümünde + Yeni bağlantısına tıklayarak istediğiniz kadar hedef ekleyebilir ve isteğe bağlı olarak bunlara isim ekleyebilirsiniz. Nelio A/B Testi, tanımladığınız hedeflerin her biri için her bir varyantın ne kadar etkili olduğu hakkında size bilgi gösterecektir.

Tanımladığınız hedeflerin her biri için, ziyaretçilerinizi izlemek için farklı türde dönüşüm işlemlerine sahipsiniz. Örneğin, belirli bir sayfaya ne zaman eriştiklerini, web sitenizdeki belirli bir öğeye ne zaman tıkladıklarını veya bir iletişim formu gönderdiklerini izleyebilirsiniz. İlginizi çeken eylem düğmesine tıklayın ve her eylem türü için kendi ayarlarını tanımlayabilirsiniz.

Trafiğinizi Segmentlere Ayırın

Herhangi bir A/B test aracının ilginç özelliklerinden biri, trafiğinizi bölümlere ayırmanıza izin vermesidir. Yani, bir teste yalnızca bazı ziyaretçilerin katıldığını belirleyebilirsiniz. Örneğin, ülkeye, zamana, dile, tarayıcıya, cihaza vb. göre. Nelio ile trafik segmentasyonunun nasıl uygulanacağı hakkında daha fazla ayrıntı istiyorsanız A/B Testi, bu makalede Antonio bunu ayrıntılı olarak açıklıyor.

Oluşturulan Testi Çalıştırın ve İlerlemesini Analiz Edin

İşte bu kadar, şimdi tek yapmanız gereken bir test başlatmak ve ilerlemesini analiz etmek için düğmeye basmak. Nelio A/B Testi, trafiğinizi her biri bir değişkeni veya diğerini görecek şekilde iki gruba ayırmaya özen gösterir. Nelio'yu kullanırken A/B Testi, bir testi ne kadar süreyle çalıştırmanız veya verilerin istatistiksel güvenilirliğini kontrol etmeniz gerektiği konusunda endişelenmenize gerek yok. Her bir varyant için toplam dönüşüm ve sayfa görüntüleme sayısını görebileceksiniz. Ayrıca, orijinal sürüme kıyasla her bir varyantın iyileştirme yüzdesini de görebileceksiniz.

Kazanan Alternatifi Uygulayın

Son olarak, bir testin kazanan bir çeşidini alırsanız, Nelio A/B Testi, bu varyantı tek bir tıklamayla web sitenizde son sürüm olarak uygulamanıza olanak tanır.

Diğer bir deyişle, sayfa testlerinin ilk iki örneği için, test ettiğimiz varyant kazanan ise, orijinal içeriği kazananınkiyle değiştirir. Bir şablon testi durumunda, sadece testin sonunda, istediğiniz sayfalarda/yazılarda şablonu değiştirmeniz gerekir.

Çözüm

A/B testi, bir web sitesindeki dönüşümü optimize etmek için en iyi araçtır. WordPress çok hızlı gelişiyor ve WordPress 5.8'e gelen yeni özellikler ve işlevlerle, Nelio A/B'de olduğu gibi, blok düzenleyiciyle tamamen entegre yerel bir WordPress aracı kullanıyorsanız A/B testleri oluşturmak daha da kolay. Test yapmak.

Farklı bölümler oluşturmak ve tasarlamak için tasarlanan kalıpların, bu gönderide gördüğünüz gibi yalnızca sayfaların ve gönderilerin bölümlerini eklemenizi ve değiştirmenizi değil, aynı zamanda şablonları da kolaylaştırdığını unutmayın. WordPress'in bir sonraki yeni özelliklerini görmek için sabırsızlanıyoruz!

Unsplash'ta Raimond Klavins'in Öne Çıkan Görseli