Cara Mendesain Halaman 404 yang Sempurna Untuk Toko eCommerce Anda

Halaman yang Dipindahkan

Meskipun tampaknya tidak perlu dipikirkan, sebagian besar halaman 404 muncul ketika pemilik situs umumnya mengganti nama halaman web atau pindah. URL lama harus dialihkan ke situs baru dengan pengalihan 301, tetapi hal itu tidak perlu terjadi.

Direktori Web

Perubahan dalam direktori web memaksa pengguna untuk mengubah URL atau ketika URL dipindahkan/dihapus tanpa pembaruan.

Tautan internal yang tidak diperbarui dalam direktori dapat menyebabkan 404 halaman kesalahan. Tetapi setelah semua masalah ini, situs web hanya menyumbang 17% dari 404 masalah yang dihadapi pengunjung. Jadi, terlepas dari seberapa rajin Anda merayapi situs Anda untuk memperbaiki kesalahan atau mengatur pengalihan. Pengguna masih akan mengarahkan ulang ke 404 halaman tanpa kesalahan Anda:

Secara umum, alasan utama halaman kesalahan 404 adalah:

• Hanya 23% pengunjung yang melakukan upaya kedua untuk menemukan halaman yang hilang setelah menemukan halaman 404.
• 79% pengunjung yang tidak puas dengan kinerja situs web mengatakan bahwa mereka tidak akan membeli dari situs yang sama lagi.
• Rata-rata, memperoleh pelanggan baru lima kali lebih mahal daripada mempertahankan pelanggan yang sudah ada.

A. Tingkatkan Jumlah Halaman Terindeks Situs Anda di Mesin Pencari:

Dengan bertambahnya jumlah halaman di suatu situs, tautan mati juga meningkat. Anda dapat meningkatkan halaman situs web Anda yang diindeks melalui 404 halaman. Anda hanya perlu menautkan halaman kesalahan 404 ke halaman internal acak situs web Anda.

B. Bangun Citra Merek yang Konsisten

Kami, manusia, lebih suka konsistensi. Setelah mengenal sebuah toko, tanpa sadar kita mulai mempercayainya. Fokus utama adalah di permukaan. Halaman 404 generik memberikan pengalaman pengguna yang buruk. Anda tidak dapat menghilangkan kode status HTTP, tetapi Anda dapat mengidentifikasi masalah dan meningkatkan UX dengan halaman kesalahan khusus.

Ambil file log dan tangkap informasi masalah dan kode respons untuk menanganinya dengan tepat. Jika pengguna telah mendarat di tautan mati toko Anda, penting untuk menunjukkan aroma Anda. Desain seharusnya tidak membingungkan pengguna bahwa mereka berada di situs yang berbeda.

Singkatnya, halaman kesalahan 404 harus memiliki gaya font, kode warna, logo, navigasi, header & footer yang serupa.

C. Libatkan Kembali Dan Pengunjung yang Tidak Senang

Pertimbangkan pengguna mendarat di toko Anda mencari informasi tentang produk tertentu. Namun, setelah mengklik halaman web dari hasil mesin pencari, halaman tersebut tidak menemukan halaman yang dapat dijawab tetapi menampilkan halaman "halaman tidak ditemukan". Ini akan membuat pengguna merasa tidak enak.
Tetapi jika Anda memberikan tautan ke halaman situs Anda kepada pengguna, maka Anda dapat melibatkan kembali pengguna tersebut. Dengan cara ini, Anda menjaga perhatian mereka.

D. Tunjukkan Kepribadian Merek Anda

Anda tidak dapat menampilkan diri Anda sebagai perusahaan. Merek Anda harus memberikan sentuhan manusiawi. Dengan menunjukkan kepribadian Anda, Anda dapat terhubung lebih baik dengan audiens target Anda. Interaksi pengguna dengan situs web Anda harus membuat mereka merasa nyaman. Keputusan manusia dibuat dalam sepersekian detik.

Jadi, Anda harus menjadikan halaman kesalahan 404 sebagai media untuk mengekspresikan diri, membuat pengunjung Anda merasa nyaman, dan memperkuat hubungan Anda dengan audiens Anda. Akui frustrasi pelanggan Anda, terima bahwa ada yang tidak beres. Ini akan menciptakan interaksi pribadi.

