WordPress Blok Düzenleyici ile A/B Testleri Oluşturun – Eksiksiz Kılavuz

WordPress blok düzenleyicisi ile bir web sitesi oluşturduysanız, bundan en iyi şekilde yararlanmanın ve A/B testleri uygulayarak yapabileceğiniz dönüşümünü optimize etmenin zamanı geldi. Bu yazıda A/B testlerinin ne olduğunu ve neden gerekli olduğunu ve Nelio A/B Test eklentisi sayesinde bunları herhangi bir WordPress web sitesinde kolayca oluşturabileceğinizi çok kısaca göreceğiz.

Web Dönüştürme Nedir ve Neden A/B Testleri Oluşturulur?

Çevrimiçi pazarlamada, daha derinlemesine ele alınan iki konu SEO optimizasyonu ve web dönüşüm oranı optimizasyonudur.

Web dönüşümü, bir kullanıcının bir web sitesine ulaştığında gerçekleştirmesi beklenen herhangi bir eylemi ifade eder. Bir ürün ayrıntılarını veya fiyatlandırma sayfasını ziyaret etmek, bir bültene abone olmak, bizimle iletişime geçmek, bir makale okumak vb. Ve dönüşüm oranı, ziyaret sayısına göre elde edilen dönüşüm sayısıdır. Yani , ikisi bir ürün satın almakla sonuçlanan toplam 100 günlük ziyaretiniz varsa, web sitenizdeki dönüşüm oranı %2'dir .

Google Analytics ile dönüşüm oranınızı istediğiniz zaman ölçebilirsiniz, ancak dönüşüm oranınızı artırmanıza yardımcı olacak en iyi araç A/B testidir. Kısacası, bir A/B testi, bir iyileştirme hipotezine dayalı olarak, web sitenizde bir değişiklik önermekten oluşur (örneğin, belirli ilgili bilgileri daha iyi görüntülemek için Açılış Sayfasının yeniden dağıtılması, daha fazla tıklama yapmak için menünün yeniden düzenlenmesi). ürün sayfamda veya temada daha çekici hale getirmek için radikal bir değişiklik) ve ardından bu değişikliğin daha önce yaptığınızdan daha iyi çalışıp çalışmadığına bakın.

Teknik olarak, bir A/B testi, aynı web sayfasının iki varyantını aynı anda web sitesi ziyaretçilerinin farklı segmentlerine göstermekten ve hangi varyantın daha fazla dönüşüm sağladığını karşılaştırmaktan oluşan bir denemeden başka bir şey değildir.

A/B testleri rastgele gerçekleştirdiğiniz deneyler değildir, Dönüşüm Oranı Optimizasyonu veya CRO süreci olarak bilinen daha iddialı bir sürecin parçası olmalıdırlar.

A/B Testi Oluşturmadan Önceki Adımlar

Dönüşümünüzü iyileştirmek için bilmeniz gereken ilk şey, nerede olduğunuz ve nereye gitmek istediğinizdir: işletme hedeflerinizi, web sitesi dönüşüm hedeflerinizi, KPI'larınızı ve bu hedeflere ilişkin metrikleri tanımlayın.

Web sitenizin hedeflerini tanımlamak için dönüşüm hunisini , yani ziyaretçilerinizin web sitenize geldikleri andan müşteri haline gelene kadar ne yaptığını anlamalısınız. Bu şekilde, hunideki her farklı aşamayı optimize edebilirsiniz.

Örneğin, web sitemiz Nelio Software'de hedefimiz, eklentilerimizin premium planlarına abone sayısını artırmaktır. Bir ziyaretçi, A/B testi hakkında bilgi için Google'da arama yaptığında ilk olarak Nelio A/B Testi hakkında bilgi edinebilir. Web sitemize girdiklerinde, ürünle ilgili daha fazla bilgi edinmek için ürün belgelerimizdeki bazı makaleleri okurlar. Ardından, ziyaretçi ilginç bilgiler bulursa, daha ayrıntılı bilgi isteyecek veya eklentinin ücretsiz sürümünü test etmek için eklentiyi WordPress dizininden indirecektir. Son olarak, ziyaretçi premium planlarımızdan birine abone olur.

Aşamaların her biri için, ulaşmak istediğiniz farklı dönüşüm hedeflerini tanımlamanız gerekir. Örneğin, bir dönüşüm hedefi, ürün belgelerine yapılan minimum ziyaret sayısı olabilir.

