Pemasaran dan SEO

30 Praktik Terbaik Halaman Arahan yang Harus Diikuti Untuk Menggandakan Konversi Anda

Isi:

Jika Anda ingin meningkatkan konversi, praktik terbaik halaman arahan apa yang harus Anda ikuti?

Jawabannya akan berubah tergantung pada siapa Anda bertanya. Penulis akan memberi tahu Anda bahwa salinan halaman arahan yang baik adalah yang terpenting. Desainer akan meminta Anda untuk fokus pada pengalaman desain. Dan pemasar akan meminta Anda untuk memastikan bahwa Anda mengumpulkan semua data yang benar & mengoptimalkan halaman arahan untuk SEO.

Kebenaran?

Mereka baik-baik saja.

Halaman arahan adalah penyulingan intens dari berbagai bidang pemasaran. Di situlah salinan hebat, desain solid, pemasaran cerdas, dan praktik data yang kuat bersatu untuk mengarahkan pengunjung ke satu tujuan.

Namun karena ada begitu banyak bagian yang bergerak ke laman landas yang baik, membuat laman landas tampak sangat menakutkan. Apa yang harus Anda fokuskan? Apa yang harus Anda abaikan? Apa saja praktik terbaik laman landas yang “harus diikuti”?

Saya akan menjawab semua pertanyaan ini dalam panduan terperinci ini. Anda akan mempelajari dasar-dasar yang Anda perlukan untuk membuat halaman arahan dengan konversi tinggi, kerangka kerja untuk mengadopsi untuk mengubah “pemikiran halaman arahan” Anda, dan terakhir, kami akan membahas praktik terbaik halaman arahan yang perlu Anda ikuti untuk arahan pengoptimalan halaman.

Panduan praktik terbaik halaman arahan ini dibagi menjadi enam bagian. Klik ikon di bawah untuk melompat ke bagian kanan.

Psikologi

Pemicu psikologis dan tip untuk pengoptimalan halaman arahan.

Desain

Praktik terbaik dalam mendesain halaman arahan konversi yang lebih baik.

Copywriting

Kiat untuk membuat salinan yang lebih baik untuk halaman Anda.

Desain Seluler

Praktik terbaik untuk membuat laman landas khusus seluler.

Desain CTA

Praktik terbaik untuk membuat ajakan bertindak yang lebih baik.

Desain Formulir

Praktik terbaik untuk membuat formulir yang lebih cepat dan lebih baik.

Psikologi halaman arahan

Semua halaman arahan pada dasarnya adalah latihan psikologi. Pikirkan halaman yang menunjukkan kesaksian dari selebriti terkemuka. Atau yang dengan bangga membagikan peringkat bintang 5 produk di Amazon.

Ini mungkin praktik terbaik halaman arahan yang umum, tetapi pada dasarnya berakar pada psikologi persuasi. Jadi, memahami psikologi, sangat penting untuk membuat halaman arahan yang berkonversi. Anggap saja sebagai saus strategis yang menyatukan semua taktik halaman arahan Anda.

Mari kita lihat beberapa prinsip psikologis inti dan bagaimana mereka digunakan di halaman arahan di bawah ini.

1. Dorong tindakan pelanggan dengan kelangkaan

Salah satu prinsip inti persuasi adalah kelangkaan. Dari mobil antik hingga logam mulia, kita cenderung menghargai barang-barang yang tersedia dalam jumlah terbatas. Tidak masalah apakah kelangkaan ini nyata atau buatan (berlian adalah contoh yang bagus). Di halaman arahan, kelangkaan melayani dua tujuan:

  • Ini menunjukkan bahwa suatu produk dalam permintaan tinggi (jika tidak, mengapa tersedia dalam persediaan terbatas?)
  • Ini memotivasi pengguna untuk mengambil tindakan

Ada banyak cara untuk menunjukkan kelangkaan ini. Salah satu taktiknya adalah menunjukkan jumlah item yang tersedia saat ini – umum di toko eCommerce seperti, berikut adalah contoh dari Andertons Music Co.

Andertons Music Co memberi tahu pelanggan berapa banyak stok barang tertentu yang mereka miliki.

Ini adalah  kelangkaan berbasis kuantitas .

Taktik lain adalah menggunakan  kelangkaan berbasis waktu . Di sinilah Anda membuat produk atau kesepakatan hanya tersedia untuk waktu yang singkat. Orang didorong untuk bertindak agar mereka tidak kehilangan kesepakatan.

Penghitung waktu mundur adalah taktik populer untuk menunjukkan jenis kelangkaan ini, yang digunakan secara luas di bagian Penawaran Harian Amazon:

Amazon memiliki penghitung waktu mundur berjalan untuk transaksi hariannya (Kredit gambar: Amazon.com)

Ingat: kelangkaan bisa nyata atau buatan. Jika Anda ingin memotivasi orang untuk bertindak atas tawaran yang secara praktis dapat memiliki persediaan yang tidak terbatas (seperti kursus online), jangan gunakan kelangkaan untuk kepentingan itu. Dalam jangka pendek, Anda akan mendapatkan lebih banyak konversi, tetapi hal itu dapat berdampak negatif pada merek Anda dalam jangka panjang.

Untuk beberapa penawaran, mungkin masuk akal untuk membatasi ketersediaan sehingga Anda dapat memberikan dukungan yang cukup kepada setiap siswa. Atau untuk menawarkan promosi berbasis waktu sebelum pembaruan kursus.

2. Buktikan nilai dengan bukti sosial

Pertanyaan pertama yang ditanyakan siapa pun yang mengunjungi halaman arahan Anda adalah: “Apa yang Anda tawarkan kepada saya?”

Pertanyaan kedua yang mereka tanyakan adalah: “Mengapa saya harus mempercayai Anda?”

Anda dapat menggunakan semua praktik terbaik laman landas, tetapi jika Anda tidak dapat menciptakan rasa percaya ini, pelanggan Anda tidak akan membeli dari Anda.

Salah satu cara untuk membangun kepercayaan ini adalah melalui bukti sosial.

Ini adalah prinsip persuasi yang telah kita lihat di semua lapisan masyarakat. Hal-hal yang terlihat populer juga cenderung lebih diminati. Sebuah restoran dengan antrean panjang di luar tampaknya lebih baik daripada yang kosong – bahkan jika kenyataannya mungkin sebaliknya.

Intinya, kita mengandalkan penilaian orang lain saat mengambil keputusan. Hal-hal yang populer pasti bagus karena untuk apa lagi mereka menjadi populer?

Saat memikirkan bukti sosial, pertimbangkan dua hal:

  • Kekuatan dalam jumlah:  Jika banyak orang menyukai Anda (atau produk Anda), produk Anda dianggap lebih baik. Produk dengan hanya dua ulasan bintang 5 mungkin tidak bagus. Tapi satu dengan 1.000 ulasan bintang 5 tidak mungkin seburuk itu, bukan?
  • Popularitas yang ditransfer:  Bukti sosial, seperti otoritas (yang akan kami bahas di bawah) dapat ditransfer. Selebriti populer yang mendukung suatu merek membuat merek tersebut tampak lebih populer. Inilah alasan mengapa industri pemasaran influencer ada di tempat pertama.

Cara termudah untuk menambahkan bukti sosial adalah melalui ulasan dan testimonial. Ini juga memanfaatkan langkah “orang-orang seperti saya” (lebih lanjut tentang ini nanti).

Misalnya, LifeLock menambahkan ulasan pelanggan di lokasi yang menonjol di laman landasnya. Peringkat positif dan sejumlah besar ulasan (yang pasti disoroti – “9.000+ ulasan”) menjadikan produk ini pilihan yang terbukti secara sosial.

LifeLock membuat bukti sosial dengan membagikan ulasan untuk produknya di beranda (Kredit gambar: LifeLock.com)

Cara lain untuk menambahkan bukti sosial ini adalah dengan menunjukkan penghitung waktu nyata dari orang-orang yang membeli atau menggunakan produk Anda, seperti halaman ini di Fomo.com.

Fomo.com menunjukkan penghitung orang yang mengambil tindakan – membeli, berlangganan, dll. – di situs

3. Membuat diri Anda tampak lebih berwibawa

Bayangkan ini:

Anda berada di rumah sakit untuk pemeriksaan rutin ketika dua pria dengan sopan meminta Anda untuk minum pil.

Pria pertama memiliki janggut satu minggu dan mengenakan celana pendek, kaos kebesaran, dan sandal jepit.

Pria kedua mengenakan jas dokter dan stetoskop di lehernya.

Siapa yang lebih mungkin Anda ikuti? Orang kedua, tentu saja – sebagian besar karena kesan otoritas dari seragam dokter.

Ini mungkin contoh terbuka, tetapi kami mencari tanda otoritas yang tidak kentara saat memutuskan siapa yang akan dipercaya – bahkan di laman landas. Produk yang direkomendasikan oleh NYTimes tampil lebih baik karena orang mempercayai otoritas NYTimes.

Di halaman arahan, otoritas hadir dalam dua rasa:

  • Otoritas implisit:  Ini terjadi ketika halaman mematuhi standar desain dan penyalinan yang ditetapkan oleh situs otoritatif di bidang yang sama.
  • Otoritas eksplisit:  Ini adalah saat Anda menggunakan sinyal otoritas yang jelas dan eksplisit – seperti rekomendasi dari sumber tepercaya.

