Cara Membuat Halaman 404 yang Hebat Untuk Pengguna Anda

Mencapai halaman 404 bukanlah pengalaman yang menyenangkan. Namun ada beberapa hal yang dapat Anda lakukan untuk memastikan bahwa ini bukan pengalaman terakhir yang dimiliki pengguna dengan situs web Anda.

Untuk mendesain halaman 404, Anda perlu mengetahui elemen mana yang paling berguna bagi pengguna dan dapat membantu halaman Anda menonjol.

Berikut adalah daftar 6 fitur untuk membantu Anda mendapatkan hasil maksimal dari halaman 404 Anda.

Apa itu kode 404?

404 adalah salah satu kode status HTTP yang muncul saat halaman tidak dapat ditemukan.

404 milik grup 4xx, yang menunjukkan bahwa itu adalah kesalahan sisi klien. Lebih khusus lagi, ini berarti klien mencapai server Anda, tetapi server tidak menemukan file yang diminta.

Kode 404 dapat muncul karena berbagai alasan, seperti:

• Halaman telah dihapus,
• Pengguna salah ketik saat mengetik URL,
• Tautan yang menunjuk ke halaman itu salah.

Apa pun alasan kode 404, pengguna tidak akan dapat mengakses halaman karena tidak dapat ditemukan.

Halaman yang akan dilihat pengguna alih-alih halaman yang hilang ada dalam kendali Anda. Pilihan Anda meliputi:

• Halaman 404 standar, atau
• Halaman 404 khusus.

Halaman 404 standar yang tidak disesuaikan mungkin berisi teks sederhana dengan latar belakang putih yang hanya bertuliskan "Tidak Ditemukan". Server Anda secara otomatis membuat halaman ini.

Di sisi lain, Anda dapat memilih untuk menyesuaikan halaman 404 Anda – rancang agar sesuai dengan sisa situs web Anda dan pilih elemen yang ingin Anda sertakan.

Mengapa Anda harus membuat halaman 404 khusus

Halaman 404 khusus yang dirancang dengan baik bermanfaat bagi pengguna dan bisnis Anda.

Saat pengguna memasuki halaman 404, mereka hanya mengerti bahwa ada yang tidak beres, dan halaman tidak ditemukan. Mereka tidak tahu apa yang terjadi atau apa yang harus mereka lakukan selanjutnya.

Akibatnya, pelanggan Anda mungkin keluar dari situs Anda tanpa memenuhi kebutuhan mereka. Ini jauh dari ideal. Seorang pengguna tidak puas dengan pencarian mereka, dan Anda kehilangan bisnis mereka.

Dengan halaman 404 khusus, Anda dapat mengubah halaman default yang tidak membantu menjadi sesuatu yang berguna bagi pengguna dan bisnis Anda.

Halaman 404 khusus memungkinkan Anda untuk:

• Membantu pengguna menemukan informasi yang mereka cari,
• Dorong pengguna untuk menjelajahi halaman Anda,
• Tunjukkan suara dan kreativitas merek Anda.

Selain itu, membuat halaman 404 khusus direkomendasikan oleh Google .

Jika Anda memiliki akses ke file konfigurasi server, Anda dapat membuat halaman kesalahan ini berguna bagi pengguna dengan menyesuaikannya. Laman 404 khusus yang baik membantu orang menemukan informasi yang mereka cari, dan juga menyediakan konten bermanfaat lainnya yang mendorong orang untuk menjelajahi situs Anda lebih jauh.

sumber: Google

Kutipan dengan jelas menyatakan bahwa Google menganggap halaman 404 khusus bermanfaat bagi pengguna dan mendorong pemilik situs untuk menyesuaikan halaman 404 mereka.

Cara membuat halaman 404 kustom yang bagus

Bahkan jika Anda sepenuhnya menyesuaikan halaman 404 Anda, pastikan server masih mengembalikan kode status HTTP 404. Ini adalah praktik yang buruk untuk menyiapkan kode 200, menyarankan respons yang berhasil ketika halaman sebenarnya tidak ada.

Saat memutuskan apa yang akan disertakan pada laman 404, salah satu elemen penting adalah pesan yang dengan jelas menyatakan bahwa itu adalah laman kesalahan . Beri tahu pengguna bahwa ada yang tidak beres dengan cara yang ramah dan langsung.

Tapi itu baru permulaan. Berikut adalah fitur utama yang dapat Anda tambahkan ke halaman 404 kustom Anda untuk membuatnya lebih berguna:

• Bilah pencarian,
• Daftar sumber daya yang tersedia di situs web Anda,
• Tombol CTA,
• Tautan ke konten teratas Anda,
• Desain yang selaras dengan merek Anda.

Kunci halaman 404 yang bagus adalah kegunaannya bagi pengguna. Anda tidak perlu menyertakan semua elemen dari daftar di atas – hanya elemen yang akan membantu pengguna menemukan jalan mereka di situs web Anda.

Hapus pesan kesalahan

Halaman 404 yang baik harus selalu menyertakan pesan yang jelas bahwa itu adalah halaman kesalahan. Apa pun desain yang Anda pilih, Anda harus selalu memberi tahu pengguna bahwa ada yang tidak beres dan halaman tidak ditemukan.