Halihazırda sahip olduğunuz araçlarla (Google Analytics, ısı haritaları, kaydırma haritaları, tıklama haritaları) neler olduğunu ve ziyaretçileri nerede kaybettiğinizi analiz edin ve anlamaya çalışın.

Aşağıdaki soruları yanıtlamayı deneyin:

• Sayfa, içerik ve tasarım açısından kullanıcının beklentilerini karşılıyor mu?
• Nasıl iyileştirebiliriz?
• Sitedeki içerik ve teklifler olabildiğince açık mı?
• Daha açık veya daha basit hale getirebilir miyiz?
• Bu sayfada tereddüte neden olan veya süreci engelleyen nedir?
• Sayfada kullanıcının harekete geçmesine yardımcı olmayan ne var?
• Kullanıcı motivasyonunu artırabilir miyiz?

Ve buradan, değişim hipotezlerinizi oluşturun. Örneğin, Nelio A/B Testi açılış sayfamızda birçok ziyaretçinin yalnızca ilk katı gördüğünü ve sayfayı aşağı kaydırmadığını gördük. Çeşitli alternatifleri tartıştıktan sonra metni yeniden düşünebileceğimize karar verdik. Hipotezimiz şuydu: Web sitemizin ilk bölümünde mesajı aciliyet yerine merak uyandırmak için değiştirirsek, dönüşüm iyileşir.

Değişim hipotezinizden, gerçekleştirebileceğiniz yeni bir A/B testi fikriniz zaten var.

Blok Düzenleyicide Bir A/B Testi Oluşturun

Bir WordPress web sitesinde manuel olarak bir A/B testi oluşturmak istiyorsanız, dönüşüm analizi için Google Analytics'i kullanabilirsiniz. Ancak bizim tavsiyemiz piyasada bulunan araçlardan birini kullanmanız yönündedir. Ve özellikle, yerel bir WordPress eklentisi olduğundan ve bu nedenle blok düzenleyiciyle %100 uyumlu olduğundan, Nelio A/B Testinin (29 €/ay'dan başlayan ücretsiz ve premium sürüm) kullanılmasını öneririz. çalışması için başka bir harici araç öğrenmesi veya kullanması gerekmez.

Nelio A/B Testi ile herhangi bir A/B testi için alternatif oluşturmak, WordPress'te herhangi bir sayfa, gönderi, menü, widget vb. oluşturmakla tamamen aynıdır, ancak aynı zamanda trafiği bölümlere ayırma zahmetinden de kurtarır. web siteniz ve aradığınız metrikleri ve sonuçları size doğrudan sağlar.

WordPress blok düzenleyicisi ile Nelio A/B Testi ile bir A/B testi oluşturmak için izlemeniz gereken farklı adımları aşağıda görelim:

• Oluşturulacak test türünü seçin
• Test varyantlarını tanımlayın
• Dönüşüm hedeflerini ve işlemlerini tanımlayın
• Varsa hangi segmentleri analiz etmek istediğinizi tanımlayın
• Testi çalıştırın ve ilerlemenizi analiz edin
• Kazanan varyantı uygulayın ve kalıcı hale getirin

Oluşturulacak Test Türünü Seçin

Bir sayfanın A/B testini oluşturmakla gezinme menüsünü oluşturmak aynı şey değildir. Varyantların oluşturulması farklı olacaktır, ancak Nelio A/B Testing gibi bir araç kullanmanın en büyük avantajı, WordPress içindeki süreç boyunca size rehberlik etmesi ve onu tamamen sezgisel ve basit hale getirmesidir.

Yapmanız gereken ilk şey, oluşturmak istediğiniz A/B testinin türünü seçmektir ve size aralarından seçim yapabileceğiniz çok çeşitli öğeler sunar:

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

Test Varyantlarını Tanımlayın

Seçtiğiniz test türü için test etmek istediğiniz elemanı seçmeli ve varyantlarını tanımlamalısınız. Bir örnek görelim…

Sayfa A/B Testi

Son zamanlarda Nelio Content ürünümüzün satışlarını artırmak için fiyatlandırma sayfasını A/B testi yapmaya karar verdik. Özellikle, farklı planların hangi renk kombinasyonunun bizim için en fazla geliri sağlayabileceğini analiz etmek istedik.

Orijinal versiyona ek olarak, bu renk kombinasyonlarıyla iki farklı varyant daha oluşturmaya karar verdik:

