Bagaimana Anchor Tags Meningkatkan Pengalaman Pengguna Halaman Landing

Apa yang terjadi ketika Anda menjatuhkan jangkar ke dalam air?

Jangkar menahan perahu di tempatnya, bukan? Anda masih memiliki kebebasan untuk bergerak pada jarak tertentu dari titik jangkar ke segala arah, tetapi ke mana pun Anda pergi, Anda dibatasi pada radius tertentu.

Itu mirip dengan bagaimana tag jangkar berfungsi pada halaman web. Mereka memungkinkan pengunjung untuk melompat ke berbagai lokasi di halaman, tetapi itu membuat mereka tetap di halaman.

Pemasar menyukai teknik desain web ini karena memungkinkan mereka untuk menyoroti tempat menarik tertentu, terutama dengan halaman arahan pasca-klik yang tujuannya adalah untuk menginspirasi tindakan. Untuk mencapai ini, Anda harus merancang halaman arahan pasca-klik yang persuasif dengan elemen yang dioptimalkan dengan benar. Ebook baru kami, The Ultimate Guide to Building a Persuasive post-click landing page menjelaskan lebih detail tentang itu:

Namun dalam posting hari ini, kami akan menunjukkan bagaimana pemasar menggunakan tag jangkar untuk menarik perhatian ke elemen halaman tertentu, dan pada akhirnya mengonversi halaman.

Apa itu tag jangkar?

Sebuah tag jangkar, atau tautan jangkar, adalah elemen halaman web yang menautkan ke lokasi lain di halaman yang sama. Mereka biasanya digunakan untuk halaman yang panjang atau banyak teks sehingga pengunjung dapat melompat ke bagian halaman tertentu tanpa harus menggulir terlalu banyak.

Karena mengklik tautan jangkar membawa pengunjung ke tempat yang mereka inginkan tanpa banyak usaha, mereka meningkatkan pengalaman pengguna secara keseluruhan, yang membantu dalam proses konversi. Mereka tidak hanya membuatnya cepat dan mudah bagi pengunjung untuk menavigasi halaman Anda, tetapi mereka dapat berfungsi sebagai isyarat visual, mengarahkan orang ke elemen yang merupakan bagian integral dari tujuan konversi Anda.

Perlu disebutkan bahwa mereka bisa statis atau animasi. Saat dianimasikan, tag jangkar berpotensi menarik lebih banyak perhatian karena kemungkinan satu-satunya hal yang bergerak di halaman. Dan saat Anda menggabungkan animasi dengan ruang putih, Anda mendapatkan kombinasi yang kuat yang menarik perhatian orang di tempat yang Anda inginkan.

Dalam contoh tag jangkar di bawah, Anda akan melihat teknik desain ini dapat digunakan dalam berbagai cara.

Apa yang dapat disorot oleh tag jangkar pada halaman arahan pasca-klik?

Salinan penting

Karena manfaat produk atau layanan Anda disampaikan melalui salinan, menggunakan tautan jangkar ke salinan tertentu sangat ideal. Kontak Konstan melakukan ini di halaman arahan pasca-klik mereka di tengah halaman. Setelah pengunjung mengklik panah bawah, halaman akan bergulir untuk mereka:

SocialMediaCompanies.com adalah merek lain dengan tautan jangkar yang mengarahkan pengunjung ke paro bawah. Dalam contoh ini, mereka ingin pengunjung memperhatikan area utama yang dinilai dan diulas oleh perusahaan:

Setiap contoh menunjukkan bahwa dengan menyoroti manfaat atau detail penting tentang penawaran Anda dengan target tag jangkar, kemungkinan besar pengunjung akan membaca (skim) salinannya.

Kisah sukses pelanggan

Menampilkan kisah sukses pelanggan dan testimonial adalah cara yang bagus untuk memberikan bukti sosial yang menarik kepada pengunjung. Mereka membangun kepercayaan dan keyakinan pada produk atau layanan Anda dan membantu membimbing mereka menuju konversi.

Untuk memastikan kisah sukses pelanggan mereka tidak diabaikan, Dynamic Yield menampilkan panah tag jangkar yang memantul untuk menarik perhatian dan memandu pengunjung ke arah yang benar. Saat prospek mengklik panah, mereka melewati logo merek dan langsung diarahkan ke video kisah sukses:

Karena ulasan pelanggan semacam ini seringkali dapat menjual produk Anda lebih efektif daripada apa pun di halaman, mengapa mengambil risiko prospek Anda melewatkannya?

Gunakan kasus

Boardvantage melakukan sesuatu yang sedikit berbeda dari contoh sebelumnya. Di sini mereka mengidentifikasi target, "Jelajahi Kasus Penggunaan" di sebelah tag jangkar panah. Perhatikan bagaimana itu dikelilingi oleh ruang putih yang cukup untuk membuatnya menonjol juga. Setelah diklik, pengunjung diarahkan ke bagian paro bawah tempat perusahaan menyoroti fitur dan manfaat utama MeetX dengan salinan minimal, video pendek, dan tangkapan layar:

