Bagaimana dan Mengapa Anda Harus Membuat Pengujian A/B dari Halaman Arahan E-niaga Anda

Diterbitkan: 2021-07-15

Saya ingat, dulu sekali, pertama kali saya berjalan menyusuri jalan perbelanjaan utama Chicago, Michigan Avenue, saya benar-benar kagum dengan jendela-jendela toko di lebih dari satu toko. Toko Nike adalah penghargaan besar untuk Michael Jordan, toko mainan FAO Schwarz adalah taman hiburan mini yang spektakuler, dan seterusnya. Anda masuk dan akhirnya membawa sesuatu, hanya untuk mendapatkan suvenir dari pengalaman itu

Setara dengan jendela toko fisik di toko online Anda adalah Halaman Arahan Anda. Halaman arahan adalah halaman penting dari situs web Anda: dalam banyak kasus ini adalah halaman pertama yang akan dilihat pengunjung setelah melakukan pencarian Google atau setelah membaca posting di blog Anda.

Orang sering berpikir bahwa halaman arahan adalah halaman beranda situs web Anda dan, oleh karena itu, hanya ada satu. Tidak ada yang bisa lebih jauh dari kebenaran. Jenis halaman ini adalah halaman yang kami desain sebagai titik masuk ke situs web kami. Inilah yang menarik perhatian pengunjung, membuat mereka tetap di situs kami, dan memulai pengalaman berbelanja mereka. Jadi, misalnya, di situs web Nelio kami, beberapa halaman arahan yang harus kami tunjukkan Pengujian A/B Nelio adalah:

  • Halaman beranda Nelio A/B Testing
  • Pengujian A/B Nelio untuk bisnis Anda
  • Pengujian A/B Nelio untuk e-niaga
  • dll

Masing-masing halaman ini menyajikan produk kami dari perspektif yang sedikit berbeda untuk menanggapi berbagai jenis profil yang mungkin tertarik pada produk kami. Jadi, misalnya, halaman arahan untuk e-niaga menekankan fitur atau fungsi situs web yang memiliki e-niaga. Mereka dibuat untuk tujuan mengubah pelanggan potensial. Dan karena alasan inilah tujuan utama Anda di halaman ini adalah untuk mengoptimalkan tingkat konversi Anda.

Dalam posting ini kita akan melihat karakteristik utama halaman arahan dan praktik terbaik untuk meningkatkan tingkat konversi mereka.

Fitur Halaman Arahan E-niaga

Seperti yang telah Anda lihat, halaman arahan e-niaga adalah halaman web yang berdiri sendiri yang dibuat khusus untuk tujuan pemasaran. Ini adalah halaman tempat pengunjung “mendarat” ketika mereka mengklik tautan, baik dari iklan, hasil mesin pencari, atau kampanye promosi.

Tujuan halaman arahan adalah untuk membuat pelanggan menyelesaikan tindakan tertentu, yang dalam kasus e-niaga terutama untuk melakukan pembelian. Salah satu perbedaan utama halaman arahan dari halaman lain yang mungkin Anda miliki di web adalah, di satu sisi, halaman tersebut disesuaikan agar sesuai dengan profil pengunjung tertentu: judul, teks, gambar, dan testimonial khusus untuk profil itu sehingga bahwa seseorang dengan profil ini didorong untuk membeli. Dan, di sisi lain, halaman arahan selalu menyertakan satu atau lebih ajakan bertindak.

Tangkap bagian halaman arahan Pengujian A/B Nelio untuk E-niaga
Tangkapan layar bagian dari Pengujian A/B Nelio untuk laman landas E-niaga.

Misalnya, jika seseorang mencari cara mengoptimalkan tingkat konversi di e-commerce mereka dan setelah melihat hasil yang berbeda, mereka mengklik tautan Pengujian A/B Nelio untuk e-commerce (Anda dapat melihat sebagian tangkapan layar pada gambar di atas ), saat mereka membuka halaman, mereka akan melihat judul yang cocok dengan penelusuran, mereka akan menemukan gambar toko, dan teks serta ajakan bertindak yang mengundang mereka untuk mulai membuat pengujian A/B. Halaman tersebut juga menjelaskan bagaimana mereka dapat mengoptimalkan penyajian produk di toko mereka dan menyertakan testimoni untuk memberikan kepercayaan lebih kepada pengunjung. Terakhir, ada beberapa bagian yang menjelaskan bagaimana mereka dapat meningkatkan penjualan berkat data dan, tentu saja, informasi tambahan tentang mengapa mereka dapat mempercayai kami.