Paling tidak, semua halaman arahan Anda harus memiliki otoritas implisit. Ini hanyalah masalah mendapatkan desain dan salinan Anda dengan benar. Kesalahan tata bahasa dalam judul Anda dapat membuat Anda terlihat amatir dan tidak dapat dipercaya.

Sinyal otoritas eksplisit sulit diperoleh tetapi dapat langsung membuat Anda tampak lebih berwibawa. Sinyal ini bisa datang dalam berbagai bentuk, seperti:

Selebriti:  Selebriti dipandang sebagai sosok yang berwibawa, meskipun tidak ada hubungannya dengan produk. Ini adalah contoh otoritas melalui bukti sosial.

Misalnya, Masterclass.com menggunakan laman landas yang menampilkan guru selebritasnya.

Masterclass membangun seluruh model bisnisnya berdasarkan otoritas berbasis selebritas (Kredit gambar: Masterclass.com)

Keahlian:  Rekomendasi oleh seorang ahli yang diakui di suatu bidang – seperti dokter – cenderung lebih berbobot daripada rekomendasi oleh siapa pun.

Misalnya, halaman ini menggunakan kesaksian seorang dokter untuk membangun otoritas melalui keahlian.

Menggunakan gambar ahli tepercaya – seperti dokter – adalah cara yang baik untuk menciptakan rasa otoritas (Kredit gambar: EinsteinMedical.com)

Institusi:  Institusi dan organisasi yang dihormati secara luas cenderung mengalihkan sebagian otoritas mereka ketika mereka merekomendasikan Anda atau produk Anda.

Ingatlah bahwa “institusi” tidak harus berupa universitas atau organisasi publik. Bahkan bisnis dan publikasi yang dihormati dipandang sebagai institusi.

Misalnya, halaman arahan ini menggunakan peringkat dari publikasi terkemuka – PCMag – untuk menciptakan kesan otoritas.

SugarCRM membagikan peringkatnya dari lembaga tepercaya – PCMag – untuk menciptakan rasa otoritas (Kredit gambar: Instapage)

4. Gunakan langkah awal “sama seperti kita”.

Ada taktik umum dalam penjualan yang disebut “pencerminan”. Di sinilah Anda mencerminkan tindakan dan perilaku pelanggan Anda dengan harapan membuat mereka lebih menyukai Anda.

Penelitian menunjukkan bahwa taktik penjualan ini sebenarnya berakar pada ilmu yang kokoh. Kami lebih suka orang yang menurut kami mirip dengan diri kami sendiri. Nyatanya, keinginan untuk tertarik pada “orang yang berpikiran sama” sudah tertanam dalam diri kita.

Dengan kata lain, kami suka membeli dari orang dan perusahaan yang “sama seperti kami”.

Ini adalah taktik yang ampuh dan kurang dimanfaatkan di halaman arahan. Dengan “mencerminkan” pelanggan target Anda, Anda dapat membuat halaman arahan Anda lebih menarik.

Salah satu cara untuk melakukannya adalah dengan mencerminkan audiens target Anda di gambar halaman arahan Anda. Jika Anda menjual ke lajang berusia 18-30 tahun, jangan gunakan gambar pasangan paruh baya di halaman arahan Anda.

Demikian pula, cerminkan gaya penulisan audiens Anda. Jangan gunakan bahasa gaul dan meme saat menjual ke usia 50 tahun.

Taktik lain adalah memasukkan testimonial dan ulasan dari orang-orang biasa. Itu membuat pelanggan Anda merasa bahwa produk Anda digunakan dan disukai oleh orang-orang “seperti mereka”, seperti dalam contoh ini:

Dengan membagikan ulasan dan kesaksian dari sesama pengusaha, halaman ini terlihat lebih autentik (Sumber gambar: Unbounce.com)

5. Beri label audiens Anda

Dalam sebuah penelitian, dua kelompok calon pemilih diberi tahu bahwa mereka “aktif secara politik” dan “tidak aktif secara politik”. Ini dilakukan secara acak dan tidak memiliki dasar kecenderungan politik mereka yang sebenarnya.

Pada saat pemilihan, kelompok yang diberi tahu bahwa mereka “aktif secara politik” memiliki jumlah pemilih 15% lebih tinggi.

Studi ini menyoroti fenomena yang telah diketahui perusahaan besar selama bertahun-tahun: jika Anda secara eksplisit melabeli sekelompok konsumen, Anda dapat memengaruhi perilaku mereka.

Inilah sebabnya mengapa perusahaan memiliki program hadiah yang dengan jelas mengidentifikasi anggota program sebagai anggota “Platinum” atau “Emas”. Tindakan mengidentifikasi pelanggan sebagai pelanggan superior dapat meningkatkan loyalitas.

Di satu sisi, ini adalah perpanjangan dari langkah awal “sama seperti kita”, kecuali ini berfokus pada citra diri ideal pelanggan, yaitu bagaimana pelanggan ingin melihat dirinya sendiri. Dengan melabeli pelanggan sesuai citra diri yang diidealkan ini, Anda menarik minatnya dan dengan demikian, mendorong lebih banyak tindakan.

Misalnya, halaman arahan ConvertKit ini dengan jelas mengidentifikasi bahwa itu untuk blogger profesional.

ConvertKit melabeli dirinya sebagai alat untuk “blogger profesional”

Ini melayani dua tujuan:

  • Itu menarik bagi blogger yang melihat diri mereka sebagai “profesional”. Bahkan jika tidak, blogger yang serius dengan kerajinan mereka ingin melabeli diri mereka sendiri.
  • Itu tidak termasuk blogger yang tidak profesional (atau tidak melihat diri mereka seperti itu). Ini berarti bahwa siapa pun yang mendaftar memiliki kecocokan produk-pasar yang jauh lebih baik.

Catatan: ConvertKit tidak lagi menggunakan halaman arahan ini tetapi memainkan peran penting dalam tahap pertumbuhan awal.

Label tidak terbatas pada profesi; Anda bahkan dapat melabeli pelanggan Anda berdasarkan kualitas mereka (atau lebih tepatnya, kualitas yang mereka yakini mereka miliki).

Inilah contoh yang bagus: halaman arahan ini mengatakan bahwa produk tersebut untuk pekerja keras.

Sumber gambar: MarketingResults.com.au

Pelanggan macam apa yang tidak menganggap mereka pekerja keras?

Berhati-hatilah dengan pendekatan ini. Jika Anda mengadopsi label yang terlalu sempit, Anda berisiko mengasingkan orang yang tidak mengidentifikasi diri mereka dengan label itu. Inilah mengapa jika Anda akan menggunakan taktik ini, gunakan hanya untuk produk yang melayani pasar sempit.

Praktik terbaik desain halaman arahan

Desain memiliki dampak yang kuat pada konversi halaman arahan.

Namun, “desain bagus” di halaman arahan terlihat sangat berbeda dari “desain bagus” di beranda situs web. Sementara yang terakhir mungkin memprioritaskan pembangunan merek, yang pertama berfokus pada tingkat konversi.

Karena penekanan pada konversi berarti bahwa beberapa praktik desain populer harus dibuang keluar jendela. Anda mungkin menggunakan latar belakang video di beranda, tetapi jika Anda menambahkannya ke laman landas seluler, Anda hanya akan mengganggu pengguna.

Dengan pemikiran ini, mari kita lihat beberapa praktik terbaik desain teratas.

1. Menarik konvensi, bukan inovasi

Praktik terbaik laman landas yang tidak diharapkan adalah tidak mengikuti praktik terbaik tertentu.

Ini terdengar kontradiktif, tetapi berakar pada cara orang berinteraksi dengan halaman web. Dengan kebiasaan, konvensi tertentu telah menjadi bagian yang diharapkan dari interaksi ini.

Meskipun beberapa dari konvensi ini secara teknis salah, tidak mengikutinya dapat membingungkan audiens Anda.

Ambil menu hamburger seluler sebagai contoh. Saat pertama kali diadopsi oleh situs seluler, pakar UX menulis artikel panjang tentang mengapa ini buruk bagi pengalaman pengguna.

Desainer, tentu saja, tidak mendengarkan. Dan hari ini, Anda akan kesulitan menemukan situs web seluler yang tidak menggunakan menu hamburger. Bahkan TechCrunch, yang menampilkan kritiknya, memilikinya di situs selulernya.

TechCrunch menggunakan menu hamburger yang sudah dikenal di situs selulernya (Kredit gambar: TechCrunch.com)

Jika Anda tiba-tiba beralih dari menu hamburger ke sesuatu yang secara teknis lebih ramah UX, Anda dapat mencentang kotak “praktik terbaik” UX, tetapi akhirnya membingungkan pengguna.

Ingatlah hal ini saat Anda membuat keputusan desain apa pun. Sesuatu mungkin benar dari sudut pandang praktik terbaik kegunaan atau desain, tetapi dapat merusak konversi jika Anda bertentangan dengan konvensi, yaitu apa yang diharapkan pengguna.

Ketika datang ke halaman arahan, terkadang lebih baik untuk tidak menemukan kembali roda.

2. Batasi diri Anda pada satu ide per halaman

Lusinan ide yang bersaing, berbagai gaya visual, beberapa CTA yang bersaing…

Anda mungkin pernah membuka halaman seperti itu dan menyeret mouse Anda langsung ke tombol ‘kembali’. Berikut contohnya:

Laman landas ini memiliki beberapa CTA yang membingungkan pengguna (Kredit gambar: SearchEngineLand.com)