Ikea melakukan ini dengan sangat baik. Mereka memberikan pesan yang jelas yang mencakup kode 404 dan penjelasan singkat yang membuatnya mudah dimengerti oleh pengguna.

Bilah pencarian

Bilah pencarian memungkinkan pengguna mencari konten tertentu untuk mencobanya lagi dan mencari apa yang mereka cari di situs web Anda.

Contoh halaman 404 yang bagus dengan bilah pencarian adalah Moz.com:

Jadi, jika Anda mencari sesuatu yang spesifik di Moz.com tetapi tidak menemukannya, Anda dapat melihat lagi tepat di halaman 404.

Daftar sumber daya

Jika pengguna berakhir di halaman 404 tetapi tidak memikirkan hal tertentu untuk diketik di bilah pencarian, Anda dapat memberikan daftar sumber daya yang dapat ditemukan di situs web Anda.

Backcountry memiliki halaman 404 khusus dengan desain sederhana yang sesuai dengan situs web dan daftar halaman penting.

Halaman ini tidak hanya bermanfaat bagi pengguna, tetapi juga memungkinkan Backcountry untuk memamerkan kontennya dan mendorong orang untuk menjelajahi situs web.

Contoh lain halaman 404 dengan daftar referensi adalah Tripadvisor. Dengan sedikit humor dan empat tombol sederhana, Tripadvisor menyediakan opsi mudah untuk menelusuri bagian yang mungkin paling menarik minat pengguna.

tombol CTA

Dengan menyertakan tombol CTA, Anda dapat menunjukkan kepada pengguna langkah selanjutnya yang dapat mereka ambil.

Penggunaan tombol CTA yang paling sederhana adalah mengarahkan pengguna ke halaman beranda Anda . Cara sederhana namun efektif untuk memberikan panduan kepada pengguna.

Berikut adalah contoh halaman 404 Netflix dengan tombol CTA yang mengarah ke halaman beranda mereka.

Solusi lain adalah dengan menyertakan tombol CTA “Hubungi kami” . Misalnya, jika pengguna datang dengan pertanyaan tertentu dan halaman 404 tidak memungkinkan untuk mendapatkan jawabannya, mereka mungkin ingin menghubungi Anda untuk menanyakan detailnya.

Pengguna juga dapat menggunakan opsi “Hubungi kami” untuk melaporkan kesalahan tersebut kepada Anda.

Kinsta menyertakan tombol "Halaman Utama" dan "Hubungi Kami". Pengguna dapat mengunjungi situs web atau menghubungi perusahaan. Dengan demikian, ini memberikan solusi bagi orang-orang yang ingin menjelajahi situs web atau menemukan jawaban atas pertanyaan tertentu.

Tombol CTA akan membantu pengguna Anda tetapi juga sesuai dengan tujuan bisnis Anda. Misalnya, Anda dapat menyertakan opsi untuk meninggalkan email dan berlangganan buletin Anda.

9gag menggunakan halaman 404 untuk mendorong orang mengunduh aplikasinya. Penambahan gif latar belakang sangat cocok dengan gaya 9gag.

Tautan ke konten teratas

Konten populer Anda memiliki peluang terbaik untuk membuat pengguna tetap terlibat. Ini memberi Anda kesempatan untuk menarik perhatian pengguna Anda sebelum mereka meninggalkan halaman 404 Anda.

Tautan ke konten Anda yang paling populer dapat sangat bermanfaat untuk situs web eCommerce karena Anda dapat mempromosikan produk terlaris Anda di halaman yang agak buntu.

Contoh yang sangat baik dari halaman 404 yang menyajikan konten teratas ditampilkan di situs web Urban Outfitters . Ini memiliki bagian "Paling Populer" dengan kemungkinan untuk membeli item segera.

Identitas merek

Dengan menyesuaikan halaman 404 Anda dan menyelaraskannya dengan desain situs web Anda, Anda dapat menunjukkan bahwa Anda benar-benar peduli dengan keseluruhan perjalanan pelanggan Anda melalui situs web Anda.

Halaman 404 dapat menunjukkan nada dan kepribadian merek Anda. Desain kreatif yang sesuai dengan gaya situs web dapat membuat orang tersenyum dan bahkan mungkin mendorong mereka untuk berbagi halaman dengan teman.

Pixar menggunakan salah satu karakter terkenalnya di halaman 404. Meskipun halaman tersebut tidak menyediakan fitur navigasi yang luas, grafik dan pesan yang menghangatkan hati sangat cocok dengan gaya merek.

Selain tombol “Bawa saya pulang”, Canva menyertakan sedikit teka-teki untuk dinikmati pengguna. Kreativitas dan keunikannya menonjol di antara halaman lainnya. Ini adalah alternatif yang menyenangkan untuk halaman 404 standar.

Membungkus

Jangan biarkan pengguna Anda sendirian dengan halaman 404 standar.

Pengguna tidak boleh dibiarkan tanpa informasi tentang apa yang terjadi dan apa yang harus mereka lakukan selanjutnya.

Sebaliknya, berusahalah untuk menciptakan pengalaman yang baik di seluruh situs Anda. Itu termasuk halaman kesalahan.