Seperti yang dapat Anda lihat pada contoh di atas, tujuan halaman arahan apa pun adalah agar calon pembeli menemukan dengan tepat apa yang mereka cari dalam hitungan detik. Konten halaman disesuaikan dengan persona pembeli, termasuk fitur produk yang penting (sekali lagi, ditulis dengan mempertimbangkan audiens tertentu), menambah kepercayaan, dan memudahkan pengunjung untuk membeli.

Keuntungan besar memiliki halaman arahan yang berbeda adalah Anda dapat menargetkan pelanggan tertentu dengan jauh lebih baik. Desain, proposisi nilai, dan ajakan bertindak dapat lebih disesuaikan dengan segmen pasar.

Mengapa dan Tes Apa yang Harus Saya Buat di Halaman Arahan

Orang mungkin bertanya-tanya mengapa harus repot dengan pengujian A/B daripada hanya mengimplementasikan fitur-fitur yang disebutkan di atas. Nah, satu hal yang mungkin Anda yakini akan meningkatkan konversi pengguna Anda dan hal lain, sangat berbeda, adalah apa yang sebenarnya terjadi di situs web Anda. Satu-satunya cara Anda dapat memeriksa apa yang berhasil dan apa yang tidak adalah dengan melakukan pengujian A/B.

Seperti yang mungkin sudah Anda ketahui, pengujian A/B dimulai dengan hipotesis peningkatan (misalnya, kami mungkin berpikir bahwa redistribusi Laman Landas untuk menampilkan informasi relevan tertentu dengan lebih baik akan menghasilkan lebih banyak konversi), menerapkan hipotesis dalam varian, dan menguji apakah varian ini berkinerja lebih baik daripada laman orisinal Anda. Secara teknis, pengujian A/B akan menunjukkan satu varian atau yang lain kepada setiap pengunjung Anda, melacak apa yang mereka lakukan, dan menentukan mana yang terbaik (jika ada).

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.

Ini menjamin bahwa setiap perubahan yang akhirnya Anda terapkan ke situs Anda akan memiliki tingkat konversi yang lebih baik, karena Anda memverifikasi dengan data nyata apakah perubahan tersebut merupakan peningkatan yang sebenarnya atau tidak.

Ingatlah, seperti yang akan saya tunjukkan kepada Anda dengan sebuah contoh, bahwa hasil yang diperoleh dalam pengujian A/B mungkin berbeda dari yang diharapkan, dan itulah mengapa sangat penting untuk melakukannya. Selain itu, pengujian A/B harus dilakukan secara terus menerus dan menjadi bagian dari apa yang dikenal sebagai proses pengoptimalan tingkat konversi atau CRO.

Mari kita lihat beberapa praktik terbaik yang dapat Anda mulai gunakan di laman landas situs web Anda.

Sederhanakan Halaman

Halaman arahan harus sederhana dan mudah diikuti. Pastikan pengunjung tidak kewalahan oleh terlalu banyak teks atau tersesat dan tidak dapat menemukan tombol "Beli Sekarang". Beberapa tips untuk menyederhanakan halaman adalah:

  • Tampilkan tajuk berita yang ringkas dan langsung
  • Tampilkan ajakan bertindak yang jelas dan terlihat
  • Hilangkan tautan navigasi yang tidak mengarah ke halaman checkout
  • Tampilkan detail produk dengan poin-poin
  • Kurangi teks yang hanya menampilkan informasi penting

Pikirkan halaman arahan sebagai halaman di mana Anda pertama kali melihat sekilas untuk memutuskan apakah akan tetap berada di sana atau mencoba menemukan sesuatu yang lebih baik. Hindari teks yang tidak perlu dan batasi diri Anda untuk menjawab apa yang menambah nilai bagi pengunjung.

Meskipun teorinya baik-baik saja, hal terpenting adalah membuat pengujian A/B yang menegaskan bahwa penyederhanaan yang Anda buat di halaman memang yang disukai pengunjung Anda. Misalnya, kami ingin menyederhanakan halaman beranda Perangkat Lunak Nelio kami dan membuat pengujian A/B untuk itu. Tujuan kami adalah merancang versi alternatif yang lebih sederhana, lebih visual, dan lebih ringkas untuk meningkatkan konversi.

Kami menjalankan pengujian dan, yang mengejutkan, varian baru yang kami buat bukanlah solusi yang lebih baik untuk meningkatkan konversi. Seandainya kami tidak mengujinya, kami akan menerapkan halaman yang kami pikir lebih baik tetapi sebenarnya tidak. Anda akan menemukan detail pengujian A/B yang kami lakukan di postingan ini.