Sebuah desain yang memiliki lebih dari satu penawaran atau ide bertentangan langsung dengan ide halaman arahan. Laman landas dimaksudkan untuk menjadi kendaraan konversi bertarget laser yang sangat terfokus. Penuhi mereka dengan terlalu banyak pilihan dan Anda hanya akan membingungkan pengguna.

Ini berlaku untuk setiap elemen desain halaman arahan:

  • Salinan Anda harus memiliki gaya yang sama di seluruh halaman. Jangan beralih dari halaman tengah yang tulus dan seperti bisnis ke percakapan dan kasual.
  • Bahasa desain Anda harus sama untuk seluruh halaman. Jika Anda mengubah warna, pastikan warnanya saling melengkapi, bukan bentrok.
  • Font Anda harus tetap sama. Juga, pastikan ukuran font Anda mengikuti skala yang diharapkan (yaitu H1 lebih besar dari H2, yang lebih besar dari H3, dll.).

Yang terpenting, pertahankan hanya satu ide di halaman arahan mana pun. Jika perusahaan Anda menjual dua jenis produk, buat halaman terpisah untuk Produk A dan Produk B; jangan pitch mereka di halaman yang sama.

3. Rancang hal-hal menjadi seperti yang diharapkan pengguna

Jika saya meminta Anda untuk menjelaskan seperti apa tautan itu, warna apa yang akan muncul di benak Anda?

Warna hijau neon terang atau warna biru pekat?

Teks biru lebih mirip tautan karena merupakan warna tautan default di banyak situs web populer, termasuk Google dan Wikipedia.

Meskipun situs web menggunakan tautan dalam berbagai warna (situs ini menggunakan warna biru muda), kami secara refleks mengaitkan tautan dengan warna biru tua yang saya bagikan di atas.

Itu karena selama beberapa tahun Googling dan Wikipediaing, kami mengharapkan tautan berwarna biru. Jadi, ketika kita melihat teks apa pun yang berwarna biru dan bergaris bawah, kita secara alami menganggapnya sebagai tautan.

Gunakan fakta ini untuk keuntungan Anda. Elemen apa pun yang Anda gunakan di halaman – tombol, tautan, kotak peringatan – harus terlihat seperti yang diharapkan pengguna.

Jika Anda menampilkan penghitung waktu mundur yang hampir habis, gunakan warna merah, bukan hijau. Pengguna Anda berbelanja di Amazon; mereka tahu seperti apa penghitung waktu akhir kesepakatan.

Jika Anda membuat tombol, buat agar tampak dapat diklik. Gunakan bayangan halus dan warna yang membuat tombol menonjol, mengundang klik.

Lihat tombol ‘Beli’ di situs Apple sebagai contoh. Efek bayangan sederhana membuatnya menonjol terhadap teks di sekitarnya.

Tombol ‘Beli’ Apple memiliki efek bayangan halus untuk membuatnya menonjol (Kredit gambar: Apple.com)

Salah satu cara untuk mengetahui tampilan elemen yang diharapkan pengguna adalah dengan mengikuti kerangka desain populer seperti Bootstrap. Karena situs yang tak terhitung jumlahnya menggunakan desain default dalam kerangka kerja, itu dapat dengan cepat menjadi “diharapkan”.

Misalnya, skema warna Bootstrap untuk kotak teks yang berbeda sekarang sering dianggap sebagai default untuk peringatan yang berbeda.

Popularitas Bootstrap sebagai kerangka desain berarti bahwa warna standarnya langsung dapat dikenali (Kredit gambar: GetBootstrap.com)

4. Bereksperimenlah dengan warna

Warna ini mengingatkan Anda pada apa?

Warna merah cerah membangkitkan emosi kekuatan, kelaparan, dan vitalitas, itulah sebabnya warna ini populer di kalangan tim olahraga dan merek makanan.

Meskipun ingatan individu akan bervariasi, saya dapat mengatakan bahwa warna ini tidak akan mengingatkan Anda pada pagi yang dingin, berkabut, dan pertemuan bisnis yang membosankan.

Warna berdampak besar pada cara pengguna menginterpretasikan halaman arahan Anda. Ini sebagian besar berasal dari dua hal:

  • Ekspektasi pengguna berdasarkan pengalaman dunia nyata dan digital
  • Respon utama kami terhadap warna yang berbeda, yaitu psikologi warna

Warna “hijau”, misalnya, hampir secara universal diasosiasikan dengan “pergi” berkat lampu lalu lintas. Itu juga terkait dengan alam – untuk alasan yang jelas.

Jika Anda menjual produk perawatan kesehatan alami atau ingin pengguna “pergi” ke CTA, Anda sebaiknya menggunakan warna hijau seperti yang ditunjukkan contoh di bawah ini:

Kami mengasosiasikan warna ‘hijau’ dengan alam dan kesehatan, yang menjadikannya pilihan yang cocok untuk merek alami.

Lihat halaman ini untuk daftar efek psikologis yang terkait dengan warna yang berbeda.

Sebuah contoh bagus dari perbedaan halus dalam warna dan bagaimana pengaruhnya terhadap merek dan perilaku pengguna adalah Box.com vs DropBox.com.

Kedua perusahaan ini menawarkan layanan yang sama – penyimpanan data cloud. Tapi yang satu berfokus secara eksklusif pada penjualan perusahaan (Box.com), sementara yang lain juga menjual ke individu dan usaha kecil (DropBox.com).

Jadi, sementara Box.com menggunakan warna biru yang ramah perusahaan, Dropbox.com bermain-main dengan variasi warna biru dan warna lainnya juga (merah marun, biru muda).

Box.com dan DropBox menggunakan warna biru berbeda berdasarkan audiens target mereka.

Saat Anda memilih warna untuk halaman arahan, tanyakan pada diri sendiri:

  • Produk apa yang Anda jual? Perusahaan atau usaha kecil? Berfokus pada individu atau bisnis? Termasuk kategori apa? Pilih warna Anda sesuai.
  • Emosi apa yang Anda ingin pengguna rasakan di halaman? Energi, keamanan, kegembiraan, vitalitas, atau ketenangan?
  • Berapa usia audiens target Anda? Warna yang Anda pilih untuk senior akan sangat berbeda dengan yang Anda pilih untuk usia 18 tahun.

5. Hindari efek visual yang mengganggu

Anda mungkin telah melihat tren bisnis baru-baru ini yang menggunakan video di latar belakang header mereka. Airbnb adalah pelakunya yang terkenal.

Praktik ini mungkin bagus untuk bercerita dan membangun merek, tetapi praktik ini harus dihindari jika Anda ingin meningkatkan konversi.

Ingat apa yang kita bicarakan sebelumnya: halaman arahan yang baik memiliki fokus tunggal pada CTA. Segala sesuatu yang lain adalah bukti pendukung untuk membuat orang mengkliknya.

Saat Anda menambahkan efek visual yang mengganggu ke halaman – video latar belakang, animasi kompleks, dll. – Anda memaksa pengguna untuk berpaling dari CTA.

Ini buruk untuk konversi Anda. Jika pengguna Anda terlalu sibuk mengagumi video keren Anda (terutama saat berada di latar belakang), mereka mungkin melewatkan CTA sepenuhnya.

Jika Anda benar-benar harus menggunakan efek mewah, gunakan untuk layanan CTA Anda. Anda dapat menggunakan tombol animasi atau menambahkan video (bukan video latar belakang) yang menceritakan kisah dan mendorong orang ke CTA.

Misalnya, halaman arahan Dollar Shave Club menampilkan video untuk mengedukasi pelanggan tentang penawaran tersebut.

Video yang tidak mengganggu dan dapat diklik menyampaikan pesan Anda tanpa membingungkan pengunjung (Kredit gambar: DollarShaveClub.com)

6. Hapus navigasi dan tombol sosial

Dalam semangat praktik terbaik laman landas di atas, lanjutkan dan hapus juga menu navigasi dan tombol berbagi sosial.

Nyatanya, hapus semua yang tidak terkait langsung dengan CTA.

Alasannya sama: Anda tidak ingin memberi orang banyak pilihan. Saat mereka mendarat di halaman Anda, mereka seharusnya hanya memiliki dua opsi: klik CTA Anda atau tekan tombol kembali.

Dengan menghapus elemen yang berlebihan – navigasi, berbagi sosial, dll. – Anda mengurangi jumlah titik perhatian pada halaman.

Studi kasus HubSpot menemukan bahwa menghapus navigasi menyebabkan peningkatan konversi yang signifikan secara statistik:

Menghapus navigasi mengarah pada peningkatan yang nyata dalam tingkat konversi untuk halaman pengujian ini (Kredit gambar: HubSpot.com)

Anda akan melihat praktik ini pada halaman yang benar-benar memerlukan fokus konversi, seperti halaman checkout.

Pergilah ke Amazon sekarang dan coba beli item. Segera setelah Anda masuk ke halaman pembayaran, Anda akan menemukan bahwa menu navigasi Amazon yang biasanya ada di mana-mana menghilang.

7. Pilih gambar Anda dengan hati-hati

Namun tidak semua citra berkualitas tinggi berfungsi dengan baik. Anda mungkin merasa ngeri melihat pemandangan perusahaan yang terang benderang diangkat langsung dari perpustakaan stok foto.

