Buat Tes A/B dengan Cepat dengan Pola Blok WordPress

Diterbitkan: 2021-09-02

Seperti yang telah kita bahas di posting sebelumnya, dengan WordPress 5.8 dan Direktori Pola yang akan datang, pola blok WordPress mendapatkan momentum. Yang paling kami sukai dari pola blok adalah, dari sudut pandang desain, pola blok masuk akal sebagai satu kesatuan untuk menambahkan bagian yang berbeda pada halaman atau pos mana pun.

Misalnya, untuk meningkatkan kredibilitas Anda dan mendapatkan kepercayaan dari pengunjung situs web Anda, Anda mungkin ingin menyertakan bagian di mana Anda menyoroti fitur utama produk Anda, bagian lain yang menyertakan logo klien Anda, bagian lain yang menyertakan satu atau lebih testimonial atau ulasan layanan Anda, dll. Dan memiliki beragam pola untuk dipilih untuk desain setiap bagian adalah sempurna.

Bagian dari halaman rumah kami — Bagian yang berbeda dari halaman rumah kami.

Pola, dipahami sebagai unit tata letak halaman, juga merupakan kandidat ideal untuk pengujian A/B. Mari kita lihat di bawah bagaimana mereka dapat membantu Anda membuat pengujian A/B dan dengan demikian meningkatkan konversi di situs web Anda.

Tingkatkan Konversi Web dengan Pengujian A/B

Konversi web mengacu pada tindakan apa pun yang diharapkan dilakukan oleh siapa pun yang membuka situs web Anda: mereka dapat mengunjungi detail produk atau halaman harga, berlangganan buletin, menghubungi kami, membaca artikel, membeli produk saya, dll. Dalam konteks ini, tingkat konversi adalah jumlah konversi yang dicapai dalam kaitannya dengan jumlah kunjungan. Artinya, jika situs web Anda memiliki total 100 kunjungan harian, 2 di antaranya akhirnya membeli produk, tingkat konversi di situs web Anda adalah 2% .

Alat yang membantu Anda meningkatkan rasio konversi adalah pengujian A/B. Pengujian A/B terdiri dari, berdasarkan hipotesis peningkatan, mengusulkan perubahan di web dan memeriksa apakah itu berfungsi lebih baik. Misalnya, ubah blok pertama halaman arahan dengan pesan yang membangkitkan lebih banyak rasa ingin tahu, ubah urutan tampilan produk yang berbeda di halaman harga Anda, tambahkan promosi produk Anda di akhir posting Anda, dll.

Dari sudut pandang teknis, pengujian A/B terdiri dari menampilkan dua atau lebih versi atau varian dari halaman web yang sama (bisa juga berupa menu atau tema, dll.) kepada kumpulan pengunjung web yang berbeda dan membandingkan varian mana yang menghasilkan lebih banyak konversi.

Gambar yang menggambarkan cara kerja pengujian A/B: lalu lintas dibagi dan setiap segmen melihat satu varian, lalu kami memeriksa varian mana yang mendapat lebih banyak konversi — Dalam bentuknya yang paling sederhana, pengujian A/B mengusulkan untuk membagi lalu lintas ke situs secara acak menjadi dua kelompok sehingga 50% pengunjung melihat desain A sementara 50% lainnya melihat desain B. Dengan memantau bagaimana pengguna di setiap grup bereaksi, kami dapat menghitung tingkat konversi setiap grup dan, jika ada perbedaan yang signifikan secara statistik antara keduanya, menyatakan desain pemenang.

Seperti yang mungkin telah Anda amati dalam contoh yang dibahas di atas, dalam banyak kesempatan, varian yang Anda buat terdiri dari menambahkan, memodifikasi, atau menghilangkan bagian pada halaman yang Anda uji. Untuk alasan ini, kami menemukan konsep pola blok sangat berguna dalam proses pembuatan Tes A/B.

Buat sebuah Uji A/B dengan Pola

