Merancang Halaman 404 yang Intuitif dan Ramah Pengguna

Kita semua telah berinteraksi dengan halaman 404 di beberapa titik.

Halaman-halaman ini muncul ketika tautan rusak, halaman dihapus, atau ketika pengguna salah mengetik alamat halaman. Tapi apapun alasannya, tetap saja error yang perlu diperbaiki. Selain itu, tautan rusak merusak peringkat situs Anda dan bukan itu yang Anda butuhkan. Aspek SEO situs Anda sangat penting sehingga Anda tidak ingin kehilangan lalu lintas hanya karena Anda lupa mengawasi 404 notifikasi.

Meskipun jelas bahwa 404 halaman perlu diperbaiki secepatnya, Anda tidak akan pernah bisa memperkirakan kapan pengguna menemukan tautan yang rusak. Jadi untuk bersiap dan mengubah pengalaman negatif menjadi pengalaman positif, Anda perlu menyesuaikan halaman 404 Anda dan membuatnya ramah pengguna dan intuitif.

Siap untuk belajar bagaimana mengubah yang buruk menjadi baik? Mari kita cari tahu.

Sesuaikan halaman 404 untuk situs Anda

Bayangkan Anda menjelajahi situs web yang sangat berwarna dan menarik dengan banyak elemen interaktif dan tiba-tiba menemukan halaman kosong dengan pesan "404 Halaman Tidak Ditemukan".

Sedikit membangunkan, bukan?

Halaman 404 seharusnya tidak muncul sebagai kejutan yang tidak menyenangkan, inilah mengapa sangat penting untuk menjaga desainnya tetap sama dengan tata letak situs secara keseluruhan.

Untuk itu, jaga agar tampilan halaman 404 tetap sama dengan tampilan halaman lainnya, termasuk latar belakang, warna, font, dan elemen lainnya (jika ada). Selain itu, banyak situs web menggunakan halaman 404 sebagai kesempatan untuk menekankan merek dan mengingatkan pengguna tentang hal itu sekali lagi.

Saat mendesain halaman 404 untuk situs Anda, perhatikan pesannya. Pesan yang dibuat dengan baik adalah peluang bagus untuk memasukkan permainan kata yang cerdas atau mengingatkan pengguna tentang produk/layanan Anda dengan cara yang tidak mencolok.

Jelaskan apa yang terjadi

Jika kita melihat halaman 404 default di bawah Apache, kita akan melihat yang berikut:

Dan itu saja. Pengguna tidak tahu apa yang sebenarnya terjadi dan apa yang harus dilakukan selanjutnya.

Karena Anda peduli dengan pelanggan Anda dan ingin mengabaikan pengalaman yang tidak menyenangkan, berikan penjelasan untuk kesalahan tersebut. Alasan utama untuk 404 biasanya:

• Pengguna salah mengetik sesuatu,
• Linknya rusak,
• Halaman tidak ada,
• Koneksi dengan server terputus.

Tentu saja, Anda tidak perlu membuat daftar semua masalah yang disebutkan di atas. Pastikan saja penjelasan Anda dapat dimengerti.

Dengan bersikap jujur ​​tentang masalahnya, Anda akan memenangkan hati pengguna dan mendorong mereka untuk tetap berada di situs dan terus menjelajahinya.

Buat pesan yang menarik

Halaman 404 adalah kesempatan sempurna bagi merek untuk menunjukkan identitasnya melalui pesan yang dibuat dengan baik.

Contoh 404 halaman terbaik sering kali menampilkan:

• kata kata
• Pesan yang terkait dengan produk atau layanan situs
• Daya tarik pribadi,
• Referensi untuk budaya pop dan acara yang dapat dikenali.

Karena halaman 404 adalah kesalahan secara default, Anda perlu mengubahnya menjadi sesuatu yang benar-benar berlawanan alias pengalaman yang positif dan menyenangkan.

GitHub melakukan pekerjaan yang brilian dalam hal mendesain halaman 404-nya. Itu menggunakan stereotip tentang pengembang dan kecintaan mereka pada kisah "Star Wars" dan menggunakannya untuk keuntungan mereka sendiri dengan membuat elemen visual dan pesan halaman langsung dikenali bahkan oleh orang-orang yang tidak menonton film Star Wars.

Tawarkan tindakan untuk diambil

Ajakan bertindak sangat penting dan merupakan keharusan mutlak untuk desain 404 halaman.

Seorang pengguna tidak boleh dibiarkan dengan halaman kosong dan nol pilihan. Jadi, bahkan jika sesuatu seperti 404 terjadi, tawarkan alternatif yang akan menghasilkan keuntungan bersama.