Tetapi seperti yang Anda lihat pada gambar berikut, kami tidak berhenti di situ dan kami terus menguji berbagai varian halaman beranda Nelio kami. Desain halaman rumah kami pada saat menulis posting ini sangat berbeda dari proposal sebelumnya: lebih jelas, lebih sederhana, dan lebih rapi. Dan kinerjanya lebih baik!

Lipatan Pertama Halaman Arahan Anda

Lipatan pertama halaman arahan Anda adalah bagian yang paling penting. Ini adalah hal pertama yang akan dilihat oleh setiap pengunjung yang membuka halaman itu. Apakah mereka terus menjelajahi situs web Anda, gulir ke bawah untuk melihat lebih banyak, atau lari ke mesin pencari Google dalam waktu kurang dari dua detik tergantung padanya.

Sayangnya, Anda tidak dapat memiliki semua informasi di lipatan pertama ini: Anda harus memilih dengan cermat apa yang Anda masukkan ke dalamnya. Apa informasi terpenting yang perlu Anda sampaikan kepada pengunjung? Membuat pengujian A/B pada lipatan pertama dapat berdampak besar pada peningkatan konversi situs web Anda.

Misalnya, di halaman arahan Pengujian A/B Nelio di mana produk dijelaskan dan yang tujuan konversinya adalah membuat pengguna mengunjungi halaman harga produk, kami menguji versi yang berbeda dari lipatan pertama. Arahkan kursor ke blok dan gerakkan penggeser untuk membandingkan kedua versi:

Versi asli dari lipatan pertama halaman beranda Pengujian A/B Nelio
Varian dari lipatan pertama halaman beranda Pengujian A/B Nelio
Perbedaan antara versi asli dan varian lipatan pertama halaman beranda Pengujian A/B Nelio.

Pada varian kami mengubah judul dan sebagai ganti nama produk yang sudah muncul di logo, kami menambahkan pesan yang akan menimbulkan rasa penasaran pengunjung. Warna yang berbeda? Bentuk tombol yang berbeda? Lokasi alternatif untuk itu semua?

Selanjutnya, kami mengubah subtitle menjadi sesuatu yang menunjukkan bahwa kami memiliki solusi untuk memuaskan rasa ingin tahu mereka: “buat dan uji berbagai versi WordPress Anda untuk menemukan apa yang paling disukai audiens Anda dan tingkatkan konversi Anda”. Dan akhirnya, kami mengubah teks tombol tindakan dengan menambahkan titik urgensi: "Mulai sekarang". Selain itu, bagian pertama situs web akan menempati seluruh lipatan pertama. Tujuannya adalah untuk fokus pada pesan.

Dalam hal ini, hasil pengujian A/B untuk versi bahasa Inggris berbeda dengan versi bahasa Spanyol. Sementara dalam versi bahasa Inggris kami memperoleh peningkatan konversi lebih dari 12%, dalam versi Spanyol kami tidak dapat memperoleh data konklusif. Untuk detail lebih lanjut tentang eksperimen ini, klik di sini.

Hasil pengujian A/B membandingkan perubahan pada halaman utama Pengujian A/B Nelio dalam bahasa Inggris.
Hasil pengujian A/B membandingkan perubahan pada halaman utama Pengujian A/B Nelio dalam bahasa Inggris.

Contoh ini menunjukkan sekali lagi pentingnya pengujian A/B pada halaman arahan Anda. Anda tidak dapat mengetahui dampak perubahan apa pun pada situs web Anda sampai Anda mengujinya.

Gambar Unggulan

Di antara elemen lipatan pertama situs web yang paling memengaruhi persepsi pengunjung, fitur gambar yang kami gunakan adalah kuncinya. Karena itu adalah hal pertama yang mereka lihat, jika perasaan umum pengunjung adalah penolakan, kita akan kehilangan mereka. Selain itu, gambar unggulan memainkan peran penting ketika konten dibagikan di media sosial.

Karena alasan ini, sesuatu yang mudah seperti membuat pengujian A/B dari gambar unggulan dapat membuat Anda tersenyum saat melihat hasil konversi. Di halaman arahan Konten Nelio, yang tujuan konversinya adalah agar pengguna kami akhirnya mengunjungi halaman harga, kami melakukan pengujian A/B dari gambar unggulannya.

Pada halaman ini, lipatan pertama berisi gambar unggulan yang menunjukkan seorang pria tersenyum dengan post-it di dahinya dan janggut tebal, di depan komputer. Di monitor komputer kita melihat kalender editorial Nelio Content. Kami memutuskan untuk membuat pengujian A/B dengan dua varian tambahan: alternatif pertama adalah gambar yang lebih konvensional yang menunjukkan sekelompok orang yang bekerja di depan laptop. Pada opsi kedua kami menunjukkan tangkapan layar kalender editorial, yang telah kami terapkan efek buram untuk membuat teks di atasnya lebih mudah dibaca.