Bagian khusus ini berisi nilai jual produk utama, sehingga mereka ingin memastikan pengunjung melihatnya. Langkah cerdas oleh Boardvantage.

Produk tambahan

Pada halaman arahan pasca-klik Lyft ini, tautan navigasi menu semuanya adalah tag jangkar, mengarahkan pengunjung ke berbagai tempat di halaman. Ketika mereka mengklik tautan “Dapatkan Milik Anda”, halaman akan bergulir di dekat bagian tengah tempat mereka dapat mempelajari lebih detail cara mendapatkan Ampli mereka sendiri:

Jika pengguna telah mengklik tautan navigasi FAQ, mereka akan diarahkan ke bagian "semua yang perlu Anda ketahui" di dekat bagian bawah halaman. Dibandingkan dengan elemen lain yang disebutkan dalam artikel ini, bagian FAQ tidak terlalu umum di halaman arahan pasca-klik. Tetapi mereka tetap memiliki tujuan yang penting, terutama jika sebuah perusahaan mencoba untuk menjual sesuatu yang spesifik untuk merek mereka.

Formulir penangkapan prospek

Halaman arahan pasca-klik Salesgenie ini diisi dengan tag jangkar, masing-masing ditujukan untuk membuat pengunjung lebih terlibat dengan halaman tersebut. Setiap panah bawah mengarahkan orang lebih jauh ke bawah halaman sementara setiap tombol CTA oranye akan mengarahkan orang kembali ke atas untuk melengkapi formulir:

Perhatikan tombol CTA lagi. Warna oranye terangnya menarik perhatian dan menggunakan salinan yang menarik (“gratis”), yang kemungkinan menghasilkan lebih banyak klik. Ketika pengunjung mengkliknya (atau salah satu tombol CTA kooperatif), mereka akan diarahkan kembali ke bagian atas halaman untuk memulai uji coba gratis Salesgenie.

AppFolio juga menggunakan tombol CTA untuk mengarahkan prospek ke formulir tangkapan prospek mereka. Setelah pengunjung menggulir seluruh halaman, mereka melihat tombol CTA oranye ini. Tombolnya adalah tautan jangkar yang mengarahkan ulang ke formulir di bagian atas halaman:

Dalam contoh tombol CTA ketiga kami, BambooHR menyorot tombol CTA mereka dengan warna yang kontras, salinan menentukan bahwa demo tersebut gratis, dan bahkan ada petunjuk arah panah yang menunjuk ke sana di kedua sisi:

Formulir penangkapan prospek adalah salah satu elemen terpenting pada halaman arahan pasca-klik Anda karena tanpanya, Anda tidak memiliki cara untuk mendapatkan informasi prospek Anda. Tanpa formulir yang mudah diakses, prospek memiliki waktu yang lebih sulit untuk dikonversi, jadi tag jangkar adalah teknik desain yang bagus untuk mendorong mereka ke formulir dan mengonversi.

tombol CTA

Ada banyak cara untuk mengoptimalkan tombol CTA Anda, tetapi Anda juga dapat membuat tautan jangkar yang mengarahkan pengunjung langsung ke mereka. Dalam contoh QuickBase di bawah, perusahaan membuat navigasi halaman arahan pasca-klik (tiga bagian di bagian bawah gambar), di mana ketiga tautan tersebut adalah tag jangkar. Ketika prospek mengklik “Kisah Sukses” dan “Apa itu QuickBase”, mereka akan diarahkan ke dua bagian berbeda di bagian bawah halaman, keduanya menampilkan tombol CTA:

Jelas, CTA Anda sangat penting. Ini secara harfiah bagaimana orang mengkonversi. Buat itu menonjol, persuasif dengan salinannya, dan buat itu dapat diakses semudah mungkin dengan membuat tag jangkar yang mengarah langsung ke sana.

Bagaimana Anda menggunakan tag jangkar?

Contoh di atas bukanlah daftar yang lengkap, tetapi memberi Anda ide bagus bagaimana tag jangkar membantu konversi dan menyoroti elemen halaman arahan pasca-klik yang berbeda. Baik Anda menautkan elemen halaman arahan pasca-klik tertentu atau menyiapkan seluruh menu tautan, Anda tidak akan salah dengan tag jangkar di halaman arahan pasca-klik Anda. Mereka memberikan pengalaman pengguna yang menyenangkan, yang pada gilirannya, meningkatkan peluang konversi Anda.

Mulai gunakan tag jangkar hari ini dengan menambahkan kode khusus ke halaman arahan pasca-klik Anda. Daftar untuk demo Instapage Enterprise hari ini.