e. Tingkatkan Tingkat Konversi

Dengan membuat halaman kesalahan 404, Anda menerima kesalahan Anda dan memastikan bahwa pengguna memiliki waktu yang menyenangkan di toko Anda.

Respons khusus dari halaman kesalahan 404 mungkin akan menghapus memori buruk dari tautan rusak situs web Anda dari otak pengguna. Dan itu meningkatkan kemungkinan bahwa mereka akan memberi Anda kesempatan kedua. Ini lebih seperti hipotesis.

Tetapi Anda secara praktis dapat meningkatkan tingkat konversi Anda dengan menawarkan diskon pada halaman 404 Anda. Ya, gunakan halaman kesalahan khusus untuk mengonversi. Kode status HTTP dengan cara ini mengambil kesalahan untuk penghasilan.

1. Navigasi

Kebutuhan pertama pengguna yang mendarat di halaman kesalahan 404 adalah navigasi. Anda harus mengarahkan pengguna ke halaman yang ingin mereka tuju. Tautan ke beranda atau halaman lain yang relevan berfungsi paling baik. Anda menyediakan navigasi bilah menu (yang juga ada di halaman situs web lain) juga bagus. Jika memungkinkan, Anda juga dapat menggunakan chatbot untuk mengundang pengunjung yang hilang.

2. Nada

Seperti yang kami sebutkan di atas, halaman kesalahan 404 juga harus mencerminkan kepribadian merek Anda. Anda tidak ingin pengguna yang telah mendarat di halaman 404 Anda merasa bahwa mereka telah mendarat di situs web yang sama sekali berbeda. Tema dan gaya harus konsisten.

3. SEO

Kita semua tahu bahwa 404 halaman kesalahan tidak bisa dihindari. Tautan rusak mengarah ke 404 halaman, dan itu tidak dapat dihindari. Tetapi halaman 404, jika disesuaikan dengan tepat, dapat mengurangi kerusakan dan bahkan mengubah pengalaman negatif menjadi pengalaman positif.

4. Kreativitas

Halaman 404 memberi Anda kesempatan terbaik untuk memamerkan keterampilan kreatif Anda. Anda dapat membuat lelucon, menawarkan interaktivitas, dan menampilkan beberapa elemen yang berinteraksi, santai, atau menyenangkan.

1. Amazon

Anda akan terkejut mengetahui bahwa lebih dari 7.000 anjing telah terdaftar secara legal untuk bekerja di kantor pusat Amazon. Sifat ramah hewan peliharaan Amazon adalah viral, dan perusahaan bahkan dengan bangga membagikan budaya ramah anjingnya. Itu juga dipamerkan dari halaman kesalahan 404-nya.

Meskipun semua orang mengagumi anjing dan menganggap mereka cantik, Amazon membawanya ke tingkat berikutnya dengan menunjukkan gambar anjing Amazon yang mereka bawa ke tempat kerja. Juga, di halaman 404, ada tautan ke rumah dan artikel tentang anjing lain yang mereka miliki. Pengguna yang mendarat di halaman kesalahan 404 Amazon juga dapat menggunakan bilah pencarian untuk menjelajahi produk yang diinginkan.

2. Gerakan Karakter eBay

eBayeBaysignificantsangat populer dan di antara toko e-niaga tertua di seluruh dunia. Perusahaan telah mengadopsi desain yang mudah dan halus untuk halaman kesalahan 404, tetapi tetap ramah pengguna. Pengguna dapat mengetahui penawaran yang sedang tren di halaman, yang akan menarik mereka untuk melangkah lebih jauh di situs dan membeli produk. Selain itu, ada bilah pencarian dan tautan ke beranda.
Anda dapat merujuk ke halaman eBay 404 karena sangat mengonversi dan contoh yang bagus.

3. IKEA

Sebuah merek furnitur trendi dengan toko furnitur besar secara global, IKEA menawarkan berbagai macam produk furnitur. Perusahaan ini sangat inovatif dalam memberikan pengalaman berbelanja yang lebih baik di aplikasi seluler, situs web, atau bahkan melalui 404 halaman.
Mereka telah menunjukkan tingkat kreativitas yang luar biasa di halaman kesalahan 404. Elemen-elemen yang digunakan menekankan pekerjaan dan merek perusahaan. Itu telah dipasangkan dengan pesan langsung dan tautan ke beranda. Tidak ada elemen lain di halaman untuk menghindari gangguan apa pun, dan fokusnya jelas – untuk mengarahkan pelanggan yang hilang ke beranda situs web.