Meskipun Anda dapat membuat Tes A/B di situs WordPress secara manual, rekomendasi kami adalah Anda menggunakan salah satu alat yang tersedia di pasar dan, khususnya, jika Anda ingin mendapatkan hasil maksimal dari pola blok, alat terbaik untuk membuat Tes A/B adalah dengan menggunakan Nelio Pengujian A/B (gratis dan premium (€29/bulan) tersedia) karena ini adalah plugin WordPress asli dan, oleh karena itu, terintegrasi penuh dengan editor blok WordPress.

Untuk membuat Tes A/B dengan Nelio Pengujian A/B dengan editor blok WordPress, langkah-langkah yang harus diikuti adalah sebagai berikut:

Pilih jenis tes yang akan dibuat,
Tentukan varian uji,
Tentukan tujuan dan tindakan konversi,
Atau, tentukan apakah Anda ingin menerapkan segmentasi,
Jalankan tes dan analisis kemajuan Anda,
Terapkan alternatif pemenang sebagai final.

Dalam panduan ini, kami menjelaskan semua detail dari setiap langkah sebelumnya untuk membuat Tes A/B dengan Nelio Pengujian A/B di editor blok.

Mari kita lihat dengan beberapa contoh bagaimana pola blok dapat membantu kita menjadi jauh lebih efisien dalam berkreasi tes A/B; khususnya, dalam definisi varian uji.

Contoh

Misalkan tiga contoh pengujian berbeda yang ingin kita lakukan di situs web kita.

Contoh 1 : di satu sisi, saya ingin menguji desain alternatif di halaman Nelio kami dengan mengubah bagian tempat kami menampilkan manfaat layanan kami.

Bagian halaman yang menunjukkan manfaat produk kami — Bagian halaman yang menunjukkan keunggulan produk kami.

Contoh 2 : Demikian pula saya juga ingin menguji desain alternatif dari bagian testimonial pada halaman yang sama dan melihat mana yang lebih menarik.

Bagian testimonial halaman beranda Nelio — Bagian testimonial dari halaman rumah Nelio.

Contoh 3 : Saya ingin menguji apakah menambahkan bagian atau spanduk ajakan bertindak di akhir semua posting akan mendapatkan lebih banyak pelanggan ke Newsletter kami. Seperti yang Anda lihat di akhir posting ini, saat ini di blog kami, pada akhirnya Anda hanya menemukan bagian untuk menambahkan komentar.

Bagaimana kita membuat ini? Tes A/B? Dengan alat seperti Nelio praktis semudah mengubah desain halaman itu dengan beberapa langkah tambahan. Mari kita lihat yang mana…

Memilih Jenis Tes yang Ingin Anda Buat

Hal ini tidak sama untuk membuat sebuah Pengujian A/B halaman daripada template. Pembuatan varian akan berbeda tetapi keuntungan besar menggunakan alat seperti Nelio Pengujian A/B, benar-benar asli WordPress, adalah bahwa dengan awalnya memilih jenis pengujian yang akan Anda buat, langkah-langkah berikut akan sepenuhnya intuitif dalam konteks WordPress.

Dengan Nelio Pengujian A/B, hal pertama yang harus Anda lakukan adalah memilih jenis Pengujian A/B yang ingin Anda buat:

Selektor uji dalam Pengujian A/B Nelio — Pemilih pengujian dalam Pengujian A/B Nelio.

Setelah Anda memilih jenis pengujian, Anda akan melihat bahwa membuat varian pengujian sama persis dengan saat Anda membuat elemen WordPress apa pun.

Dalam contoh 1 dan 2 di atas, karena yang kita inginkan adalah mengubah bagian halaman, kita akan memilih untuk membuat pengujian halaman. Dalam contoh 3, karena yang kita inginkan adalah opsi untuk menambahkan bagian di akhir posting, yang lebih masuk akal adalah membuat pengujian template.

Definisi Varian Tes

Contoh 1 : Setelah memilih bahwa kami ingin melakukan pengujian halaman, Anda harus memberi nama jenis pengujian dan memilih halaman, juga disebut halaman kontrol, tempat Anda ingin melakukan pengujian. Anda dapat memilih ini dari daftar halaman yang telah Anda terbitkan di situs web Anda. Dalam kasus kami, ini adalah halaman utama situs web kami.