Anda sudah tahu bahwa gambar berkualitas bagus sangat penting untuk pengalaman pengguna yang berkualitas. Faktanya, 67% pengguna bahkan mengatakan bahwa gambar berkualitas tinggi “sangat penting” untuk membuat keputusan pembelian.

Anda merasa seperti itu karena:

  • Tidak ada yang otentik tentang gambar tersebut (ini benar-benar gambar stok), dan..
  • Ada keterputusan antara gambar dan pengalaman yang digambarkannya. Kantor bahagia tidak terlihat seperti gambar stok.

Stok gambar seperti ini terasa tidak wajar dan dipentaskan (Kredit gambar: StockUnlimited.com)

Yang terakhir ini sangat penting karena muncul dari teori pengkodean ganda. Teori ini menyatakan bahwa ide-ide muncul lebih kuat ketika dideskripsikan melalui teks dan gambar pendukung.

Sebaliknya, jika ada ketidaksesuaian antara teks dan gambar pendukungnya, gagasan menjadi kurang persuasif.

Pikirkan sebuah halaman dari novel horor Stephen King dengan ilustrasi Spongebob Squarepants di sebelahnya. Prosa horor akan terasa hampir lucu berkat ilustrasinya (atau Anda mungkin mengembangkan ketakutan eksistensial terhadap spons yang hidup di nanas di bawah laut).

Beberapa di antaranya cukup jelas – jika Anda menjual pakaian atletik, Anda akan menggunakan gambar seorang atlet yang sedang berolahraga, bukan seseorang yang bersantai dengan celana pendek pantai.

Tapi apa yang terjadi saat Anda menjual, katakanlah, perangkat lunak rapat? Apakah Anda hanya menampilkan gambar rapat atau yang lainnya?

Dalam skenario ini, coba pilih gambar yang mewakili keadaan ideal pengguna Anda. Artinya, keadaan yang ingin mereka capai (dengan menggunakan produk Anda).

Perusahaan yang menjual perangkat lunak rapat tidak hanya menjual perangkat lunak rapat; itu menjual penghematan waktu dan kebahagiaan yang akan diperoleh karyawan dari tidak menghadiri rapat.

Jadi saat Anda menjual perangkat lunak ini, Anda tidak ingin menggunakan gambar orang terjebak melakukan apa yang ingin mereka hindari: sedang rapat. Alih-alih, Anda ingin fokus pada gambar yang berbicara tentang apa yang mereka harapkan: lebih banyak waktu, lebih sedikit pertemuan.

Lihatlah halaman arahan ini dari ToDoist, alat manajemen tugas. Itu tidak menunjukkan orang-orang terkunci di kantor mereka. Sebaliknya, itu menunjukkan kepada mereka tentang melakukan hal-hal yang mereka sukai – menghabiskan waktu bersama teman-teman.

Fokus pada hasil yang Anda ingin pelanggan capai dalam gambar halaman arahan Anda (Sumber gambar: BitCatcha.com)

8. Gunakan petunjuk arah

Sebagian besar pengguna online membaca halaman web dalam pola berbentuk F seperti yang ditunjukkan dalam studi yang sering dikutip ini:

Orang biasanya memindai halaman dalam pola berbentuk F, dari kiri ke kanan (Kredit gambar: NNGroup.com)

Sekali lagi, ini berasal dari konvensi. Di sebagian besar halaman web, informasi penting ada di bagian atas dan kiri. Pikirkan hasil pencarian Google. Sisi kanan halaman sebagian besar kosong.

Tetapi bagaimana jika Anda ingin “meretas” cara pandangan pengguna berpindah ke halaman? Atau yang lebih penting, bagaimana jika Anda ingin mereka fokus pada elemen tertentu di halaman – seperti CTA?

Di situlah petunjuk arah masuk ke dalam gambar.

Lihatlah studi pelacakan mata ini:

Orang-orang secara refleks melihat ke mana model melihat dalam gambar (Kredit gambar: LinkedIn)

Tatapan kita langsung tertuju ke arah yang dilihat bayi. Ini adalah fenomena manusia terprogram yang ada di seluruh budaya. Kami secara genetik diprogram untuk mengikuti pandangan orang lain. Sebut saja peninggalan dari masa lalu pemburu-pengumpul kita.

Anda dapat menggunakan penguncian pandangan ini di halaman arahan Anda untuk menarik perhatian ke CTA dan elemen halaman utama lainnya – seperti pada contoh di atas.

Itu bukan satu-satunya cara untuk menggunakan isyarat arah. Anda dapat menggunakan isyarat terbuka, seperti panah.

Menggunakan panah adalah cara mudah untuk menarik perhatian ke elemen halaman

Jika panah terlalu terbuka untuk Anda, Anda dapat menggunakan elemen desain seperti garis dan pemosisian objek untuk menarik perhatian ke CTA dan elemen kunci lainnya seperti yang ditunjukkan contoh di bawah ini:

Garis horizontal yang melintasi halaman menarik perhatian ke CTA

Pilihan apa pun yang Anda pilih, tujuan Anda harus menggunakan desain Anda dengan cara yang halus untuk membuat orang melihat elemen penting pada halaman.

Praktik terbaik copywriting halaman arahan

Ada argumen kuat bahwa copywriting yang bagus saja sudah cukup untuk membuat landing page yang mematikan.

Faktanya, sebelum pemotongan halaman arahan yang kaya visual saat ini, sebagian besar halaman penjualan berfokus sepenuhnya pada penyalinan. Ingat halaman-halaman putih mencolok itu dengan tajuk utama yang sering keterlaluan dengan warna merah terang dan mencolok?

Sementara halaman arahan seperti itu mungkin telah masuk ke ranah parodi hari ini, salinan bentuk panjang masih merupakan salah satu cara terbaik untuk menjual sesuatu secara online.

Bahkan jika tujuan Anda bukan untuk menjual sesuatu secara langsung tetapi hanya untuk mengumpulkan email atau membagikan eBuku, fokus pada salinan harus menjadi prioritas utama Anda. Pada bagian di bawah ini, saya akan membagikan beberapa praktik terbaik halaman arahan untuk copywriting yang akan membantu Anda mengonversi lebih banyak pengunjung menjadi prospek.

1. Perjelas proposisi nilai Anda secara eksplisit di judul

Pernahkah Anda membuka halaman dan kesulitan mencari tahu apa sebenarnya yang ditawarkan?

Ini adalah salah satu kesalahan copywriting paling umum yang dilakukan orang di halaman arahan. Mereka menggunakan terlalu banyak jargon dan samar, salinan yang berfokus pada merek alih-alih membuat proposisi nilai mereka jelas secara eksplisit.

Masalah ini memiliki dua penyebab mendasar:

  • Ada kesenjangan antara pemahaman bisnis dan audiens tentang produk. Bisnis berfokus pada fitur teknis tetapi gagal menerjemahkannya ke dalam istilah yang dapat dipahami pengguna (masalah umum dengan halaman arahan teknologi).
  • Bisnis memperlakukan laman landas sebagai sarana pencitraan merek dan bukan sarana konversi. Jadi, itu akhirnya menggunakan salinan yang berfokus pada merek – jenis yang ditemukan di papan reklame untuk merek besar – alih-alih salinan yang berfokus pada konversi (jenis yang ditemukan dalam penjualan langsung).

Penangkal untuk kedua masalah ini sama: fokus pada proposisi nilai, bukan pada merek atau fitur teknis.

Pertimbangkan halaman arahan yang bagus seperti ini:

Kredit gambar: ThemeIsle.com

Bagian dari apa yang membuat mereka bagus adalah kejelasan mereka. Anda tidak perlu bertanya-tanya apa yang ditawarkan dan apa yang harus Anda lakukan selanjutnya. Judulnya menguraikan manfaat dengan jelas bagi semua pengunjung – ‘hasilkan lebih banyak prospek’.

Coba lakukan ini di judul halaman arahan Anda:

  • Hapus jargon  dan terjemahkan ke dalam istilah yang ramah orang awam. Satu-satunya pengecualian adalah jika Anda menjual sesuatu ke audiens teknis yang keras.
  • Perjelas  tentang subjek laman landas dan apa yang dapat diperoleh pembaca darinya. Serahkan salinan yang berfokus pada merek ke merek besar; sasaran Anda haruslah konversi.
  • Fokus pada audiens  dan manfaat/hasil yang mereka cari. Jika Anda menjual peralatan olahraga, satu tajuk utama yang menargetkan para profesional yang sibuk mungkin berfokus pada penghematan waktu. Penggemar kebugaran penargetan lainnya mungkin fokus pada manfaat kebugarannya.

2. Menyelaraskan fitur dan manfaat dengan ekspektasi audiens

Praktik terbaik halaman arahan yang umum adalah berfokus pada manfaat, bukan fitur.

Meskipun ini adalah aturan yang baik untuk diikuti, ini tidak berlaku secara universal. Terlalu fokus pada manfaat dengan audiens yang berpengetahuan luas dan Anda akan dianggap sebagai calo. Terlalu fokus pada fitur dan Anda berisiko mengasingkan pengguna dengan pengetahuan rendah.

Praktik terbaik yang jauh lebih baik adalah menyelaraskan fitur dan manfaat dengan ekspektasi dan tingkat pengetahuan audiens.

Tapi mari kita mundur sebentar: apa sebenarnya fitur itu dan apa bedanya dengan manfaat?

Fitur adalah apa dari produk Anda. Mereka menyampaikan informasi, memberi tahu pengguna apa isi produk Anda.

