WordPress A/B testi: Başlarken

Birçok site sahibi, web sitesi yayınlandıktan sonra işlerinin bittiğini düşünür. Bu gerçeklerden daha fazla olamazdı – iş daha yeni başladı! Sitenizin nihai amacı var olmak değil, ziyaretçileri müşteriye dönüştürmektir .

Önceki öğreticimde anlattığım huni testinin yanı sıra A/B testi de var. Birincisi akış ziyaretçilerini test ederken ikincisi web sitenizdeki bireysel öğelerin performansını test eder.

A/B testi nedir

A/B testi, web sitenizdeki herhangi bir şeyi rastgele ziyaretçi gruplarıyla test etme ve bu gruplardan hangisinin en iyi performansı gösterdiğini (dönüştürdüğünü) belirleme sürecidir. Kelimenin tam anlamıyla her şeyi test edebilirsiniz: kopya, renkler, resimler, düzenler ve hatta tüm sayfalar.

• varyant , kontrol ve diğer varyantlara karşı test etmek istediğimiz alternatif bir içerik/kopya/tasarım parçasıdır. Her testte istediğiniz kadar olabilir.
• kontrol , diğerlerini test ettiğiniz temel varyantınızdır. Genellikle bununla başlarsın.
• istatistiksel anlamlılık , sonuçlarımızın doğru olma olasılığını bize bildiren bir sayıdır (% olarak ifade edilir, en yaygın olarak %95); Örneğin, 10 ziyaretçiniz olabilir ve hiçbiri B varyantında dönüşüm sağlamazken 1000 ziyaretçi ile aynı varyant çok daha iyi sonuçlar verir. Evet, istatistiksel anlamlılık, teste tabi tutulan ziyaretçi sayısına bağlıdır – ne kadar yüksekse o kadar iyidir.

neden yapmalısın

Web sitemizdeki her öğe, bazıları olumlu, bazıları olumsuz olan duyguları tetikler, ancak hiç A/B testi yapmazsanız, tüm site ziyaretçilerinizin deneyimden eşit şekilde zevk aldığını mı varsayıyorsunuz?

Ama durum gerçekten böyle mi? Bunu yanıtlamak için Google Analytics'i ziyaret edin ve hemen çıkma oranınızı kontrol edin (sitenizi ziyaret eden ancak sitenizle etkileşime girmeyen ziyaretçilerin yüzdesidir – sadece ayrılırlar. Ne kadar düşükse o kadar iyidir).

%0 değil, değil mi? Aslında, muhtemelen %30'un oldukça üzerindedir, bu da tüm ziyaretçilerinizin sitenizden eşit derecede keyif almadığı anlamına gelir, değil mi? Endişelenmeyin, asla 0'a inemezsiniz ve A/B testinin amacı da bu değildir. Tüm ziyaretçiler hedef kitleniz değildir, bu nedenle hemen çıkma oranı asla 0 olmayacaktır.

A/B testinin temel amacı, dönüşümleri artırmaktır, yani ziyaretçileriniz ister bir makale okuyor, isterse bir ürün satın alıyor veya üyeliğe abone oluyor olsun, sitenizin birincil hedefine ulaşacaktır.

Neyi test etmeliyim?

Test etmeye başladığınızda (veya alışkanlık edindiğinizde), her şeyi denemek ve test etmek gerçekten cezbedicidir. Bunu yapma; Bunun yerine, en belirgin öğelerle başlayın: harekete geçirici mesaj düğmeleri . Tercihen, her sayfada, ziyaretçinin daha sonra ne yapması gerektiğini bilmesini sağlayan ve genellikle görsel olarak öne çıkan ve "Buradan başlayın" veya "Başlayın" veya "Kaydolun" gibi bir şey söyleyen sayfalardan yalnızca biri olmalıdır.

Bunlara sahip değilseniz, bir site sahibinin yapabileceği en büyük hatalardan birini yapıyorsunuz: Ziyaretçilerinizi sitenizin hedefini tamamlamaya yönlendirmiyorsunuz!

Açılış sayfamızı test ettiğimizde, bizi en çok bir test vurdu; Birincil başlık düğmemizi alternatif renklere karşı test ettik (varsayılan maviydi, yeşil ve turuncuya karşı test ettik). Sonuç? Bu düğmenin turuncu rengi maviden %25 daha iyi dönüştürdü. Ziyaretçilerden ödeme yapan müşterilere dönüşümü ölçtüğümüz için, bu 100 bin dolar yerine 125 bin dolar kazanıyorduk!

Bu testi ayarlamak için birkaç dakika harcamaya değer. 25 bin dolarlık satış artışı için birkaç dakika mı? A/B testi yapmak istemediğinizden hâlâ emin misiniz?

Ya düzenli bir sunum web sitem varsa?

Hiç sorun değil, bunun da bir amacı var değil mi? Ziyaretçilerinizin bir iletişim formu göndermesini, bir telefon görüşmesi yapmasını, bir randevu ayarlamasını veya sadece makalenizi okumasını bekliyor olun – her durumda bunun olma şansını artırmak istersiniz.

İlk testinizi ayarlayın

Not: Şimdiye kadar eğitimlerimizi takip ediyorsanız, oyun alanımız olarak www.wp-kickstart.com alan adını kullandığımızı fark etmiş olabilirsiniz. Bu, öğretici testimiz için kullanacağımız kenar çubuğuna bir düğme eklediğim temel bir WP kurulumu.

Site öğelerinizi test etmek için en iyi araçlardan biri Optimizely olarak adlandırılır. Başlamak için bir hesap oluşturun ve ilk Web Projenizi oluşturun:

Oluşturduktan sonra, test etmek istediğiniz sitenin URL'sini girmeniz gerekir:

Projeniz kurulduktan sonra, Optimizely'nin varyantları eklemenize ve öğelerini düzenlemenize olanak tanıyan düzenleyicisi açılır.

Optimizely ile bir öğeyi düzenlemenin birçok yolu vardır; Metni, CSS sınıflarını ve hatta HTML çıktısını değiştirebilirsiniz. Benim tercih ettiğim yol CSS sınıflarıdır çünkü gerçek testi yapmadan önce değişiklikleri yerel olarak test etmek daha kolaydır. Ancak kilometreniz değişebilir.

Bu eğitim için, bu düğme için aşağıdaki CSS'yi style.css ekledim:

 .textwidget a.button { text-decoration: none; border-radius: 5px; background-color: #36A9E1; border-bottom: none; color: white; display: inline-block; padding: 5px 12px; } .textwidget a.button:hover { background-color: #0092CC; } .textwidget a.button-primary-dark { background-color: #3A579A; } .textwidget a.button-primary-dark:hover { background-color: #314A83; }

Fark etmiş olabileceğiniz gibi, alternatif bir sınıfa (bir varyant için) sahip varsayılan bir sınıf düğmemiz var button button-primary-dark .

Varsayılan sürüm şöyle görünür:

Şimdi birkaç varyant oluşturma zamanı! Bu eğitimin amacı için, biri tüm büyük harflere sahip olan ve diğeri düğmenin rengini biraz daha koyu maviye çeviren iki varyantı test etmeye karar verdim.

Optimizely'ye geri dönün ve Varyasyon #1 sekmesinde (sitenizin üstündeki çubukta), değiştirmek istediğiniz düğmeyi tıklayın; bu, öğeyle ne yapmak istediğinizi soran bir menüyü tetikleyecektir. Öğeyi Düzenle 'yi tıklayın, ardından bu ilk varyant için düğme kopyasını değiştirdiğimiz için Metni Düzenle'yi tıklayın.

Açılan metin alanında, düğmenin metnini TÜMÜ BÜYÜK HARF ile yeniden yazmanız ve Bitti'yi tıklamanız yeterlidir. İşte bu, şimdi ilk varyantınızı kurdunuz! Bir sonraki zamanı.

Deneme Varyasyonları sekmesinde, yeni bir varyasyon oluşturun, ardından düzenlemek için aynı düğmeyi tıklayın, ancak bu sefer, Sınıfları Düzenle 'yi seçin. Benim durumumda, bu düğmede zaten üç sınıfım var (button, button-birincil ve kaydet), bu yüzden button-primary button-primary-dark olarak değiştireceğim, bu da yeni düğme rengini hemen yükleyecektir.

Artık denemeniz hazır olduğuna göre, sağ üst köşedeki Denemeyi Başlat'ı tıklayarak başlatın. Bunu yaptığınızda, kod parçacığının nasıl uygulanacağına ilişkin talimatların bulunduğu bir pencere açılacaktır. Benim durumumda, kodu header.php yapıştıracağım, <head> etiketinin herhangi bir yerinde yapacak.

Test sonuçlarını bekleyin

Artık testiniz çalıştığına göre, sonuçları gözlemleme zamanı. Optimizely'de, seçeneklere (ekranın sağ tarafı) tıklayın, ardından sonuçları görüntüle öğesini seçin. Henüz yeni başladığınız için henüz sayı olmayacak, bu nedenle ilk sayıları görmeye başlamanız gereken birkaç gün için onu kapatmaktan çekinmeyin.

Siz beklerken, Optimizely'yi biraz keşfetmenizi rica ediyorum, yaptığımız şey, çok daha fazlasını yapabilen bu güçlü yazılımın yüzeyini zar zor çizdi – bunun ne olduğunu ve nasıl yapabileceğinizi keşfetmeyi size bırakacağım. iş bundan faydalanır.

uyarılar

WordPress A/B testine başlarken, her şeyi denemek ve test etmek kolaydır; Bunu yapmayın – bunun yerine gezinme adlandırma ve konumlandırma, birincil düğmeler, iletişim ve abonelik formları ve belki arka plan resimleri (varsa) gibi sitenizin en belirgin öğelerine odaklanın.

Ayrıca, aynı test içinde, bir öğeyi farklı şekillerde test eden bir deneme çalıştırdığınızdan emin olun, aksi takdirde, sonunda ziyaretçi katılımının artması (veya azalması) ile gerçekte hangi değişikliğin ilişkilendirildiğini bilemezsiniz.

Bir hata da yeterince sabırlı olmamak ve yüksek istatistiksel anlamlılık elde etmeyen testlerden sonuçlar çıkarmaktır (ki bu da teste girmek için yeterli sayıda ziyaretçi alır). Yüksek trafiğe sahip bir web siteniz yoksa, testlerinizin bitmesi biraz zaman alabilir ve sorun değil, en azından kesin olarak bileceksiniz (%95 kesin olarak), gerçekten de sınava neden olanın sizin testiniz olduğunu bileceksiniz. katılımın artması.

Diğer bir sorun da benim "büyük resmi kaçırmak" dediğim şey, yani aynı genel görünüm ve hisse sahipken yalnızca küçük öğeleri test ettiğiniz anlamına gelir, bu da iyice test ederseniz sizi yerel maksimuma getirir. Global bir maksimuma ulaşmak için öğelerin konumunu, renklerini, kopyayı büyük ölçüde değiştirmeniz gerekir… Yani test edeceğiniz şey, sayfanızın tamamen yeni bir sürümüdür (bu da, aynı zamanda, tüm öğelerin test edilmesini gerektirir). mikro düzeydeki öğeler). Ancak bundan sonra, gerçekten optimize edilmiş sayfaya ulaştığınızı anlarsınız. Ve zen.