WordPress ve Divi Lead'lerle Kolay A/B Testi Nasıl Yapılır?
İyi haberler! Artık Divi Builder'da Divi Leads adlı yeni bir özellikle kolay A/B testi yapabilirsiniz.
Bunun neden bu kadar harika olduğu konusunda hepimizin aynı sayfada olduğundan emin olmak için:
Bölünmüş test olarak da bilinen A/B testi, hangi varyasyonun en iyi performansı gösterdiğini görmek için sayfanızın iki sürümünü oluşturup hedef kitlenizin yarısına bir sürüm ve diğer yarısına başka bir sürüm göndermenizdir.
Renkleri, düğme stillerini, harekete geçirici mesajı, öğe yerleşimini, indirim tekliflerini, düzeni ve daha fazlasını test etmenin harika bir yoludur.
Basitçe söylemek gerekirse, A/B testi size daha akıllı tasarım kararları ile sonuçlanan somut veriler sağlar. Divi Leads'te bu veriler güzel tablolar, yüzdeler ve grafikler biçiminde gelir ve neyin işe yarayıp neyin yaramadığını deşifre etmeyi her zamankinden daha kolay hale getirir.
Hemen hemen her şey Divi Lead'lerle A/B testi yapılabilir ve bugünün makalesinde size nasıl yapılacağını göstereceğim.
Divi Lead'lerle Kolay A/B Testi

Divi Leads, Divi Builder'ınıza yeni özellikler ekler. Divi Builder'ı kullanmayı seçtiğinizde Divi Builder'ın sağ üst köşesinde yeni bir menü göreceksiniz. A/B testi özelliğini burada bulacaksınız.
Bölünmüş testi etkinleştirmeden önce düzeninize sahip olmanız gerekmez. Bunu daha önce oluşturduğunuz düzenlerde kullanabilir veya ilerledikçe yeni bir düzen oluşturabilirsiniz. Hazır olduğunuzda, Divi Builder Ayarları'nı açın ve Bölünmüş Testi Etkinleştir'i ve ardından Kaydet'i tıklayın .

Etkinleştirildiğinde, emrinizde birkaç yeni özelliğe sahip olacaksınız: Hemen çıkma oranı sınırınızı (testte kaç tane geri dönmeye izin vereceğinizi belirler) belirleyebilirsiniz, sayacı saatlik veya günlük olarak sıfırlamayı seçebilirsiniz ve belirli bir sayfada dönüşüm gerçekleştiren kaç kişinin dönüşüm huninizden sonuna kadar ulaştığı gibi nihai hedef dönüşümlerini izlemek için bir kısa kod da kullanabilir.
(İzleme kısa kodu konusunda hâlâ kafanız karışıksa endişelenmeyin, yakında bununla ilgili bir eğitimimiz olacak. Bu arada biraz daha fazla bilgi için resmi belgelere göz atabilirsiniz.)

Ardından, bölme testi için bir bölüm, satır veya modül seçmeniz istenecektir. Bu test için kütüphaneden bir açılış sayfası yükledim ve en iyi harekete geçirici mesaj modülünü seçtim.

Seçimimden sonra iki eylem çağrısı modülünün olduğuna dikkat edin. Birincisi benim orijinalim, bu yüzden bazı değişiklikler yapmak için ikinci harekete geçirici mesaj modülünün ayarlarına girdim.
Değişikliklerimi yapmayı bitirdiğimde, bölünmüş testi etkinleştirmek için tek yapmam gereken sayfamı yayınlamaktı. Sayfanız zaten yayınlandıysa, güncelleme düğmesini tıklamanız yeterlidir.
İlk CTA

Tüm varsayılan ayarlarla ilk modülü bıraktım: Düğme metni için Daha Fazla Bilgi Edinin , arka plan rengi yok ve metin rengi için Işık.
İkinci CTA

İkinci modül için biraz daha riskli ve oyuncu olmaya karar verdim. Metni Cesaret Al diyecek şekilde değiştirdim ve macenta arka plan rengi kullandım. Metin rengini Açık bıraktım.
Sayfayı yayınladım ve artık bir A/B test kurulumum var ve çalışıyor. Divi şimdi test hakkında veri topluyor.
İstatistikler