Manfaat adalah alasan produk Anda. Mereka membujuk pengguna, menggambarkan kehidupan yang lebih baik (atau memecahkan masalah) yang akan mereka miliki jika mereka membeli dari Anda.

Laman landas yang baik memiliki perpaduan fitur dan manfaat yang sehat. Tawarkan manfaat terlebih dahulu, lalu buat daftar fitur yang akan membantu pengguna menyadari manfaatnya.

Misalnya, jika Anda menjual laptop, Anda dapat memberi tahu pengguna bagaimana laptop Anda akan membantu mereka bekerja lebih cepat (yaitu manfaatnya). Untuk mencadangkan manfaat ini, Anda dapat mencantumkan prosesor yang lebih cepat, lebih banyak RAM, dan penyimpanan yang lebih baik (yaitu fiturnya).

Apple melakukan ini dengan sangat baik. Di halaman arahan MacBook Air, misalnya, tajuk utama menyebutkan manfaat (“kinerja”), tetapi salinannya berbicara tentang fitur teknis yang memungkinkan manfaat ini.

Halaman arahan MacBook Apple menyebutkan manfaat pertama, fitur kedua (Kredit gambar: Apple.com)

Pola Manfaat-Fitur ini cukup baik untuk diikuti di sebagian besar halaman arahan. Namun, ada dua situasi di mana Anda mungkin ingin mengubahnya:

  • Pengguna dengan pengetahuan rendah:  Jika Anda menjual kepada audiens yang memiliki sedikit pemahaman tentang spesifikasi teknis suatu produk (seperti pemula) atau fitur produk yang tidak dapat dibedakan (seperti furnitur), sebaiknya tekankan manfaat.
  • Pengguna dengan pengetahuan tinggi:  Saat menjual ke pengguna berpengalaman (seperti geek atau penghobi), lebih fokus pada fitur daripada manfaatnya. Pengguna berpengalaman sudah memahami manfaatnya; mereka hanya menginginkan versi yang lebih baik dan lebih cepat dari produk mereka yang sudah ada.

Pertimbangkan halaman arahan ini untuk pengontrol MIDI lanjutan dari Nektar.

Karena ditujukan untuk para profesional, salinan halaman arahan menggunakan banyak jargon – kompatibilitas VST/AU, MPC, DAW – yang akan menjadi omong kosong murni bagi pemula. Namun bagi para profesional, fitur ini merupakan nilai jual yang vital.

Saat menjual ke ahli yang memahami jargon, fokuslah pada fitur (Kredit gambar: NektarTech.com)

3. Gunakan kata-kata “kekuatan”.

Inilah paragraf pembuka di halaman arahan Mac Pro Apple. Saya telah menyoroti beberapa kata untuk referensi:

Menggunakan bahasa yang kuat dan kaya secara visual adalah taktik copywriting yang telah teruji oleh waktu (Kredit gambar: Apple.com)

Perhatikan berapa banyak kata sifat yang digunakan Apple dalam satu paragraf salinan ini. Faktanya, jika Anda menelusuri halaman tersebut, Anda akan menemukan lusinan contoh kata seperti “terhebat”, “ekstrim”, “brilian”, dll.

Dalam copywriting, ini adalah kata-kata “kekuatan”. Kata-kata yang menarik perhatian Anda dan membuat Anda merasakan emosi tertentu (biasanya kagum dan gembira). Mereka meningkatkan salinan biasa menjadi sesuatu yang menyerang Anda pada tingkat emosional.

Copywriter jadul adalah ahli dalam menggunakan kata-kata yang kuat ini. Lihatlah salinan yang ditulis oleh David Ogilvy atau Leo Burnett dan Anda akan menemukan banyak kata seperti pada contoh di bawah ini:

Iklan ini, yang ditulis oleh David Ogilvy, memiliki banyak kata-kata kekuatan yang kaya secara visual (Sumber gambar: RandallReilly.com)

SmartBlogger.com memiliki daftar lebih dari 600+ kata kekuatan. Coba gunakan mereka dalam salinan Anda. Berhati-hatilah untuk tidak menggunakannya secara berlebihan; salinan Anda seharusnya tidak terdengar seperti diperas melalui tesaurus.

4. Atasi ketakutan, ketidakpastian, dan keraguan (FUD)

Anda telah mendesain halaman yang indah, menguji lusinan tajuk utama dengan konversi tinggi, dan menulis salinan yang sempurna. Pelanggan Anda baru saja akan membeli tetapi mereka ragu-ragu. Bagaimana jika mereka tidak menyukai produknya? Apakah Anda akan mengambilnya kembali? Berapa lama Anda menjamin produk?

Pertanyaan seperti ini mewakili ketakutan, ketidakpastian, dan keraguan pelanggan Anda (FUD). Ini adalah jenis barang yang membuat pelanggan Anda tidak membeli produk Anda (atau lebih buruk lagi, pergi ke pesaing).

Beberapa FUD umum saat membeli online adalah:

  • Kualitas produk
  • Kepercayaan dan legitimasi perusahaan
  • Pengembalian dan pertukaran
  • Keamanan informasi pembayaran
  • Keamanan data pribadi

Mengatasi FUD ini secara langsung adalah cara yang bagus untuk menggerakkan jarum konversi.

Misalnya, untuk menjawab kekhawatiran pelanggan tentang pengembalian, Anda dapat menawarkan jaminan uang kembali selama 60 hari tanpa pertanyaan. Untuk menunjukkan kepada pelanggan bahwa Anda sah, Anda dapat membagikan testimonial dan ulasan dari pelanggan lain.

Coba sertakan bagian FAQ yang langsung menjawab semua pertanyaan yang mungkin dimiliki pelanggan tentang produk atau perusahaan Anda. Anda bahkan bisa berbasa-basi tentang hal itu, seperti dalam contoh ini:

Atasi ketakutan dan keraguan pelanggan Anda secara langsung dengan FAQ (Kredit gambar: Fomo.com)

5. Jangan sembunyikan informasi penting (seperti harga)

Pernahkah Anda mengunjungi toko online, menambahkan produk ke keranjang Anda, dan meninggalkan situs di tengah jalan karena toko tersebut menambahkan biaya pengiriman tepat sebelum checkout?

Kamu bukanlah satu – satunya. Tidak dapat melihat biaya akhir yang pasti di muka tetap menjadi salah satu penyebab utama pengabaian keranjang belanja.

Pelanggan sering meninggalkan keranjang belanja ketika mereka tidak dapat melihat biaya akhir di muka (Kredit gambar: Barilliance.com)

Meskipun mungkin terbatas pada laman belanja, fenomena ini menyoroti aspek penting dari perilaku pengguna: orang tidak suka kejutan. Terutama ketika kejutannya adalah sesuatu yang tidak menyenangkan seperti biaya tambahan dan ongkos kirim.

Di halaman arahan Anda, pastikan bahwa semua informasi penting misi terlihat di awal. Jangan menyelipkan persyaratan yang tidak menyenangkan dan harga tambahan di bagian bawah halaman. Pola gelap UX seperti itu tidak hanya tidak etis tetapi mungkin juga ilegal.

Beberapa informasi penting yang harus jelas bagi pengguna meliputi:

  • Harga, termasuk add-on, biaya, dan biaya tambahan lainnya
  • Biaya pengiriman dan pembatasan
  • Penyimpanan dan penggunaan data pribadi (jika Anda akan mengirim nawala kepada pengguna, beri tahu mereka di muka)
  • Syarat dan ketentuan penggunaan produk
  • Produk afiliasi, perusahaan, dan tautan

6. Gunakan hierarki informasi dalam salinan Anda

Kami telah berbicara tentang berita utama dan manfaat serta informasi penting misi.

Tapi bagaimana tepatnya Anda mengatur semua salinan ini di halaman Anda?

Beberapa bit jelas tentu saja – berita utama berada di bagian atas halaman. Namun, dengan yang lain, tidak selalu jelas. Haruskah Anda berbicara tentang kecepatan produk Anda terlebih dahulu, atau harganya yang sangat murah? Kapan Anda harus menyebutkan riwayat perusahaan dan ulasan produk Anda?

Salah satu cara untuk membawa struktur pada kekacauan ini adalah dengan mengikuti hierarki informasi.