Beberapa CTA paling populer untuk halaman 404 adalah:

• bilah pencarian
• beranda
• produk/layanan teratas
• mendaftar untuk produk atau buletin
• tawaran uji coba gratis

Perhatikan desain tombol CTA. Mereka harus mudah terlihat dan tidak boleh berbaur dengan latar belakang, jika tidak, pengguna tidak akan melihatnya. Juga, pikirkan tentang pesan tombol CTA: alih-alih klise seperti "Klik di sini" pergilah dengan sesuatu yang lebih kreatif ("Lihat apa yang kami dapatkan").

Tambahkan bilah pencarian

Seorang pengguna mendarat di halaman 404 karena dia mencari sesuatu. Jadi, tawarkan mereka opsi untuk mencoba sekali lagi dengan menambahkan bilah pencarian ke halaman.

Anda dapat mendukungnya dengan pesan seperti: “Sepertinya kueri Anda tidak dapat ditemukan… Mengapa tidak mencoba lagi?” CTA yang ditulis dengan baik memiliki tingkat keterlibatan yang tinggi dan bekerja dengan baik dalam hubungannya dengan gambar.

Selain itu, tambahkan teks petunjuk ke bilah pencarian. Bilah dengan teks mendapatkan keterlibatan yang lebih baik daripada yang kosong.

Tambahkan titik keluar

Bilah pencarian di halaman 404 tidak cukup. Bagaimana jika pengguna tidak yakin tentang apa yang mereka butuhkan?

Tambahkan "Beranda" atau tombol lain yang relevan untuk menavigasi pengguna dari halaman 404 ke konversi potensial. Selain itu, Anda dapat menambahkan tombol "Hubungi Kami" untuk meningkatkan keandalan.

Beberapa perusahaan menggunakan halaman 404 sebagai kesempatan untuk mengingatkan tentang produk dan layanan mereka dan menempatkan tautan yang sesuai di halaman tersebut.

Tunjukkan produk/layanan Anda

Jika Anda adalah toko e-niaga, misalnya, Anda dapat menempatkan produk terlaris Anda di halaman 404 untuk memberi pengguna kesempatan menemukan produk terbaik Anda dan (semoga!) membelinya.

Adapun situs lain, pasti Anda dapat menawarkan sesuatu yang berharga bagi pengguna Anda. Ini bisa berupa uji coba produk gratis, tawaran untuk mendaftar kursus, atau panduan ke area situs yang bermanfaat.

Buat itu menyenangkan

Seperti yang sudah kami katakan di atas, halaman 404 adalah pengalaman negatif karena pengguna tidak mendapatkan hasil yang diinginkan. Untuk mengatasi masalah ini, buat halaman menjadi interaktif atau tambahkan elemen menyenangkan ke dalamnya.

Bahkan jika Anda memposisikan diri Anda sebagai merek yang sangat profesional, sedikit humor tidak ada salahnya. Selain itu, banyak perusahaan menambahkan gamifikasi dan video ke halaman 404 mereka untuk melibatkan pengguna dan membuatnya tetap terhibur.

Melacak kesalahan 404

Kesalahan 404 bukan urusan pengguna. Tetapi tugas Anda untuk melacaknya dan mengidentifikasi penyebab kesalahan dan perjalanan pengguna.

Ada beberapa hal yang perlu diingat saat memilih alat untuk pelacakan kesalahan 404.

Pertimbangkan semua 404 sumber kesalahan

Kesalahan 404 mungkin tidak selalu terjadi di situs Anda – pelanggan dapat membuka buletin lama dan mengikuti tautannya atau mungkin muncul di hasil penelusuran di Google.

Jadi, ketika Anda memilih alat untuk pemantauan kesalahan, periksa kembali apakah alat itu mencari 404 kesalahan di mana-mana sehingga Anda dapat memperbaiki semuanya.

Laporkan biaya kesalahan 404

Sebagai pemilik situs, Anda mungkin memiliki sejuta hal yang harus dilakukan dan memperbaiki kesalahan 404 mungkin tidak ada dalam daftar Anda.

Inilah sebabnya mengapa Anda memerlukan alat yang akan memberi tahu Anda berapa biaya kesalahan 404 Anda. Dan kita tidak berbicara tentang uang di sini – ini mungkin persentase dari konversi yang hilang, peningkatan rasio pentalan, sejumlah pengguna yang hilang.