Divi Builder'ın üstüne bir istatistik sayacı düğmesi eklendi (üç animasyonlu dikey çubuk gibi görünüyor). Üzerine tıklamak, A/B testi için toplanan verileri içeren sayacı açar ve testiniz hakkında karar vermenize yardımcı olmak için size çizelgeler, grafikler ve yüzdeler verir. İstatistikleri güncellemek için yenile düğmesine basın.
Her testin performansını karşılaştıran bir grafik göreceksiniz. Size tıklamaların, okumaların, sıçramaların ve hedef katılımının sayısını gösterecektir. Harekete geçirici mesajlardan yalnızca birini veya her ikisini karşılaştırarak görebilirsiniz. Son 24 saat, son 7 gün, geçen ay veya tüm zamanların istatistiklerini görebilirsiniz.
Bilgileri Analiz Etme
CTA tıklama oranları.
Burada, bu testin ve yukarıdaki verilerin yalnızca gösterim amaçlı olduğu ve aslında bir bölünmüş test kazananı seçmek için neredeyse yeterli olmadığı belirtilmelidir. Bunun olması için, sonuçlarımızın istatistiksel olarak anlamlı olduğundan emin olmak için bu testi yeterince uzun süre çalıştırmamız gerekir. Bu konuda net olduğumuz sürece devam edebiliriz.
Yukarıdaki örneğimde Modül #2, gösterim başına daha fazla tıklama aldı. 4 gösterim ve 1 tıklama aldı ve %25 tıklama oranı sağladı. #1, 1 tıklama ile 5 gösterim elde etti ve %20 tıklama oranı sağladı.
CTA okur.
Modül #2 ayrıca Tıklama istatistikleriyle eşleşen daha fazla okuma içeriyordu.
CTA hemen çıkma oranı.
Modül #1, modül #2'nin %75'ine kıyasla %80'lik daha yüksek bir hemen çıkma oranına sahipti.
CTA hedef etkileşimi.
Her ikisi de %100 hedef katılımına sahipti, yani test sırasında her ikisi de kullanıldı.
Hem bu test hem de bir sonraki için, sağlam sonuçlar çıkarmak için neredeyse yeterli veri olmadığı belirtilmelidir.
Testi Bitirme
Testi bitirdiğinizde, aktif kalmak için varyasyonlardan birini seçmeniz istenecektir. Diğer varyasyonu silecektir. Bunu geri alamazsınız, bu yüzden akıllıca seçtiğinizden emin olun. İstediğiniz varyasyona tıklamanız yeterlidir ve düzeniniz, yaptığınız seçimle normal bir Divi düzeni haline gelir.
satırlar

Satırlar için bir bölme testi oluşturmak için sizden test nesnenizi seçmenizi istediğinde satırı tıklayın. Test satırları, birden fazla modülü test etmenize ve bunları farklı sıralarda veya farklı stiller ile denemenize olanak tanır. Sağ üst köşedeki “1”e dikkat edin. Bu, satırın ilk varyasyonudur. Sol üst köşede iki aşağı ok bulunan bir simge vardır. Bunu seçmek, satırın ikinci varyasyonunu görüntüler. Şimdi sadece testlerin ne olacağını seçmem ve modülleri yerleştirmem gerekiyor. Bunun için, düzenimi giderken oluşturuyorum, bu yüzden boş satırı seçtim.