İlk varyantta, bu yıl çok moda olan pastel renklerden oluşan bir seçki ile planları göstermeye karar verdik.

Ve ikinci varyantta, yukarıdaki resimde görebileceğiniz gibi, sadece Standart planı vurgulamak istedik.

Nelio A/B Testing ile bu testi nasıl oluştururuz? Sayfa testi yapmak istediğinizi seçtikten sonra ilk yapmanız gereken testinize isim vermek ve test etmek istediğiniz sayfayı seçmektir.

Bir açılır seçici kullanarak test edilen sayfayı seçebilirsiniz. Sayfa orada değilse, başlığını, URL'sini veya tanımlayıcısını yazarak arayabilirsiniz. Bu sayfaya kontrol sayfası veya kontrol versiyonu diyoruz.

Ardından, bir veya daha fazla varyant oluşturabilirsiniz (bunları adlandırabilirsiniz). Varsayılan olarak, her varyant daha önce seçmiş olduğunuz kontrol sayfasının tam bir kopyası olacaktır. Varyantın Düzenle bağlantısını tıkladığınızda, istediğiniz tüm değişiklikleri yapabilmek için zaten bildiğiniz WordPress blok düzenleyicisine sahip olacaksınız.

Varyant sayfalarında istediğiniz blokları ve desenleri istediğiniz gibi ekleyin, değiştirin ve silin. Gördüğünüz gibi, kontrol sayfasını oluşturmak için kullandığınız düzenleyicinin aynısını kullanacaksınız, bu da varyantı istediğiniz gibi ayarlamak için tam kontrole sahip olduğunuz anlamına geliyor. Ancak, varyant sürümünün sağ kenar çubuğunda düzenlediğiniz sayfanın bir A/B testinin parçası olduğunu göreceğinize dikkat edin:

A/B Testi Sonrası

Bir gönderi için A/B testi oluşturmak, bir sayfanınkine çok benzer. Bir gönderi testi oluşturmak istediğinizi seçtikten sonra, test etmek istediğiniz orijinal gönderiyi seçmek için açılan menü, yayınlanan gönderilerin listesini gösterecektir. Girişi başlığını, URL'sini veya tanımlayıcısını yazarak da arayabilirsiniz.

Sürecin geri kalanı bir öncekiyle tamamen aynıdır.

Özel Gönderi Tipinin A/B Testi

İstediğiniz şey, web sitenizde oluşturduğunuz kurslar, SSS'ler vb. gibi sayfalardan ve gönderilerden farklı özel bir gönderi türünden bir A/B testi türü oluşturmaksa, bunu Nelio A/ ile de yapabilirsiniz. B Testi. Bu tür bir testi gerçekleştirmek istediğinizi seçmeniz yeterlidir ve şimdi seçici, önce istediğiniz özel gönderi türünü ve ardından test etmek istediğiniz belirli içeriği seçmenize izin verecektir.

Başlık A/B Testi

Daha çekici başlıklar oluşturmak istiyorsanız, Nelio A/B Testi bunu çok kolaylaştırır. Bir gönderi başlığının, alıntının ve öne çıkan görselin farklı versiyonlarını test edebilir ve hangi kombinasyonun daha fazla okuyucu aldığını öğrenebilirsiniz.

Nelio A/B Testing ile bir başlık testi yapmak için blok düzenleyiciye gitmeniz gerekmez. Eklentinin kendisi, bunu doğrudan bir test sürümünde yapmanıza olanak tanır:

Başlığını test etmek istediğiniz gönderiyi seçin ve bir veya daha fazla varyant oluşturun:

Temaların A/B Testi

Web sitenizin analizinden sonra hipoteziniz, web sitenizin daha radikal bir değişikliğe ihtiyacı olduğu yönündeyse, belki temayı değiştirmek bir alternatif olabilir. Nelio A/B Testing ile bir tema testi oluşturmak çok kolaydır. Test etmek istediğiniz temaları WordPress'inize yüklemeniz ve bunları A/B tema testinde seçmeniz yeterlidir.

Şablonların A/B Testi

Bir web sitesinin temasını değiştirmek yerine web sitenizdeki bazı sayfalar için farklı şablonlar oluşturmayı deneyebilirsiniz. Bunları blok düzenleyiciyle önceden tasarlayın ve ardından onlarla bir A/B testi yapın.

Her zaman olduğu gibi, belirli bir şablonu kullanan tüm sayfalarda şablon varyantı olarak kullanmak istediğiniz farklı şablon varyantlarını seçmek kadar kolaydır.

