Cara Membuat Halaman 404 Kustom Di WordPress

Tidak ada keraguan bahwa sebagian besar pengguna Internet merasa terganggu dengan pesan kesalahan <i>404 Page Not Found yang sangat familiar. Kemungkinan Anda telah dibombardir oleh pesan menjengkelkan ini setidaknya sekali dalam bulan ini ketika Anda mengeklik tautan 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 tentu tidak ingin pengunjung situs Anda juga melihatnya. Jadi mengapa tidak mengurangi iritasi melalui pesan khusus?

Dalam tutorial ini, saya akan memandu Anda melalui langkah-langkah membuat pesan <i>Halaman Tidak Ditemukan khusus sehingga pengunjung situs web Anda tidak terlalu jengkel ketika mereka menemukan halaman kosong. Namun pertama-tama, mari kita pahami lebih baik mengapa Anda gagal saat mencoba mengakses halaman web.

Bagaimana dan Mengapa Terjadi Kesalahan <i>404 Halaman Tidak Ditemukan

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

Misalnya, jika halaman web yang terhubung dengan tautan telah dihapus, Kesalahan 404 akan ditampilkan. Skenario umum yang menyebabkan hal ini adalah ketika halaman usang yang berisi konten populer dihapus namun memiliki banyak link yang mengarah ke halaman tersebut dari situs lain. Situs web berita besar kemungkinan besar menjadi penyebabnya jika administrator situs tidak mengambil langkah pencegahan untuk mencegah hilangnya link halaman.

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

Intinya adalah tautan rusak adalah hal biasa di web. Pemilik atau administrator situs web harus membuat pengalaman yang lebih dapat diterima oleh pengguna. Ingat, pengguna internet umumnya tidak sabar saat mencari informasi di sebuah website. Seorang pengguna tidak akan membuang waktu untuk mencari situs web lain untuk mendapatkan apa yang mereka inginkan jika yang mereka temukan di situs Anda hanyalah Kesalahan 404 yang menjengkelkan.

Pesan Kesalahan Ramah Pengguna

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

Meskipun pesan kesalahan default ini bersifat sopan, pesan ini cukup jelas dan biasanya tidak disukai oleh sebagian besar pengunjung situs web. Itu sebabnya webmaster yang serius menyesuaikan pesan ini sehingga pengunjung yang mengklik kosong dapat melihat halaman Kesalahan 404 yang lebih ramah pengguna (dan tidak terlalu mengganggu).

Semua tema default yang dikirimkan bersama WordPress memiliki templat halaman Kesalahan 404 dasar bernama <i>404.php. Tentu saja, template default ini berfungsi dengan sempurna tetapi kemungkinan besar template tersebut tidak menyampaikan apa yang ingin Anda katakan kepada pengunjung Anda. Untungnya, menyesuaikan pesan di template sangatlah mudah. Cukup buka templat halaman di editor kode dan ubah teks pesan sesuai keinginan Anda. Simpan perubahan setelahnya.

Struktur template halaman kesalahan default yang dikirimkan dengan tema Dua Puluh Tiga Belas terdiri dari tag untuk menampilkan header, footer, dan kotak pencarian. Beginilah cara kerjanya (cukup ketikkan alamat halaman palsu di bilah alamat browser):

Jika Anda memeriksa kode templat halaman 404, Anda akan melihat judul halaman <i>Tidak Ditemukan di dalam tag judul <h1>, bersama dengan fungsi <i>_e yang sebenarnya menampilkan hasilnya pada halaman<i>. 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 tag <h2> dan <p> di bawahnya. Perhatikan bahwa Anda boleh atau tidak mengubah judul <i>Tidak Ditemukan, namun secara umum sebaiknya menempatkan judul khusus yang tidak mengganggu pengunjung Anda, bersama dengan teks khusus di paragraf.

Anda mungkin juga memperhatikan bahwa judul tersebut muncul di dalam angka <i>404 yang besar pada halaman. Saat Anda melakukan pemeriksaan halaman pada halaman kesalahan Anda menggunakan Firebug, Anda akan melihat bahwa <i>404 yang sangat besar disisipkan oleh elemen semu (<i>.error404 .page-title:before ). Jadi buka template <i>404.php dan ganti teks default di tag <h1>, <h2>, dan <p> dengan apa yang ingin Anda sampaikan kepada pengunjung Anda. Juga, edit elemen semu yang disebutkan di atas sesuai keinginan Anda atau hapus (beri komentar di style sheet). Saya telah mengubah milik saya menjadi ini:

Meskipun Anda dapat mengatakan apa pun yang Anda inginkan langsung kepada pengunjung Anda di sini, sebaiknya tetap singkat dan manis. Selain itu, cobalah untuk mengatakan atau mengarahkan pengunjung pada apa yang mungkin mereka cari sejak awal. Dan hanya itu saja yang perlu Anda lakukan untuk membuat Halaman 404 Anda lebih ramah pengguna. Periksa halaman, lalu ubah gaya sesuai keinginan Anda.

Selain itu, bergantung pada tema WordPress yang Anda gunakan, pengembang mungkin telah menyertakan dukungan halaman 404 khusus. Dalam tema Total WordPress kami, kami membuat opsi tema halaman 404 khusus yang memudahkan untuk menambahkan pengalihan 404 khusus, atau judul dan konten halaman khusus langsung dari dasbor WordPress.

Tangkapan layar editor halaman 404 khusus di Total

File <i>.htaccess adalah Tempat Terjadinya Keajaiban

Setelah 404.php Anda dikustomisasi, yang tersisa hanyalah WordPress menampilkannya ketika situasinya tepat—ketika 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 file <i>.htcaccess masuk.

File <i>.htcaccess terletak di folder root instalasi WordPress Anda. Untuk kasus WordPress, ini dihasilkan secara otomatis ketika Anda mengubah struktur tautan permanen dari default. Yang perlu Anda lakukan untuk memastikan bahwa server menemukan halaman 404 khusus Anda adalah menambahkan satu baris ke file seperti ini:

ErrorDocument 404 /index.php?error=404

Seperti yang Anda lihat, url ini dimulai dari root (/), artinya untuk menggunakan format url ini, instalasi WordPress Anda harus berada di root server Anda. Jika tidak, jika WordPress diinstal di subdirektori, jalur pengalihannya harus:

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

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

Membungkus

Dengan membaca tutorial singkat ini, semoga Anda sekarang dapat membuat halaman 404 khusus lengkap dengan pesan khusus yang mudah digunakan. Anda juga dapat mengonfigurasi file <i>.htcaccess untuk memastikan bahwa pengunjung situs web Anda selalu diarahkan ke halaman 404 yang tepat oleh server dalam situasi ketika WordPress tidak dapat melakukannya 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 berapa kali pengunjung membuka halaman 404 juga merupakan ide yang bagus.

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