Dalam hal ini, apakah ada gambar yang lebih baik dari yang lain? Bagaimana menurutmu? Akankah pria berjanggut itu dapat mengalahkan dua varian gambar unggulan lainnya?

Nah, anehnya ada gambar pemenang. Berikut halaman hasil tes selengkapnya:

Hasil uji A/B dari berbagai gambar unggulan.
Hasil uji A/B dari berbagai gambar unggulan dalam versi bahasa Spanyol.

Secara khusus, gambar dengan sekelompok orang di depan komputer memiliki konversi 25% lebih baik daripada pria berjanggut dengan kepercayaan hampir 90% dalam versi Spanyol dan peningkatan persentase hampir 15% dalam versi bahasa Inggris yang menang, sekarang dengan bahkan keandalan statistik yang lebih tinggi, melebihi 95%.

Hasil tes A/B dalam versi bahasa Inggris dari situs web.
Hasil tes A/B dalam versi bahasa Inggris dari situs web.

Seperti yang Anda lihat, sangat sulit untuk menebak apa yang paling berhasil jika Anda belum membuat tes A/B untuk menguatkan hipotesis Anda. Anda akan menemukan detail lebih lanjut tentang tes ini di sini.

Dan dengan cara yang sama seperti kami menguji berbagai gambar unggulan, jenis pengujian menarik lainnya untuk dicoba adalah apakah lebih baik mengubah gambar untuk video. Dalam posting ini kami menjelaskan lebih detail tentang percobaan ini.

Tombol Ajakan Bertindak

Jenis pengujian lain yang harus Anda coba pada halaman arahan adalah menguji gaya tombol ajakan bertindak yang berbeda di halaman tersebut. Anda menguji ukuran tombol, gayanya, dan teksnya.

Mengikuti beberapa teori tentang warna apa yang terbaik untuk tombol ajakan bertindak, memutuskan untuk melakukan tes A/B pada warna tombol di halaman arahan Konten Nelio. Dalam hal ini, kami melakukan pengujian gaya CSS dengan Pengujian A/B Nelio.

Berikut adalah tampilan tombol tindakan jika dilihat dari editor gaya CSS untuk setiap varian pengujian A/B yang kami lakukan. Pertama, Anda memiliki versi asli, dengan tombol berwarna oranye. Dua varian lainnya menyertakan CSS untuk mengatur tombol masing-masing dalam warna hijau dan merah:

Dalam hal ini, hasil yang kami peroleh (Anda dapat melihat detail lebih lanjut tentang eksperimen ini di sini) adalah bahwa hijau adalah warna yang paling cocok untuk audiens bahasa Inggris kami di halaman Konten Nelio. Namun, untuk audiens Spanyol kami, kami belum dapat menemukan warna yang berfungsi lebih baik daripada yang sudah kami miliki.

Bagaimana Saya Membuat Pengujian A/B Ini?

Membuat pengujian A/B sangat mudah jika Anda menggunakan alat Pengujian A/B. Khususnya, jika Anda menggunakan Nelio A/B Testing, plugin WordPress yang terintegrasi penuh, Anda akan dapat membuat varian pengujian apa pun semudah membuat modifikasi pada halaman dengan editor blok.

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

Selain itu, seperti yang telah Anda lihat di beberapa gambar sebelumnya, Anda juga memiliki hasil di WordPress itu sendiri dan Anda tidak perlu memiliki pengetahuan pengkodean atau menggunakan alat di luar WordPress.

Dalam panduan lengkap ini saya menjelaskan cara membuat pengujian A/B dengan editor blok WordPress.

Mulai Tingkatkan Konversi E-commerce Anda

Meningkatkan konversi dalam e-niaga Anda sama atau lebih penting daripada meningkatkan jumlah kunjungan ke situs web Anda. Halaman arahan adalah halaman yang dijangkau pengunjung Anda dan membuat mereka berkonversi harus menjadi prioritas utama Anda. Anda telah melihat bahwa semuanya memiliki beberapa karakteristik umum tetapi hanya jika Anda membuat pengujian A/B, Anda akan mengetahui cara meningkatkannya. Kami telah menunjukkan beberapa contoh, tetapi alih-alih menyalinnya, buat hipotesis Anda sendiri dan mulailah bereksperimen.

Pengalaman kami dalam membuat pengujian A/B secara terus-menerus memungkinkan kami meningkatkan penjualan dengan sedikit usaha. Apa yang Anda tunggu untuk meningkatkan konversi di situs web Anda?

Gambar unggulan oleh Igor Miske di Unsplash.