Secara kasar, hierarki ini adalah sebagai berikut: What > ​​How > Why > Who > What next?.

  • Judul:  Mulai halaman dengan judul yang cocok dengan sumber lalu lintas dan ekspektasinya (lihat praktik terbaik halaman arahan #2 di atas).
  • Apa itu?  Beri tahu pembaca apa yang Anda jual kepada mereka. Untuk produk baru, Anda harus berinvestasi secara substansial dalam menjelaskan fungsi dan tujuan produk.
  • Bagaimana cara kerjanya?  Tunjukkan kepada pembaca bagaimana produk bekerja atau bagaimana produk tersebut memberikan hasil yang Anda klaim.
  • Mengapa membelinya?  Di sinilah Anda mendalami manfaat produk yang diklaim.
  • Mengapa mempercayai kami?  Perkuat manfaat lebih lanjut dengan menawarkan bukti sosial, kesaksian, dll.
  • Siapa kami:  Sertakan catatan singkat tentang siapa Anda, riwayat Anda, dan apa yang membuat Anda memenuhi syarat untuk memberikan manfaat/hasil yang Anda janjikan sebelumnya.
  • Apa selanjutnya?  Beri tahu pembaca apa yang harus mereka lakukan selanjutnya (biasanya termasuk CTA)

Anda tidak harus mengikuti hierarki ini setiap saat, tentu saja, tetapi ini adalah cetak biru yang bagus untuk diikuti. Anda dapat menambah/menghapus bagian bila perlu, tetapi pastikan untuk menyertakan judul, dan bagian apa/mengapa.

7. Tingkatkan keterbacaan salinan Anda

Keterbacaan – betapa mudahnya menelusuri halaman arahan Anda – adalah fungsi dari desain halaman. Tetapi pemformatan salinan yang baik juga dapat membantu. Praktik terbaik halaman arahan sederhana seperti menggunakan poin-poin dan jeda baris yang banyak dapat membuat halaman Anda lebih mudah dibaca.

Beberapa taktik yang dapat Anda gunakan untuk meningkatkan keterbacaan salinan Anda adalah:

  • Gunakan kalimat pendek
  • Batasi setiap paragraf maksimal 2-3 kalimat
  • Gunakan poin-poin
  • Gunakan subjudul
  • Cetak tebal/miringkan kata kunci, subjudul, dan frasa penting

Itu tentang pemformatan. Tapi Anda juga bisa membuat salinan Anda lebih mudah dibaca dengan mengubah gaya tulisan Anda. Secara umum, salinan yang lebih komunikatif lebih mudah dipahami dan diikuti.

Gunakan taktik seperti:

  • Alamat pembaca secara langsung, yaitu tulis sebagai orang kedua (“Anda”)
  • Gunakan kata-kata yang lebih sedikit dan sederhana. Laman landas bukanlah tempat untuk memamerkan kosakata Anda.
  • Bertujuan untuk gaya menulis kelas 5-7 (periksa nilai tulisan Anda di sini).
  • Gunakan bahasa “visual”, yaitu kata-kata yang membuat pembaca mengasosiasikan visual tertentu dengan salinan Anda. “Cepat” memang bagus, tetapi “Cepat seperti Usain Bolt” membantu pembaca memvisualisasikan kecepatannya.
  • Bingkai waktu dan uang menjadi istilah yang mudah dipahami. Misalnya, jika sesuatu berharga $2, Anda dapat mengatakan bahwa harganya “kurang dari kopi pagi Anda”.

Misalnya, halaman ini menerjemahkan biaya layanan dalam istilah yang mudah dipahami:

Ubah ide kompleks menjadi metafora yang mudah dipahami untuk meningkatkan keterbacaan salinan Anda (Kredit gambar: Picagroup.com.au)

8. Cocokkan judul dengan sumber lalu lintas

Apa yang ingin dilihat pengguna di laman landas apa pun bergantung pada apa yang mereka lakukan sebelum mereka mendarat di laman tersebut.

Artinya, semua pengguna tiba di halaman Anda dengan beberapa informasi yang disematkan sebelumnya, dan informasi ini sepenuhnya bergantung pada perilaku mereka sebelumnya.

Seorang pengguna yang menemukan halaman arahan Anda saat menelusuri feed Instagram dari agensi kreatif yang berbasis di NYC memiliki ekspektasi yang berbeda dari pengguna yang menelusuri “agensi kreatif NYC” di Google.

Dalam kerangka ini, pikirkan judul setengah dari teka-teki dua bagian. Separuh lainnya terdiri dari ekspektasi dan perilaku yang dibawa pengguna dari apa yang dia lakukan sebelum membuka halaman Anda.

Saat kedua bagian ini cocok, transisi terasa mulus bagi pengguna dan memberi Anda konversi yang lebih baik.

Misalnya, pengguna menelusuri “perangkat lunak produktivitas untuk pemasar konten” di Google. Dia menemukan halaman arahan Anda diisi dengan informasi yang relevan dengan pemasar konten.

Tetapi jika Anda menampilkan halaman yang sama persis kepada pengguna yang mencari “perangkat lunak produktivitas untuk siswa”, Anda hanya akan membuat mereka bingung. Tidak ada hubungan antara perilaku pra-klik mereka dan laman landas itu sendiri.

Saat Anda membuat salinan dan desain halaman arahan Anda, selalu mundur satu langkah. Bertanya pada diri sendiri:

  • Apa sumber lalu lintas ini? Bagaimana hal ini memengaruhi ekspektasi mereka dari halaman arahan?
  • Apa yang ingin dicapai pengguna sebelum dia membuka halaman Anda?
  • Apakah pengguna termasuk dalam kategori demografis atau psikografis tertentu? Salinan atau elemen desain apa yang dapat Anda gunakan untuk menekankan kategori ini?

Hal di atas dapat dicapai dengan menggunakan sesuatu yang disebut penggantian “teks dinamis”. Tidak semua pembuat laman landas menawarkan fitur ini, tetapi Unbounce dan Instapage melakukannya.

Praktik terbaik laman landas seluler

Saya tidak perlu memamerkan banyak statistik untuk membuktikan pentingnya desain seluler untuk laman landas.

Anda dapat melihatnya sendiri – orang-orang terpaku pada layar mereka ke mana pun Anda pergi, semakin banyak bisnis yang menjadi ‘mobile-first’, dan bahkan Google mengadopsi pengindeksan ‘mobile-first’.

Jelas bahwa masa depan interaksi komputer adalah yang mengutamakan seluler. Jadi, masuk akal jika desain seluler yang bagus harus menjadi salah satu prioritas utama Anda.

Untungnya, desain laman landas seluler yang bagus tidak jauh berbeda dengan laman desktop. Seperti yang akan kita lihat di bawah, mengikuti beberapa prinsip desain dasar dapat dengan mudah membuat halaman arahan Anda mobile-friendly.

1. Kurangi ukuran halaman

Menjaga halaman arahan Anda sekecil mungkin (dalam ukuran file, bukan panjang) harus menjadi prioritas, terlepas dari siapa yang Anda targetkan.

Tetapi ukuran halaman menjadi jauh lebih penting bagi pengguna seluler. Sebagai permulaan, bahkan dengan munculnya 4G (dan sekarang, 5G) sejumlah besar pengguna – terutama di negara berkembang – menggunakan 3G.

Dan bahkan ketika 4G tersedia, itu jauh lebih lambat daripada broadband. Jaringan Verizon 4G berperingkat teratas di AS, misalnya, memiliki kecepatan 20,9 Mbps. Hal yang sama untuk jaringan broadband teratas di AS hampir 70 Mbps – lebih dari 3x lebih cepat.

Faktanya, seperti yang ditunjukkan oleh data Google, saat waktu muat laman landas seluler berubah dari 1 detik menjadi 6 detik, peluang pantulan meningkat sebesar 106%.

Halaman yang lebih kecil memuat lebih cepat dan mengurangi rasio pentalan (Kredit gambar: ThinkWithGoogle.com)

Mengingat bahwa Anda hampir selalu berurusan dengan kecepatan kurang dari broadband, Anda harus melakukan yang terbaik untuk menjaga ukuran file halaman sekecil mungkin.

Berikut beberapa cara untuk mencapainya:

  • Mulailah dengan membandingkan kecepatan Anda saat ini dengan menggunakan alat kecepatan halaman Google.
  • Kompres semua gambar. Jika memungkinkan, hapus gambar atau gunakan grafik yang lebih sederhana (seperti ilustrasi garis SVG alih-alih foto).
  • Kurangi jumlah permintaan dengan menghapus font khusus dan menggabungkan file JavaScript dan CSS.
  • Pindahkan file CSS dan JavaScript yang tidak perlu ke bagian bawah halaman agar tidak memperlambat pemuatan halaman.
  • Gunakan elemen dan gambar yang memuat lebih cepat di area paruh atas Anda.

2. Sederhanakan pengalaman visual seluler

Pengalaman pengguna seluler ditandai dengan keterbatasan, terutama pada kecepatan, ukuran layar, dan interaksi pengguna (Anda tidak dapat mengetik dengan mudah di ponsel seperti di desktop).

Dari jumlah tersebut, bekerja dalam batas yang diberlakukan oleh layar seluler kecil sangat penting untuk meningkatkan konversi. Jika Anda hanya menyalin laman desktop ke seluler, Anda mungkin menemukan bahwa 30-40% area layar Anda digunakan oleh elemen yang tidak berguna (seperti navigasi).

Solusinya adalah menyederhanakan pengalaman visual seluler sebanyak mungkin.

Beberapa taktik yang dapat Anda adopsi meliputi:

  • Hapus atau sederhanakan navigasi. Alih-alih menu dropdown, coba gunakan menu hamburger
  • Kurangi “kembungan visual”, terutama di area kritis (seperti paro atas dan CTA). Pengguna tidak perlu bersusah payah untuk mengetahui tajuk utama Anda dari gambar latar belakang, atau CTA dari salinan penjualan.
  • Elemen desain yang akan diketuk, bukan diklik. Gunakan tombol yang lebih besar dan ubah elemen pilihan dalam formulir untuk digunakan di perangkat seluler (seperti opsi pemilihan tanggal bergulir alih-alih kalender – lebih lanjut tentang ini nanti).
  • Hapus atau sederhanakan elemen yang sulit digunakan di ponsel. Misalnya, tampilan tabel dan tab/akordeon sulit ditampilkan di ponsel. Gantilah dengan teks biasa.

Misalnya, cat Country Chic menggunakan judul besar, salinan yang jelas, dan tongkat CTA di bilah atas untuk mengonversi pengguna.

Tombol besar dan tajuk utama membuat laman landas ini mudah dibaca (Kredit gambar: Unbounce.com)

3. Optimalkan elemen konversi untuk pengguna seluler

“Elemen konversi” di halaman mana pun adalah elemen yang Anda inginkan untuk berinteraksi dengan orang – formulir, keikutsertaan, dan CTA.

Mengoptimalkan ini untuk layar seluler adalah praktik terbaik laman landas utama.

Ada dua hal yang perlu dipertimbangkan saat Anda mengoptimalkan elemen konversi ini:

  • Desain:  Mengubah desain agar sesuai dengan batasan dan harapan pengguna seluler. Terkadang, ini berarti menghapus elemen (seperti bidang dalam formulir), dan terkadang, mengubah tampilan elemen (seperti ukuran CTA).
  • Relevansi:  Ubah CTA dan formulir untuk meminta informasi yang relevan bagi pengguna seluler. Misalnya, alih-alih mengirimi Anda email, Anda mungkin meminta pengguna menelepon Anda di CTA.

Contoh bagus dari desain konversi yang berpusat pada seluler dapat dilihat dalam formulir seluler, khususnya, dengan pemilihan tanggal.

Di desktop, desain kalender yang familiar berfungsi dengan baik, tetapi di ponsel, ukurannya yang kecil terlalu berat. Itulah sebabnya banyak formulir konversi terbaik menggunakan pemilih roda gulir (lebih lanjut tentang ini di bawah).

Berikut contoh lain desain CTA ramah seluler dari Paypal. Perhatikan betapa besar, tombol ‘+’ yang dapat diketuk menggantikan elemen yang lebih kecil dan dapat diklik.

Paypal mengganti tombol teks dengan ikon besar yang dapat diketuk di halaman arahan selulernya (Kredit gambar: Paypal.com)

Demikian pula, halaman arahan ini menggunakan tombol klik untuk menelepon untuk pengguna seluler. Menelepon jauh lebih relevan (dan lebih mudah) di ponsel daripada di desktop.

Mengganti ‘Klik untuk email’ dengan ‘Klik untuk menelepon’ di halaman seluler memanfaatkan kemampuan unik platform ponsel cerdas (Kredit gambar: Pinterest.com)

desain CTA

CTA bisa dibilang merupakan tujuan keseluruhan dari setiap halaman arahan. Inilah yang Anda ingin orang klik. Segala sesuatu yang lain adalah kebisingan.

Menyempurnakan CTA memiliki manfaat yang jelas di setiap halaman arahan. Meningkatkan CTR dari 1% menjadi 2% dapat memiliki efek gabungan pada penjualan Anda di masa mendatang.

Mari kita lihat beberapa praktik terbaik halaman arahan untuk desain CTA di bawah ini.

1. Gunakan warna yang kontras

Salah satu kesalahan halaman arahan terburuk yang dapat Anda lakukan adalah memadukan CTA ke dalam desain lainnya. Jika orang bahkan tidak bisa melihat CTA, bagaimana mereka bisa mengkliknya?

Cara termudah untuk menarik perhatian ke CTA adalah dengan menggunakan warna kontras. Jika seluruh halaman arahan Anda berwarna biru, CTA oranye terang pasti akan menonjol.

Seperti formulir ini dari WishPond:

Tombol oranye menonjol dengan latar belakang biru (Kredit gambar: WishPond.com)

Cara yang baik untuk menemukan warna yang kontras adalah dengan menggunakan roda warna. Warna di ujung roda ini (seperti biru-oranye) cenderung cukup kontras satu sama lain.

Gunakan roda warna untuk menemukan warna pelengkap yang menonjol di halaman (Kredit gambar: Lifehacker.com)

Ketahuilah bahwa tidak ada warna “konversi terbaik” untuk CTA. Sebaliknya, semuanya tergantung pada konten halaman itu sendiri. CTA merah dapat bekerja lebih baik daripada CTA hijau (dan sebaliknya) berdasarkan warna dan desain halaman.

2. Fokus pada nilai, bukan tindakan dalam salinan CTA

Masuk akal untuk menggunakan salinan yang berfokus pada tindakan di CTA Anda. Bagaimanapun, CTA adalah ajakan untuk  bertindak .

Tapi itu tidak selalu benar. Menggunakan kata-kata tindakan seperti “Klik”, “Mulai”, “Mulai”, dll. mungkin lebih baik daripada menggunakan label yang ambigu (seperti “Berikutnya” atau “Lanjutkan”). Namun, mereka meremehkan janji halaman arahan itu sendiri.

Solusinya? Gunakan salinan yang berfokus pada nilai.

Dengan pendekatan ini, salinan Anda akan menggunakan kata-kata yang menekankan nilai yang akan diperoleh pengguna dari produk atau penawaran Anda. Alih-alih menggunakan “Pelajari Lebih Lanjut”, Anda dapat menggunakan “Kembangkan Bisnis Anda”. Atau alih-alih “Klik Di Sini”, Anda dapat menggunakan “Ya, Tingkatkan Lalu Lintas Saya!”.

Idenya adalah untuk memperkuat manfaat atau nilai utama Anda dalam CTA. Salinan yang berfokus pada tindakan memberi tahu Anda apa yang harus dilakukan, tetapi salinan yang berfokus pada nilai memberi tahu Anda mengapa itu penting.

Misalnya, CTA ini berfokus untuk membantu pengguna menjadi “ahli konversi”:

CTA ini menggunakan salinan yang berfokus pada nilai untuk menekankan manfaat penawaran (Kredit gambar: WishPond.com)

3. Jadikan CTA menonjol

Seperti yang saya sebutkan sebelumnya, tujuan Anda seharusnya membuat CTA menonjol di halaman.

Menggunakan warna kontras adalah salah satu cara, tetapi ada juga cara lain.

Salah satu taktik umum adalah menambahkan batas di sekitar tombol CTA. Ini menonjolkan warna yang kontras dan menarik perhatian pembaca. Ini juga cara yang bagus untuk menyorot CTA dari tombol lain di halaman.

Taktik lain adalah menambahkan elemen seperti ikon atau label ke tombol CTA. Di halaman ini, misalnya, ikon pesawat kecil tidak hanya menggarisbawahi aspek perjalanan CTA, tetapi juga menarik perhatian pada salinannya.

Ikon halus dapat membantu CTA Anda menonjol di halaman (Kredit gambar: HipMunk.com)

Jika itu belum cukup, Anda bisa menggunakan elemen desain seperti panah untuk langsung menunjuk ke CTA. Ini salah satu contohnya:

Gunakan panah untuk menarik perhatian langsung ke CTA (Kredit gambar: ConversionXL.com)

4. Bereksperimenlah dengan ukuran dan posisi CTA

Hukum Fitt dalam desain interaksi menyatakan bahwa waktu yang dibutuhkan untuk berpindah ke target (seperti CTA) adalah rasio jarak (dari kursor) ke target dan lebar target.

Dengan kata lain, seberapa “dapat diklik” sebuah CTA bergantung pada a) ukurannya, dan b) seberapa jauh jaraknya dari kursor.

