Bagaimana dan Mengapa Anda Harus Membuat Pengujian A/B dari Halaman Arahan E-niaga Anda
Diterbitkan: 2021-07-15Saya 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.

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).

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.
Pendaratan Nelio. Versi sederhana dari pendaratan Nelio.
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:


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.

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.
Pria yang bahagia. Stok gambar dengan seorang pria dan dua wanita mengomentari isi komputer mereka. Tangkapan layar kalender editorial Nelio Content.
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:

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%.

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:
Versi asli halaman. Versi dengan tombol aksi berwarna hijau. Versi dengan tombol aksi berwarna 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.

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.