Cara Membuat Halaman 404 Kustom Di WordPress

Tidak ada keraguan sebagian besar pengguna internet ditunda oleh yang terlalu akrab 404 halaman tidak ditemukan pesan eror. Peluangnya adalah Anda telah dibombardir oleh pesan yang menjengkelkan ini setidaknya sekali dalam sebulan ini ketika Anda mengklik tautan yang rusak.


Kesalahan 404 adalah respons HTTP standar terhadap permintaan halaman web yang tidak dapat dipenuhi oleh server karena berbagai alasan. Secara default, pesan kesalahan ditampilkan sebagai teks biasa dengan latar belakang putih. Jika Anda membenci pesan murahan ini, Anda tidak ingin membuat pengunjung situs web Anda melihatnya juga. Jadi mengapa tidak membuatnya lebih menjengkelkan melalui pesan khusus?

Dalam tutorial ini, saya akan membawa Anda melalui langkah-langkah membuat kustom Halaman tidak ditemukan pesan sehingga pengunjung situs web Anda tidak terlalu kesal ketika mereka mencapai titik kosong. Namun, pertama-tama, mari kita memahami mengapa Anda mungkin gagal ketika mencoba mengakses halaman web.

Contents

Bagaimana dan mengapa 404 halaman tidak ditemukan Terjadi Kesalahan

Ketika Anda mengklik tautan dan mendapatkan Kesalahan 404, itu berarti permintaan halaman Anda ke server berhasil tetapi halaman tertentu yang Anda coba akses tidak ditemukan oleh server. Ada banyak penyebab untuk ini.

Misalnya, jika halaman web yang terhubung dengan tautan itu dihapus, 404 Kesalahan akan ditampilkan. Skenario khas yang mengarah ke ini adalah ketika halaman yang sudah usang yang berisi konten populer dihapus namun memiliki banyak tautan yang menunjuk ke sana dari situs web lain. Situs web berita besar kemungkinan merupakan penyebabnya jika administrator situs tidak mengambil langkah pencegahan untuk mencegah tautan halaman yang hilang.

Kesalahan Halaman 404 juga dapat terjadi jika halaman yang diminta dipindahkan ke nama domain baru. Jika masalah dengan server (server sedang down atau tidak dapat diakses karena beberapa alasan), Anda mungkin mendapatkan kesalahan DNS. Firewall, filter konten, dan bentuk lain dari pemblokiran konten dapat menyebabkan tautan rusak juga.

Intinya adalah tautan yang terputus adalah hal biasa di web. Terserah pemilik situs web atau administrator untuk membuat pengalaman lebih tertahankan bagi pengguna. Ingat, pengguna internet umumnya tidak sabar ketika mencari info di situs web. Seorang pengguna tidak akan membuang waktu dalam mencari situs web lain untuk mendapatkan apa yang mereka inginkan jika semua yang mereka temukan di situs Anda adalah kesalahan 404 yang menjengkelkan dan menjengkelkan..

Pesan Kesalahan yang Ramah Pengguna

Seperti yang telah saya sebutkan, sebagian besar server web diatur untuk mengembalikan halaman 404 Kesalahan dasar yang menampilkan permintaan maafSebuah deskripsi singkat mengapa Anda tidak dapat mengakses halaman yang diminta. Dalam beberapa kasus, Anda mungkin juga diberikan tautan ke email webmaster (jika Anda membutuhkan lebih banyak dukungan teknis) atau tautan ke mesin pencari untuk melanjutkan pencarian Anda..

Meskipun pesan kesalahan standar ini sopan, pesannya cukup sederhana dan biasanya mematikan sebagian besar pengunjung situs web. Itulah sebabnya webmaster yang serius menyesuaikan pesan ini sehingga pengunjung yang menabrak kosong dapat melihat halaman yang lebih ramah pengguna (dan tidak terlalu menjengkelkan) 404.

Semua tema default yang dikirim dengan WordPress memiliki templat laman Kesalahan 404 dasar bernama 404.php. Tentu saja, templat default ini berfungsi sempurna tetapi kemungkinan tidak mengatakan apa yang ingin Anda katakan kepada pengunjung Anda. Untungnya, menyesuaikan pesan di templat sangat mudah. Cukup buka templat halaman dalam editor kode dan ubah teks pesan menjadi milik Anda. Simpan perubahan setelah.

Struktur templat halaman kesalahan default dikirimkan bersama Dua puluh tiga belas tema terdiri dari tag untuk menampilkan header, footer, dan bilah pencarian. Seperti inilah tindakannya (ketikkan alamat halaman palsu di bilah alamat browser):

Dua Puluh Tiga Belas

Jika Anda memeriksa kode templat 404 halaman Anda, Anda akan melihat judul halaman tersebut Tidak ditemukan dalam