Dengan demikian, CTA yang lebih besar menjadi lebih “dapat diklik” karena menempati lebih banyak ruang layar. Lebih mudah untuk memindahkan kursor Anda ke CTA selebar 500px daripada yang hanya selebar 50px.

Ini tidak berarti bahwa Anda harus membuat CTA raksasa – itu terlalu jelas (dan belum lagi, jelek). Sebaliknya, Anda harus membuat CTA lebih besar dari elemen di sekitarnya.

Adapun posisi, tujuan Anda harus menjaga CTA dekat dengan tempat peristirahatan default kursor.

Bagi kebanyakan orang, ini berada di dekat bagian tengah halaman. Itulah sebabnya Anda akan menemukan bahwa CTA sering ditempatkan di dekat bagian tengah (terutama di seluler) dan paro atas.

Contoh terbaik adalah dari Google sendiri. Lokasi kursor (yaitu kotak teks) berada tepat di atas CTA, sehingga lebih mudah untuk diklik.

Tombol Google terletak tepat di dekat bagian tengah halaman, membuatnya lebih mudah dijangkau (Kredit gambar: Google.com)

5. Dukung CTA dengan salinan tambahan

Salinan CTA adalah latihan singkatnya. Kecuali Anda memiliki tombol selebar layar (ide yang buruk), Anda harus menyimpan salinan Anda paling banyak 5-6 kata.

Tetapi bagaimana jika Anda ingin memperkuat nilai yang ditawarkan di CTA?

Mudah: tambahkan beberapa salinan pendukung, baik sebagai bagian dari CTA, atau sebagai tambahan dari CTA.

Ini contoh dari Sumo. CTA segera diikuti oleh bukti sosial yang memvalidasi popularitas alat tersebut. Ini adalah cara cerdas untuk menambahkan nilai lebih lanjut ke CTA Anda tanpa membengkaknya.

Salinan ekstra setelah CTA menggarisbawahi nilai CTA (Kredit gambar: Sumo.com)

6. Gunakan CTA bergulir di layar seluler

Agar CTA menarik klik, CTA harus terlihat di area layar pengguna. Inilah sebabnya mengapa menambahkan CTA di paro atas merupakan praktik umum.