İlk versiyon
Bir Satır bölme testi ayarlama.
Satırın ilk versiyonu için bir blog, tanıtım yazısı, iletişim formu ve bir düğme yerleştirdim. Renklerini varsayılan olarak bıraktım.
Satır bölme testindeki ilk varyasyon.
İşte gönderinin nasıl göründüğü.
İkinci Versiyon
Satır bölme testinin ikinci sürümü için arka uç görünümü.
Satırın ikinci versiyonu için tanıtım yazısı ve blogun sırasını tersine çevirdim ve ardından iletişim formunun ve düğmenin renklerini değiştirdim. Düğmenin metnini de değiştirdim.
İkinci versiyon Satır bölünmüş test çıktısı.
Tek fark konum ve renklerdir. Bu basit bir test ama okuyucuların blog bağlantıma farklı tepki verip vermediğini veya renklerin dikkatlerini daha iyi çekip çekmediğini gösterecek. Renkleri daha çok sevip sevmediklerini öğrendikten sonra, okuyucu tepkisinde herhangi bir değişiklik olup olmadığını görmek için testi farklı bir renk kullanarak tekrar çalıştırabilirim.
Satır bölme testinin canlı görünümü.
Sayfayı yayınladım ve artık bir A/B test kurulumum var ve çalışıyor. Modüllerin renkleri değişecek ve bir yüzde göreceksiniz.
Bölümler
Bölüm bölme testi.
Bölümler için bir bölme testi oluşturmak diğerleriyle aynı işlemdir: test etmek istediğiniz bölüme tıklamanız yeterlidir. Bölünmüş test bölümlerindeki avantaj, farklı satırlar ve modüller gösterebilmenizdir, bu da aynı satırlar veya modüller içinde varyasyonlara sahip olmaktan daha ileri gitmenize olanak tanır. Bu, bazı ziyaretçilerin bir resim, oturum açma, e-posta formu, iletişim formu vb. görebileceği, diğer ziyaretçilerin ise tam olarak aynı bölüm için portföy, video veya resim galerisi gibi tamamen farklı bir şey görebileceği anlamına gelir. Bu, tamamen farklı iki ana sayfa oluşturmak için bile kullanılabilir.
Varyasyon 1
Bir bölüm ayırma testinin varyasyonunu ayarlama.
Bölüm 1'de bir resim, dört tanıtım yazısı ve dört düğme yerleştirdim.
Bölüm bölme testinin ilk varyasyonu için çıktı.
Varyasyon 2
Bölüm ayırma testinin 2. varyasyonunu ayarlama.
Bölüm 2'de çubuk sayaçları, bir resim, bir tanıtım yazısı ve bir düğme yerleştirdim. Testimin çalıştığını renkler ve yüzde sayacından görebilirsiniz.
Bölüm ayırma testinin 2. varyasyonu için çıktı.
İkiden Fazla Varyasyonu Test Etme
Çok değişkenli test.
Test edilen öğeyi klonlayarak aynı anda ikiden fazla varyasyonu test edebilirsiniz.
İstatistikler

Şu anda test edilmekte olan her öğenin istatistiklerini gösterecektir. Yukarıdaki örnekte istatistikler dört bölümü de göstermektedir.
A/B Testi için İpuçları
A/B testinin genel olarak ve özellikle Divi'de nasıl kullanılacağına dair birkaç fikir:
- Çeşitli ana sayfa düzenleri geliştirin ve hangi öğelerin en çok dikkat çektiğini görün. Örneğin, blogunuz için bir modül içeren bir bölüm oluşturabilir ve bunu çeşitli blog kategorileri için birden çok modül içeren bir bölümle test edebilirsiniz.
- Harekete geçirici mesaj modülünüz için çeşitli düğme, renk, metin vb. kombinasyonlarını deneyin. Diğer modül, farklı renkler, simgeler, yuvarlatılmış köşeler ve kareler vb. içerebilir.
- Bir satış için iki CTA oluşturun: biri yüzde indirimli, diğeri ücretsiz gönderimli. Ziyaretçilerinizin hangisini tercih ettiğini görmek için test edin.
- Bir resmin veya başka bir içeriğin üzerinde tıklanabilir bağlantıları olan bir bölümünüz ve aşağıdaki tıklanabilir bağlantıları olan başka bir bölümünüz olabilir ve istediğiniz yanıtın hangi düzende olduğunu görebilirsiniz.
- Ayrıca çeşitli reklam yerleşimi türlerini de test edebilirsiniz.
- Sadece bir testle sınırlı değilsiniz – aynı anda birden fazla sayfada ve gönderide bir test yapın. Site iyileştirmeleri yapmanıza yardımcı olacak daha kaliteli istatistikler oluşturmak için sitenizde her zaman A/B testlerini çalışır durumda tutmak.
Son düşünceler
A/B testi, web sitenizin içeriğini iyileştirmenin en iyi yollarından biridir. Divi'nin Divi Leads aracılığıyla kolay A/B testi, varsayımları ortadan kaldırır ve işe yarayan, hemen çıkma oranlarını azaltan, satışları artıran ve dönüşüm oranlarını iyileştiren harekete geçirici mesajlar oluşturmak için ihtiyacınız olan bilgileri sağlar. Size ölçülebilir veriler verir, böylece ziyaretçilerinizin nasıl tepki vereceğini bilirsiniz.
A/B testi kullanmak, kullanmayanlara göre size bir avantaj sağlayacaktır. Web sitesi geliştirme için gizli silahınız olarak kabul edilebilir.
Sizden duymak isteriz. Divi'de A/B testi kullanmayı planlıyor musunuz? Divi Lead'leri kullanarak test etmeyi planladığınız şey türleri nelerdir? Aşağıdaki yorumlarda bize bildirin.
Makale küçük resmi, Andrei Simonenko / Shutterstock.com
ev borcu WordPress sitesi