Hyperlink yang lebih baik akan menciptakan pengalaman pengguna yang lebih bermanfaat. Itu dimulai dengan kata-kata yang Anda gunakan di tombol atau salinan tertaut. (Dan “klik di sini” bukanlah jawabannya!)
Jika Anda ingin menghasilkan lebih banyak—dan lebih baik—konversi dari tautan, penting untuk berfokus pada penulisan mikrokopi yang lebih baik untuk setiap tautan di situs web Anda.
Kiat-kiat ini, yang berlaku untuk hyperlink di seluruh desain (bukan mikroskop tombol) dapat membantu Anda memikirkan prosesnya.
Bergabunglah dengan kami saat kami menjelajahi jebakan yang harus dihindari, tip untuk tanda baca, dan jenis indikator visual yang berfungsi dengan baik untuk tautan.
Jangan Terjebak di Jebakan Klik Di Sini
Ini mungkin teks tautan yang paling umum di Internet. Dan yang paling tidak berguna.
“Klik di sini” harus dihindari, terutama untuk hyperlink sebaris. (Ada beberapa argumen yang dapat dibuat untuk penggunaan di tombol.)
Inilah masalah pertama: Klik di sini tidak memberi tahu pengguna apa yang diharapkan atau ke mana tautan itu akan membawa mereka. Apakah itu sah? Apakah itu di mana mereka ingin menavigasi ke berikutnya? Teks hyperlink yang tidak jelas sebenarnya dapat menyebabkan jeda dalam interaction dan kebingungan pengguna.
Ini masalah lain. Tidak semua orang mengklik lagi. Sebagian besar pengguna mungkin seluler, oleh karena itu “mengetuk” tautan.
Akhirnya, Konsorsium World Wide Web (otoritas tentang kegunaan dan aksesibilitas) secara langsung mengatakan “jangan gunakan klik di sini sebagai teks tautan.” Cukup kata.
Jadilah Deskriptif
Google merekomendasikan pengantar untuk teks tautan sebaris yang membantu pengguna memahami apa yang akan muncul ketika mereka mengeklik atau mengetuk kata.
Ini berarti menyertakan frasa seperti “untuk informasi lebih lanjut” atau “untuk mengunduh panduan” diikuti dengan tautan itu sendiri.
Arahan deskriptif ini melakukan dua hal:
- Ini menciptakan aliran membaca alami untuk tautan itu sendiri.
- Ini memberi pengguna informasi yang tepat tentang apa yang diharapkan dan bagaimana mencapai tujuan itu.
Mulailah dengan Kata Kunci (Atau Dua)
Ada penelitian yang mendukung teks hyperlink awal dengan satu atau dua kata kunci. Alasannya adalah untuk memudahkan pemindaian.
Kita semua tahu bahwa pengguna memindai teks situs web untuk elemen yang mudah dicerna agar mudah dibaca. Itu salah satu alasan mengapa daftar begitu populer serta menggunakan subjudul di seluruh blok salinan yang panjang.
Begini caranya Grup Nielsen Norman menjelaskannya: “Studi kegunaan terbaru kami menguji seberapa baik pengguna memahami 11 karakter pertama dari tautan dan judul situs web. … 85% pengguna dapat memprediksi ke mana tautan ini mengarah setelah hanya melihat 11 karakter pertama.”
Jangan Tautkan Tanda Baca
Saat menulis kalimat yang menyertakan hyperlink, biasanya akan diakhiri dengan beberapa jenis tanda baca. Sebagai praktik terbaik, letakkan tanda baca di luar teks yang ditautkan.
Ini berlaku untuk semua tanda baca akhir kalimat. Sebaliknya, jika ada tanda di dalam kalimat yang terkait dengan teks yang ditautkan, seperti tanda kurung atau tanda hubung, tanda tersebut dapat dimasukkan sebagai bagian dari hyperlink.
Cocokkan Teks Tautan dengan Sumber
Saat menulis tautan, cocokkan teks hyperlink dengan judul halaman sumber jika memungkinkan.
Ini bukan trik yang sangat mudah. Terkadang judul halaman sumber tidak cukup deskriptif atau terlalu panjang untuk masuk akal, tetapi semakin dekat Anda dengan kecocokan, semakin baik.
Dengan cara ini pengguna yang mengklik mendapatkan apa yang mereka harapkan.
Jika Anda menautkan ke halaman tanpa judul yang jelas, gunakan salinan besar pertama yang Anda lihat. Contoh di sini mungkin untuk item di toko online.
Tujuannya adalah untuk membuat kecocokan teks sedekat mungkin untuk membuat tautan pemahaman ketika pengguna berpindah dari satu halaman atau situs ke yang lain.
Gunakan Indikator Visual
Desain sama pentingnya dengan kata-kata di sini. Hyperlink yang baik juga menyertakan indikator visual yang membantu pengunjung situs web memahami di mana harus mengklik atau mengetuk dan interaction apa yang telah mereka temui.
Jangan mencoba menemukan kembali roda di sini. Gunakan pola pengguna yang umum dan diharapkan untuk desain teks hyperlink yang paling efektif.
- Warna sekunder yang berbeda dari teks biasa
- Gaya tebal atau miring
- Garis bawahi hyperlink
- Ubah warna untuk tautan yang sudah dikunjungi
Daftar Tautan
Terkadang Anda akan merasa perlu untuk menyertakan daftar di mana setiap item berpoin adalah hyperlink. Sangat menggoda untuk kembali ke teks hyperlink “klik di sini” atau “baca lebih lanjut” agar seluruh daftar tidak terlihat seperti hyperlink. Tahan godaan.
Sebenarnya lebih baik, lebih mudah diakses, dan lebih mudah untuk mengklik atau mengetuk tautan ketika setiap item dalam daftar adalah tautannya sendiri.
Kembangkan Gaya
Aturan teks hyperlink harus menjadi bagian dari panduan gaya desain situs web Anda. (Banyak orang lupa melakukan ini.)
Ambil tip ini dan elemen desain lainnya yang unik untuk situs web Anda dan buat seperangkat aturan – terapkan juga di CSS Anda – sehingga hyperlink memiliki gaya yang jelas dan terpadu.
Ini akan lebih memudahkan kegunaan karena tautan akan terlihat seperti tautan. Pengguna akan mengetahui apa yang diharapkan ketika mereka melihat elemen teks yang terlihat seperti ini.
Dan jangan biarkan elemen teks lain dalam desain meniru gaya. Itu hanya bisa membuat kebingungan. Gaya hyperlink harus unik, jelas, dan fungsional.
Kesimpulan
Semua informasi ini dirancang untuk membuat hyperlink Anda lebih bermanfaat. Hyperlink yang baik dapat membantu pengguna lebih memahami situs web Anda dan tindakan apa yang harus mereka ambil, berkontribusi pada pembuatan tautan dan pengoptimalan pencarian, dan memberi tahu pengunjung bahwa Anda memahami apa yang mereka coba lakukan.
Kuncinya adalah bahwa teks deskriptif pendek untuk hyperlink sangat ideal.
Teks hyperlink yang baik adalah tanda halus bahwa Anda mendapatkannya dan siapa pun di situs web Anda akan menghargai gerakan itu.