Namun, di layar seluler, Anda bekerja dengan ruang layar terbatas. Setelah pengguna menggulir melewati area tampilan awal, mereka harus menggulir secara signifikan untuk mengeklik CTA. Lebih buruk lagi, karena mereka tidak dapat langsung melihat CTA, mereka cenderung melupakannya sama sekali.

Selesaikan masalah ini dengan menambahkan CTA bergulir lengket. Tombol ini bergerak bersama layar, terlihat secara permanen.

Misalnya, CTA di beranda Trello tetap ‘lengket’ bahkan saat Anda menggulir ke bawah halaman.

Trello menggunakan CTA “lengket” untuk membuatnya lebih mudah diklik (Kredit gambar: Trello.com)

Cobalah untuk menjaga ukuran CTA bergulir ini kecil, terutama jika Anda memiliki elemen lengket lainnya (seperti menu atau lebih sering, tombol persetujuan cookie). Jika tidak, Anda berisiko terlalu banyak memadati layar dan mengganggu pengguna.

Pertimbangkan juga untuk menghapus CTA bergulir ini di ponsel lama dengan layar lebih kecil.

Praktik terbaik desain formulir

Jika CTA adalah elemen terpenting pada halaman, formulirnya tidak jauh di belakang. Lagi pula, di sinilah Anda mengumpulkan data Anda – alasan halaman arahan Anda.

Berapa banyak upaya yang Anda lakukan dalam formulir Anda akan bergantung pada jenis data yang Anda tanyakan kepada pengguna.

Jika Anda hanya menginginkan email mereka, Anda dapat mengabaikan bagian ini sama sekali. Tetapi jika Anda ingin memeras lebih banyak data penting – nomor telepon, email perusahaan, anggaran, dll. – Anda harus berinvestasi dalam desain untuk formulir halaman arahan Anda.

Mari kita lihat beberapa praktik terbaik laman landas untuk formulir di bawah ini.

1. Meredakan rasa sakit

Bayangkan jika Anda membuka halaman untuk sebuah eBuku dan dimintai nomor kartu kredit Anda untuk membacanya (bahkan jika eBuku itu sendiri gratis).

Anda akan menekan tombol kembali, tentu saja.

Orang tidak melihat semua informasi pribadi mereka secara sama. Berbagi nama depan memiliki lebih sedikit “rasa sakit” yang terkait dengannya daripada berbagi informasi kartu kredit atau alamat rumah.

Meminta data yang tidak terlalu menyakitkan terlebih dahulu dapat mendorong orang untuk mengisi lebih banyak formulir. Jika mereka telah membagikan dua poin data yang mudah (katakanlah, nama depan dan belakang), mereka mungkin juga membagikan poin yang lebih sulit (seperti email).

(Faktanya, ini disebut Prinsip Konsistensi dalam desain UX.)

Anda bahkan dapat mengilustrasikan kemajuan pengisian formulir mereka secara visual, seperti contoh dari VentureHarbour ini:

Formulir multi-langkah dapat terasa lebih mudah digunakan (Kredit gambar: VentureHarbour.com)

2. Sederhanakan formulir halaman arahan Anda

Apakah Anda benar-benar perlu menanyakan alamat rumah, kode pos, email bisnis, dan posisi perusahaan kepada pengguna?

Dalam kebanyakan kasus, jawabannya adalah ‘tidak’. Setelah Anda mengumpulkan alamat email atau nomor telepon, Anda dapat menemukan cara lain untuk mengumpulkan informasi tambahan ini (melalui kampanye pemeliharaan email, misalnya).

Lepaskan formulir Anda hingga ke hal-hal yang paling penting. Hapus semua bidang yang tidak penting. Hanya minta informasi yang memungkinkan Anda berhubungan dengan prospek lagi (seperti email atau nomor telepon).

3. Gunakan elemen UI formulir yang ramah seluler

Semakin banyak pengguna Anda mengakses halaman arahan Anda di ponsel mereka. Satu studi memperkirakan bahwa 58% dari semua lalu lintas pada tahun 2018 berasal dari seluler.

Pengguna seluler Anda dibatasi oleh ukuran layar dan kualitas keyboard mereka. Meminta mereka untuk menggunakan elemen formulir yang sama dengan pengguna desktop Anda adalah resep untuk konversi yang buruk.

Ambil pemilih tanggal sebagai contoh. Pada formulir desktop, kemungkinan besar Anda akan menggunakan kalender. Ini adalah format yang sebagian besar dari kita secara intuitif akrab dengannya.

Namun di ponsel, kalender yang sama menjadi sulit digunakan. Ukuran kurma yang kecil membuatnya sulit untuk disadap.

Itulah sebabnya formulir seluler berkinerja terbaik menggunakan pemilih tanggal gulir yang lebih ramah seluler, paling sering terlihat di iOS.

Pemilih tanggal bergulir lebih mudah digunakan daripada kalender di layar seluler (Kredit gambar: Apple)

Prinsip ini berlaku untuk semua elemen UI yang Anda gunakan dalam formulir seluler. Dari tombol hingga menu tarik-turun, semuanya harus dirancang untuk perilaku mengetuk, bukan mengeklik.

Misalnya, menu dropdown sulit digunakan di layar ponsel. Alternatif yang lebih baik adalah memadatkannya menjadi tombol kecil namun dapat diketuk.

Ganti menu tarik-turun yang sulit digunakan dengan tombol yang dapat diketuk di halaman seluler (Kredit gambar: Medium.com)

Daftar Istilah

Artikel ini menggunakan banyak jargon. Berikut adalah glosarium singkat istilah pengoptimalan laman landas utama yang harus Anda ketahui:

  • CTR (Rasio Klik Tayang):  Rasio klik pengunjung ke halaman arahan, dinyatakan sebagai persentase. CTR 1% berarti dari setiap 100 pengunjung, satu orang mengklik elemen target (seperti CTA).
  • CTA (Ajakan Bertindak):  Titik tindakan utama pada halaman arahan – apa yang Anda ingin pengguna klik. CTA biasanya berupa tombol, tetapi bisa juga berupa tautan teks dan bahkan nomor telepon.
  • CRO (Pengoptimalan Tingkat Konversi):  Bidang pemasaran yang berfokus pada peningkatan tingkat konversi dari jaminan pemasaran apa pun, seperti halaman arahan.
  • Laman landas:  Laman yang dikunjungi pengunjung dari sumber lalu lintas eksternal. Meskipun secara teknis setiap halaman dapat menjadi halaman arahan, istilah ini biasanya digunakan untuk halaman khusus yang digunakan untuk mencapai tujuan tertentu sebagai bagian dari kampanye pemasaran.
  • Pengujian terpisah:  Juga disebut pengujian A/B, ini adalah praktik menyalurkan lalu lintas ke dua halaman berbeda (Halaman A dan Halaman B) untuk mengevaluasi keefektifannya dalam mengonversi pengguna. Halaman yang berkonversi lebih baik kemudian dapat digunakan dalam kampanye pemasaran yang sebenarnya.
  • Tingkat bouncing:  Tingkat di mana pengunjung “memantul” atau menjauh dari halaman Anda tanpa mengklik elemen apa pun.
  • Tingkat konversi:  Jumlah orang yang melakukan tindakan yang diinginkan di laman landas, biasanya dinyatakan sebagai persentase. Tingkat konversi 1% berarti bahwa dari 100 orang, 1 orang melakukan tindakan yang Anda inginkan. Tingkat konversi tergantung pada tujuan konversi Anda.
  • Sasaran konversi:  Apa yang Anda ingin pengguna lakukan di laman landas apa pun. Tujuan ini bisa berupa mengklik tombol beli, mengirim email, menelepon nomor bantuan, dll.
  • KPI (Indikator Kinerja Utama):  Metrik yang Anda gunakan untuk mengevaluasi apakah kampanye pemasaran memenuhi tujuan yang diinginkan atau tidak.
  • Proposisi nilai:  Nilai kunci yang Anda tawarkan kepada pengguna agar mereka melakukan konversi. Proposisi nilai Anda menjawab pertanyaan: Apa untungnya bagi saya?
  • Elemen kelangkaan:  Elemen halaman – seperti salinan, UI, atau desain – yang menciptakan kesan kelangkaan tentang penawaran Anda. Hal ini dapat memaksa orang untuk mengambil tindakan jika menurut mereka penawaran Anda tidak akan tersedia dalam waktu lama.
  • FUD (Ketakutan, Ketidakpastian, dan Keraguan): Keraguan  utama yang mungkin dimiliki pengguna tentang penawaran, halaman arahan, atau bisnis Anda yang dapat menghentikan mereka untuk berkonversi. Ini kadang-kadang juga disebut “elemen kecemasan”

Ke Anda

Teknik pengoptimalan halaman arahan mana yang akan Anda terapkan di situs web Anda sendiri?

Daftar praktik terbaik halaman arahan ini sama sekali tidak lengkap dan ada faktor tambahan yang perlu dipertimbangkan seperti persona pembeli (dan cara mengintegrasikannya ke dalam desain halaman arahan Anda).

Tetapi bagi sebagian besar bisnis dan pemasar, mengikuti tip halaman arahan ini akan lebih dari cukup untuk meningkatkan tingkat konversi.

Seperti biasa, saat membuat halaman arahan, sasaran Anda adalah terus menguji variasi.

Cobalah judul, gambar, dan CTA yang berbeda. Gunakan praktik terbaik halaman arahan ini sebagai peta, tetapi biarkan hasil pengujian yang sebenarnya memandu jalan Anda.