Menü A/B Testi

Menülerin A/B testi oluşturmak, halihazırda sahip olduğunuz menülerden birini seçmek ve istediğiniz varyantları oluşturmak kadar basittir.

Varyantları değiştirmek için, menüyü herhangi bir geleneksel menüyü düzenlediğiniz şekilde düzenlemek ve değiştirmek için bağlantıya tıklamanız yeterlidir. Oluşturulduktan sonra, bu testin bir varyantı olarak zaten mevcut.

Öğeleri istediğiniz gibi değiştirerek menü yapısını değiştirin ve hazır olduğunuzda teste geri dönün.

Widget'ların A/B Testi

WordPress'te bir widget testi oluşturmanız gerekiyorsa, bir widget testi oluşturmak istediğinizi seçtikten sonra, yeni widget varyantının adını belirtmeniz ve Düzenle bağlantısını tıklamanız yeterlidir.

Bir varyantı düzenlerken Nelio, bazı ek kontrollerle birlikte WordPress'in kendi widget düzenleyicisini kullanır. Varyant widget'larını istediğiniz gibi ekleyin, silin ve sıralayın ve ardından teste geri dönün:

CSS A/B Testi

CSS stil kurallarının farklı sürümlerini test etmek ve hedeflerinize ulaşmak için hangisinin en iyi sonucu verdiğini ölçmek istiyorsanız, bir CSS testi oluşturmayı seçebilirsiniz. Widget'larda olduğu gibi, yeni varyantın adını girmeniz ve düzenle bağlantısını tıklamanız yeterlidir. Bu durumda, efektlerini gerçek zamanlı olarak önizlerken istediğiniz CSS stillerini eklemeniz için bir düzenleyici açılır:

Yeni kuralları tanımladıktan sonra, yayınla'ya tıklayın ve testinizin CSS varyantını oluşturdunuz.

WooCommerce Ürün Özeti A/B Testi

Son olarak, WooCommerce ürün özeti A/B testleri, söz konusu üründen hangisinin en çok satın aldığını keşfetmek amacıyla farklı ad, kısa açıklama ve ürün görseli kombinasyonlarının test edildiği WooCommerce'e özel bir testtir. Bu tür bir test oluşturmanın yolu, daha önce gördüğümüz manşetlere çok benzer.

Bu türde bir test oluşturmayı seçtiyseniz, Nelio A/B Testi, mevcut ürünleri bir açılır menüde gösterir ve yalnızca doğrudan oluşturmak istediğiniz varyantlarda değişiklikleri yapmanız gerekir. deneme editörü Ürünü düzenlemek için gitmenize gerek yoktur.

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

Testinizin varyantlarını tanımladıktan sonraki adım, testin dönüşüm hedefini tanımlamaktır. Yani, testinizin amacı nedir? Örneğin, hedefiniz daha fazla satış, daha fazla abone veya fiyatlandırma sayfasının daha fazla ziyaret edilmesi olabilir. Hedefleriniz ne olursa olsun, ziyaretçi belirli eylemleri gerçekleştirdiğinde bu hedeflere ulaşılır. Örneğin, bir kullanıcı web sitenizde bir abonelik formu gönderdiğinde veya fiyatlandırma sayfanızdaki "abone ol" düğmesini tıkladığında yeni bir aboneniz olduğunu düşünmek isteyebilirsiniz.

Nelio A/B Testinde Dönüşüm Hedeflerini ve Eylemleri Nasıl Tanımlarız?

Dönüşüm Hedefleri ve Eylemler 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 her bir hedef için her bir varyantın ne kadar etkili olduğuna ilişkin bilgileri size 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 sitenizin belirli bir öğesini tıkladıklarında veya bir iletişim formu gönderdiklerinde izleyebilirsiniz. İlgilendiğiniz eylem düğmesine tıklayın ve her eylem türü için kendi yapılandırma parametrelerini tanımlayın.

Nelio İçerik fiyatlandırma sayfasındaki test örneğinde, test içinde ölçülecek 4 hedef tanımladık:

• Herhangi bir planın düğmelerine tıklar.
• Temel planın düğmelerine tıklar.
• Standart planın düğmelerine tıklar.
• Artı planı düğmelerine tıklar.

Trafiğinizi Segmentlere Ayırın