Pembuatan varian pengujian A/B halaman — Pembuatan varian halaman Tes A/B dengan Nelio Pengujian A/B.

Kemudian Anda dapat membuat varian baru. Secara default, ini akan menjadi salinan persis dari halaman kontrol Anda. Klik tautan Edit varian dan Anda akan melihat bahwa Anda akan memiliki editor blok WordPress yang sudah Anda ketahui untuk membuat semua perubahan yang Anda inginkan bersama dengan beberapa properti tambahan dari pembuatan tes.

Mengedit varian pengujian halaman — Edisi varian uji halaman dengan Nelio Pengujian A/B.

Anda dapat menambah, mengubah, dan menghapus blok yang Anda inginkan untuk mengubah desain varian sesuai keinginan. Tapi apa keuntungan besar dari pola blok? Sekarang, mengubah misalnya desain bagian yang ditunjukkan pada gambar jauh lebih mudah daripada membuat dan mengedit setiap blok satu per satu. Cukup, dengan mengklik tombol tambahkan pola, saya dapat memilih desain yang paling saya sukai.

Dengan cara ini, setelah saya memiliki desain yang ditetapkan dalam satu klik, saya hanya perlu mengganti gambar dengan yang sudah saya miliki di perpustakaan media dan menyalin dan menempelkan teks aslinya untuk mengubah tampilan bagian ini.

Bagian yang didesain ulang dengan menggunakan pola — Bagian didesain ulang dengan menggunakan pola.

Contoh 2 : Dalam hal ini, proses pemilihan jenis tes akan sama persis seperti pada contoh sebelumnya. Setelah memilih bahwa kami ingin membuat pengujian halaman, kami akan menambahkan nama ke pengujian, memilih halaman utama, dan membuat varian baru.

Tes A/B baru dari bagian testimonial di halaman utama — Baru Tes A/B dari bagian testimonial di halaman utama.

Saat mengeditnya, seperti sebelumnya, kami menemukan bahwa kami memiliki berbagai macam desain bagian testimonial yang dapat kami pilih.

Dan seperti sebelumnya, sekarang dengan mengganti gambar dan copy-paste teks sederhana, kami dengan cepat mengubah tata letak bagian ini.

Bagian testimonial ditampilkan dengan kartu.

Contoh 3. Dalam contoh terakhir kami, kami ingin semua posting menyertakan bagian di akhir di mana pembaca diundang untuk berlangganan buletin kami. Untuk melakukan ini, yang paling mudah adalah membuat pengujian template dan menggunakan varian template baru yang menyertakan bagian yang kita inginkan. Dalam kasus pengujian template, sebelum membuat pengujian, template yang berbeda harus telah dibuat.

Ingat, seperti yang saya katakan saat menjelaskan fitur baru dari Full Site Editing di WordPress 5.8, sekarang Anda dapat membuat template baru atau mengedit template yang sudah ada di editor template dari postingan atau halaman. Jadi, Anda dapat membuat template baru dan langsung dari editor template, Anda dapat memilih dan menambahkan pola yang serupa dengan yang telah kami lakukan di atas.

Perubahan pada pola yang disisipkan sekali lagi jauh lebih cepat daripada jika kita membuat bagian baru ini dari awal.

Sekarang kita dapat membuat pengujian template baru. Pertama, kami memilih bahwa kami ingin membuat pengujian template dan kemudian kami memilih untuk varian A dan B template mana yang ingin kami tampilkan.

Pemilihan template yang membentuk pengujian A/B — Pemilihan template yang membentuk Tes A/B.

Dan hanya itu, kami telah membuat versi kontrol dan variannya untuk setiap contoh. Dari sini, langkah-langkah berikut sama untuk berbagai jenis tes.

Tentukan Sasaran dan Tindakan Konversi Anda

Setelah menentukan varian pengujian Anda, langkah selanjutnya adalah menentukan sasaran konversi. Untuk tujuan apa Anda membuat tes ini? Untuk mendapatkan lebih banyak penjualan, lebih banyak pelanggan, atau lebih banyak kunjungan ke halaman harga? Tujuan ini terpenuhi ketika pengunjung melakukan tindakan tertentu.