Setelah Anda melihat bagaimana kesalahan 404 memengaruhi bisnis Anda, akan lebih mudah untuk memprioritaskan tugas Anda dan memindahkan kesalahan 404 ke atas atau ke bawah daftar.

Pemantauan konstan

Kesalahan 404 bukanlah sesuatu yang terjadi secara teratur. Mungkin saja Anda baik-baik saja dan kemudian, tiba-tiba, seorang pengguna mendapat 404.

Itu sebabnya alat pelacak Anda harus memantau kesalahan 404 terus-menerus dan segera memberi tahu Anda setelah menemukannya. Dengan cara ini, Anda akan dapat memperbaikinya tepat waktu dan menghilangkan risiko pengguna lain tersandung di halaman 404.

Jenis alat pelacak

Ada berbagai jenis alat pelacak yang tersedia yang akan membantu Anda menentukan kesalahan 404 dan berhasil memperbaikinya.

Alat perayapan

Alat perayapan seperti Screaming Frog sangat cocok untuk memindai situs web Anda dengan cepat dan memeriksa tautan yang rusak.

Alat-alat ini menganalisis tautan situs web Anda dan memberi tahu Anda mana yang rusak dan apa sumber kesalahannya. Selain itu, alat perayapan biasanya mudah dikelola dan dipasang.

Kelemahan terbesar dari alat tersebut adalah mereka hanya menganalisis tautan di situs web Anda – dan ingat apa yang kami katakan tentang pentingnya analisis lanjutan? Selain itu, alat perayapan tidak memberi tahu Anda biaya kesalahan 404 tetapi hanya membantu mengidentifikasinya.

Alat perayapan pasti berguna dan Anda harus menggunakannya secara teratur hanya untuk memastikan bahwa semuanya baik-baik saja dengan toko Anda. Namun, jangan lupa untuk melakukan analisis rutin dan lanjutan untuk memastikan tidak ada kesalahan lain yang mungkin Anda lewatkan.

Alat tautan balik

Tidak seperti alat perayapan, alat tautan balik fokus pada sumber eksternal yang mengarahkan pengguna ke tautan rusak di situs Anda.

Link Explorer oleh Moz adalah salah satu alat yang membantu Anda menemukan situs web yang membawa pengguna ke situs Anda. Analisis semacam itu sangat membantu untuk SEO Anda karena Anda dapat menghilangkan 404 tautan dan meningkatkan peringkat situs Anda.

Tetapi sekali lagi, sama seperti alat perayapan, alat pelacak backlink hanya mencakup satu aspek mengidentifikasi tautan yang rusak. Jika Anda ingin menemukan semua 404 tautan kesalahan, termasuk yang ada di buletin lama atau di media sosial, Anda memerlukan analisis yang lebih komprehensif.

Pelacakan dengan Google Analytics

Salah satu cara paling umum dan efisien untuk melacak kesalahan 404 halaman adalah dengan Google Analytics.

Untuk itu, Anda harus menyalin kode ini:

<script>  
   // Create Tracker - Send to GA
   // Replace UA-11111111-11 with your own Tracking ID
 ga('create', 'UA-11111111-11');
   ga('send', {
     hitType: 'event',
     eventCategory: '404 Response',
     eventAction: window.location.href,
     eventLabel: document.referrer
});
</script>

dan tambahkan ke Halaman/Templat Kesalahan 404. Ingatlah untuk menempelkan ID akun Google Anda di kode.

Setelah itu, Anda akan dapat melihat URL persis mana yang menyebabkan kesalahan 404 dan dari mana orang mendapatkannya.

Dan akhirnya: perbaiki masalahnya!

Kecelakaan akan terjadi dan itu fakta. Lebih baik memiliki halaman 404 yang bagus di muka daripada dengan panik memperbaiki masalah sementara pengguna yang kesal menunggu.

Namun, 404 adalah kesalahan dan perlu diperbaiki. Bergantung pada prioritas kesalahan, Anda dapat mengarahkan ulang tautan, memulihkan halaman, atau memperbaiki tautan sumber. Juga, lakukan hal berikut:

• Memperkenalkan laporan 404 otomatis dan reguler untuk mengawasi 404 halaman dan memperbaikinya tepat waktu,
• Siapkan notifikasi waktu nyata di 404,
• Lakukan audit untuk mengidentifikasi tautan yang rusak.

Secara keseluruhan, halaman 404 yang ramah pengguna harus memberikan nilai bagi pengguna, konsisten dalam hal desain situs web secara keseluruhan, dan membantu menavigasi situs. Dengan mengikuti aturan ini, Anda akan mempertahankan pengguna dan pada saat yang sama meningkatkan konversi Anda.