Bazı A/B test araçlarının ilginç özelliklerinden biri, trafiğinizi bölümlere ayırabilmenizdir. Yani, bir teste katılmak için yalnızca belirli ziyaretçileri ayarlayabilirsiniz. Örneğin, ülkeye, zamana, dile, tarayıcıya, cihaza vb. göre. Trafik segmentasyonunu Nelio A/B Testi ile nasıl uygulayacağınız konusunda daha fazla ayrıntı istiyorsanız, Antonio bu makalede bunu size ayrıntılı olarak açıklıyor.

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

İşte bu kadar, şimdi bir test başlatmak ve ilerlemesini analiz etmek için düğmeye basmanız yeterli. Nelio A/B Testi, trafiğinizi bölerek her ziyaretçinin oluşturduğunuz değişkenlerden yalnızca birini görmesi ve davranışlarını takip etmesinden sorumlu olacaktır. Nelio A/B Testini kullanırken, bir testi ne kadar süreyle çalıştırmanız veya verilerin istatistiksel güvenini kontrol etmeniz gerektiği konusunda endişelenmenize gerek yoktur, çünkü eklenti bununla ilgilenecektir. Sadece sizin için en önemli olan verilere bakın: toplam dönüşüm sayısı ve test edilen her bir değişkene yapılan ziyaret. Ayrıca her bir varyantın orijinal versiyona göre iyileştirme yüzdesini de görebileceksiniz.

Örneğin, Nelio İçerik fiyatlandırma sayfası testini çalıştırdıktan bir ay dokuz gün sonra, neredeyse %100 güvenle istatistiksel olarak anlamlı sonuçlar elde ettik. Ve fiyatlandırma tablosu planlarının herhangi bir düğmesinde yapılan tıklamaları ölçmekten oluşan ilk hedeften şu sonuçları aldık:

Bu durumda, sonuçların görselinde görebileceğiniz gibi, ikinci değişken olan alternatif C'nin orijinal sürümden neredeyse %130 daha fazla tıklama elde eden olduğunu gösteriyorlar. Buna karşılık, planları pastel renklerde gösteren varyant %25,5 daha kötüdür. Testin sadece bu amacına sahip olsaydık, alternatif C'nin ezici sonuçlara ulaştığını görürüz.

Benzer şekilde, kendimize koyduğumuz hedeflerin her birini analiz ettik ve A/B testinden elde ettiğimiz sonuçlara bakarak, Standart planı vurgu rengiyle açıkça vurgulayan C versiyonunun olduğu sonucuna vardık. , A ve B varyantlarından çok daha iyi çalıştı.

Kazanan Alternatifi Uygulayın

Son olarak, yukarıdaki örnekte olduğu gibi, bir testin kazanan bir varyantını alırsanız, Nelio A/B Testi, bu varyantı web sitenizde son versiyon olarak uygulamanıza olanak tanır. Bu, Nelio A/B Testinin yerel bir WordPress eklentisi olmasının bir başka büyük avantajıdır, kazanan alternatifi uygulamak yalnızca Apply öğesine tıklamayı içerir.

Ve işte , şimdi web sitenizin, öncekinden daha iyi, kanıtlanmış verilerle yeni bir tasarımına sahipsiniz.

WordPress Blok Düzenleyici ile A/B Testlerinizi Oluşturmak İçin Neyi Bekliyorsunuz?

Blok düzenleyicide A/B testlerinin nasıl oluşturulacağına ilişkin bu eksiksiz kılavuzla, artık Nelio A/B Testinin WordPress'te herhangi bir A/B testi yapmayı çok kolaylaştırdığını biliyorsunuz. Üstelik böyle bir araç kullanarak, web sitenizin trafiğini bölmek veya ziyaretçilerinizin davranışlarını analiz etmek gibi bir derdiniz yok. Nelio A/B Testi sizin için her şeyi çok rahat bir şekilde yapar. Bizim ve müşterilerimizin deneyimi bize gösteriyor ki A/B testi, ziyaretçilerinizin web sitenizde ne bulmayı beklediklerini ve ek reklamlara ihtiyaç duymadan işletme gelirinizi nasıl artıracağınızı çok daha iyi anlamanıza yardımcı oluyor.

Bu kılavuzu faydalı bulduysanız, lütfen sosyal ağlarınızda paylaşın. Ve herhangi bir sorunuz, yorumunuz varsa veya ek bilgiye ihtiyacınız varsa, bu yazının sonunda yorumunuzu bırakmaktan çekinmeyin.

Unsplash'ta Maarten Deckers'ın öne çıkan görseli .