tag heading, bersama dengan a _e fungsi yang benar-benar menampilkan hasil di halaman. Inilah yang ingin Anda edit terlebih dahulu saat menyesuaikan halaman 404 Anda. Anda kemudian dapat melanjutkan dan menambahkan lebih banyak teks yang mudah digunakan di

dan

tag di bawahnya. Perhatikan bahwa Anda mungkin atau mungkin tidak mengubah Tidak ditemukan tajuk tetapi umumnya bagus untuk menempatkan tajuk khusus yang tidak mengganggu pengunjung Anda, bersama dengan teks khusus dalam paragraf.

Anda juga mungkin memperhatikan bahwa tajuk muncul di dalam besar 404 nomor pada halaman. Ketika Anda melakukan pemeriksaan halaman dari halaman kesalahan Anda menggunakan Firebug, Anda akan melihat bahwa besar 404 dimasukkan oleh elemen pseudo (.error404 .page-title: sebelumnya). Jadi buka 404.php templat dan ganti teks default di

,

, dan

tag ke apa yang ingin Anda beri tahu pengunjung Anda. Juga, edit elemen pseudo tersebut sesuai dengan keinginan Anda atau hapus (komentar di lembar gaya). Saya telah mengubah milik saya menjadi ini:

Dua Puluh Tiga Belas Disesuaikan

Meskipun Anda dapat mengatakan apa pun yang Anda inginkan secara langsung kepada pengunjung Anda di sini, selalu baik untuk tetap singkat dan manis. Juga, cobalah untuk mengatakan atau mengarahkan pengunjung ke apa yang mungkin mereka cari sejak awal. Dan itu cukup banyak yang perlu Anda lakukan untuk membuat 404 Halaman Anda lebih ramah pengguna. Periksa halaman dan kemudian ubah gaya sesuai keinginan Anda.

Selain itu, tergantung pada tema WordPress yang Anda gunakan pengembang mungkin menyertakan dukungan 404 halaman khusus. Dalam tema Total WordPress kami, kami membuat opsi tema 404 halaman kustom yang membuatnya mudah untuk menambahkan pengalihan 404 kustom, atau judul halaman kustom dan konten langsung dari dashboard WordPress.

Cuplikan layar editor 404 halaman kustom dalam Total

Total WordPRess Theme Kustom 404 Contoh Halaman

Itu .File htaccess Di sinilah Keajaiban Terjadi

Setelah 404.php Anda dikustomisasi, yang tersisa adalah WordPress untuk menampilkannya ketika situasinya tepat — ketika itu tidak dapat menemukan halaman tertentu. Ini adalah proses default. Namun, ada kalanya server web mungkin mengalami masalah sebelum WordPress menyadarinya, artinya pengunjung mungkin tidak dapat mengakses beberapa halaman. Dalam hal ini, Anda perlu memastikan bahwa server web dapat mengarahkan mereka ke halaman 404.php Anda dan di sinilah .htaccess file masuk.

Itu .htaccess file terletak di folder root instalasi WordPress Anda. Untuk WordPress, ini dibuat secara otomatis ketika Anda mengubah struktur permalink Anda dari default. Yang perlu Anda lakukan untuk memastikan bahwa server menemukan halaman 404 kustom Anda adalah menambahkan satu baris ke file seperti ini:

ErrorDocument 404 /index.php?error=404

Seperti yang Anda lihat, url ini dimulai pada root (/), yang berarti bahwa untuk menggunakan format url ini, instalasi WordPress Anda harus di root server Anda. Jika tidak, jika WordPress dipasang di sub-direktori, jalur pengalihan harus:

ErrorDocument 404 /yourfolder/index.php?error=404

Dengan cara ini, bahkan jika Anda mengubah tema Anda, index.php akan selalu memanggil file 404 yang tepat untuk tema baru Anda.

Membungkus

Dengan membaca tutorial singkat ini, Anda sekarang dapat dengan mudah membuat halaman 404 tersuai lengkap dengan pesan yang mudah digunakan khusus. Anda juga dapat mengkonfigurasi .htaccess file untuk memastikan bahwa pengunjung situs web Anda selalu diarahkan ke halaman 404 yang tepat oleh server dalam situasi ketika WordPress tidak dapat atau ketika Anda mengubah tema.

Jika Anda ingin menarik pengunjung setia yang akan selalu kembali ke situs web Anda, penting untuk menyesuaikan halaman 404 Anda dengan pesan yang tidak terlalu mengganggu. Dan tentu saja, mencoba membatasi jumlah pengunjung yang mendarat di halaman 404 adalah ide yang bagus juga.

Apakah Anda punya ide bagus untuk pesan 404 khusus? Apa yang saat ini Anda gunakan di halaman 404 Anda? Saya ingin mendengar gagasan Anda dalam komentar di bawah!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map