Dengan Nelio Pengujian A/B, di bagian “Sasaran dan Tindakan Konversi”, Anda dapat menambahkan sasaran sebanyak yang Anda inginkan dengan mengeklik tautan + Baru dan Anda dapat menambahkan nama ke tujuan tersebut secara opsional. Nelio Pengujian A/B akan menunjukkan kepada Anda informasi tentang seberapa efektif setiap varian untuk setiap tujuan yang telah Anda tetapkan.

Definisi tujuan konversi dalam pengujian A/B dari konten yang dipersonalisasi dengan pengujian A/B Nelio. — Definisi tujuan konversi dalam Tes A/B dengan Nelio pengujian A/B.

Untuk setiap sasaran yang telah Anda tetapkan, Anda memiliki jenis tindakan konversi yang berbeda untuk melacak pengunjung Anda. Misalnya, Anda dapat memantau saat mereka mengakses halaman tertentu, saat mereka mengklik elemen tertentu di situs web Anda, atau saat mereka mengirimkan formulir kontak. Klik tombol tindakan yang Anda minati dan untuk setiap jenis tindakan Anda dapat menentukan pengaturannya sendiri.

Segmentasikan Lalu Lintas Anda

Salah satu fitur menarik dari alat pengujian A/B adalah memungkinkan Anda untuk mengelompokkan lalu lintas Anda. Artinya, Anda dapat menetapkan bahwa hanya beberapa pengunjung yang berpartisipasi dalam pengujian. Misalnya, menurut negara, waktu, bahasa, browser, perangkat, dll. Jika Anda ingin lebih detail tentang cara menerapkan segmentasi lalu lintas dengan Nelio Pengujian A/B, dalam artikel ini Antonio menjelaskannya secara detail.

Jalankan Tes yang Dibuat dan Analisis Kemajuannya

Dan hanya itu, sekarang yang harus Anda lakukan adalah menekan tombol untuk memulai tes dan menganalisis kemajuannya. Nelio Pengujian A/B akan menangani pemisahan lalu lintas Anda menjadi dua grup sehingga masing-masing grup melihat satu varian atau yang lain. Saat menggunakan Nelio Pengujian A/B, Anda tidak perlu khawatir tentang berapa lama Anda perlu menjalankan pengujian atau untuk mengontrol kepercayaan statistik data. Anda akan dapat melihat jumlah total konversi dan tampilan halaman untuk setiap varian. Anda juga akan dapat melihat persentase peningkatan setiap varian dibandingkan dengan versi aslinya.

Grafik dengan rasio konversi setiap varian dalam pengujian A/B — Rasio konversi setiap varian dalam Tes A/B.

Terapkan Alternatif Kemenangan

Akhirnya, jika Anda mendapatkan varian ujian yang menang, Nelio Pengujian A/B memungkinkan Anda menerapkan varian tersebut sebagai versi final di situs web Anda dengan sekali klik.

Terapkan alternatif pemenang dalam pengujian A/B — Terapkan alternatif pemenang dalam Tes A/B.

Artinya, untuk dua contoh pengujian halaman pertama, jika varian yang telah kami uji adalah pemenangnya, mengganti konten asli dengan konten pemenang. Dalam kasus pengujian template, cukup di akhir pengujian, Anda harus mengganti template pada halaman/postingan yang Anda inginkan.

Kesimpulan

Pengujian A/B adalah alat terbaik untuk mengoptimalkan konversi di situs web. WordPress berkembang sangat cepat dan dengan fitur dan fungsionalitas baru yang telah hadir di WordPress 5.8, membuat pengujian A/B bahkan lebih mudah jika Anda menggunakan alat WordPress asli yang terintegrasi penuh dengan editor blok, seperti halnya dengan Nelio A/B Pengujian.

Ingat bahwa pola, yang dirancang untuk membuat dan mendesain bagian yang berbeda, tidak hanya memfasilitasi Anda untuk menambah dan mengubah bagian halaman dan posting, tetapi juga template, seperti yang Anda lihat di posting ini. Menantikan untuk melihat fitur baru WordPress berikutnya!

Gambar Unggulan oleh Raimond Klavins di Unsplash