4. Myntra

Myntra adalah nama umum di industri e-niaga mode India. Di situs e-niaga mode ini, orang dapat menemukan berbagai macam pakaian yang dapat dikenakan untuk dikenakan untuk setiap kelompok usia dan jenis kelamin. Halaman 404 toko juga indah. Mereka menunjukkan kepada pengguna gagasan tentang navigasi yang hilang, dan pada saat yang sama, ada bilah pencarian tempat pengguna dapat mencari produk, kategori, dan banyak lagi.
Halaman 404 Myntra memiliki semua yang mungkin dibutuhkan pelanggan, seperti daftar keinginan, tautan halaman keranjang, tautan profil, dan kotak pencarian.

5. Github

Github telah menggunakan referensi humor dan budaya pop pada halaman kesalahan 404 dan menyampaikan pesan lucu yang meredakan kecanggungan saat mendarat di halaman kesalahan. Ada opsi navigasi sederhana untuk tidak membuat kebingungan. Ada bilah pencarian dan tautan ke dukungan, dan halaman status.

Namun, coup de grace adalah efek paralaks halus yang membuat gambar bereaksi main-main dengan kursor pengguna. Animasi ini menunjukkan bahwa desainer GitHub sangat tertarik dengan penonton.

6. BigCommerce

BigCommerce adalah platform pengembangan e-niaga dengan peringkat teratas. Ribuan toko e-niaga telah dibangun di platform ini. Pada halaman 404-nya, pengguna dapat dengan mudah memahami bahwa mereka telah tersesat di dunia maya. Terlepas dari beranda, mereka telah membuat daftar tertentu di mana mereka ingin mendaratkan pengguna.

Ada juga fungsi memesan demo atau menghubungi mereka dari halaman kesalahan 404.

7. Ruang kepala

Dalam layanan meditasi online, Headspace telah mendapatkan reputasi yang cukup besar. Tim mereka memahami cara kerja otak manusia, dan dengan demikian, halaman kesalahan 404 hanya menunjukkan tujuannya. Ini berfokus pada produk dan menunjukkan apa yang dapat dilakukannya, yaitu, untuk menenangkan pengguna dari stres. Gerakan karakter yang lambat dan berirama yang dapat dilihat pengunjung yang hilang selama beberapa waktu dan mendapatkan ruang kepala. Ini memberitahu pengguna untuk menjadi bebas stres dan bernapas masuk dan keluar.

8. Volusi

Volusion adalah perangkat lunak e-niaga berbasis cloud tempat toko e-niaga dapat dikembangkan. Pedagang dapat menambahkan produk, membuat kategori, menambahkan detail pembayaran, dan mulai menjual. Ada bola berwarna-warni di halaman kesalahan 404 yang sangat menarik bagi pengguna.
Untuk mendemonstrasikan mereknya, para desainer telah menggunakan kombinasi warna pada bola logo Volusion, dan halaman rapi setelah bola jatuh menunjukkan tautan beranda.

9. Ruang persegi

Pembuat situs web terkenal, Squarespace memungkinkan pedagang untuk membangun dan meng-host situs web. Pengguna dapat menggunakan template pre-build dengan fungsionalitas drag-and-drop untuk membuat CMS & halaman web. Pada halaman error 404, terdapat game alfabet yang bisa dinikmati pengguna. Pengguna dapat memindahkan abjad menggunakan kursor. Jika pengguna tidak ingin memainkan game, mereka cukup mengarahkan ulang ke tautan yang disediakan.

10. Le SINGE

Last but not least, Le SINGE hadir dengan konsep fantastis dari 404 halaman. Ini segera menjual mereka untuk apa yang mereka lakukan. 404 digambarkan dengan kegelapan, dan saat kursor pengguna bergerak, sorotan dilemparkan ke bagian layar itu.
Pengguna dapat menggunakan tautan langsung atau dapat memulai obrolan dengan tim dukungan.