Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Theme Development

Cara Membuat Halaman Kesalahan 404 Sederhana untuk Tema WordPress

by
Length:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Pengunjung bisa menemukan kesalahan 404 untuk sejumlah alasan. Sebagai pemilik situs web, Anda harus memastikan bahwa pengalaman pengguna dari situs web Anda tidak menyebabkan pengunjung merasa tersesat atau bingung ketika hal ini terjadi. Membuat halaman 404 kustom adalah mudah menggunakan template 404.php di tema WordPress Anda, dan itu bisa pergi jauh untuk membuat pengunjung tetap di situs web Anda, bahkan setelah mereka mengalami kesalahan 404.


Apa itu halaman 404?

A classic default 404 page

Menambahkan halaman 404 kustom untuk tema WordPress Anda adalah sederhana. Semua yang perlu Anda lakukan adalah memiliki sebuah file yang bernama '404.php' di direktori tema...

Halaman kesalahan 404 'Not Found' adalah halaman yang dihasilkan oleh server untuk menginformasikan bahwa konten yang Anda coba akses pada situs web tidak dapat ditemukan. Biasanya Anda akan mengalami kesalahan 404 ketika sesuatu telah dipindahkan atau dihapus, atau ketika Anda klik sebuah link/ketik alamat website dengan typo di dalamnya.

Saya menemukan halaman 404 pada semua waktu, biasanya karena saya banyak mengetik alamat web daripada menggunakan bookmark, dan saya memiliki jari-jari kaku. Ini sering akan menyebabkan saya untuk meminta www.google.com/mial, bukannya halaman GMail yang saya maksudkan. Sangat membuat frustasi! Beberapa tahun yang lalu halaman 404 tidak lebih dari halaman 404 server standar, tapi akhir-akhir ini pengembang dan desainer telah mengambil itu atas diri mereka sendiri untuk menciptakan halaman 404 yang lebih user-friendly, untuk membiarkan Anda tahu di mana Anda berada, mengapa Anda sampai di sana, dan di mana Anda bisa pergi sekarang.


Cara Menambahkan Halaman 404 Kustom untuk Tema Anda

Sekarang mari kita lihat bagaimana untuk benar-benar menambah halaman 404 yang disesuaikan dengan tema Anda. Menambahkan halaman 404 kustom adalah sederhana; Semua yang perlu Anda lakukan adalah memiliki sebuah file yang bernama '404.php' di direktori tema. Tentu saja, jika file '404.php' kosong, maka halaman '404 Not Found' yang akan ditampilkan kepada pengguna akan kosong.

Metode cepat membuat halaman 404 kustom adalah ikatan baik dengan tema Anda adalah untuk menyalin isi file 'page.php' dalam tema Anda ke file '404.php' baru Anda. Setelah Anda sudah melakukannya, hapus semua kode yang mengacu pada The Loop dan menggantinya dengan kode berikut:


Cara Membuat Halaman 404 Anda Hebat

Jika pengguna telah tiba di halaman 404 pada situs web Anda, apa yang benar-benar ingin Anda lakukan adalah membantu mereka mendapatkan konten yang mereka maksudkan untuk tiba di sana. Jika default halaman 404 server ditampilkan, kemungkinannya adalah pengguna akan menekan 'Kembali' dan menemukan konten yang sedang mereka cari di tempat lain.

Untuk membantu pengguna menemukan konten yang mereka cari, Anda harus menerapkan unsur-unsur berikut di laman 404 Anda. Hal-hal ini mungkin sudah menjadi bagian dari tema Anda, dan karena itu sudah ada pada halaman 404 Anda (jika Anda menyalin kode dari file 'page.php' Anda, misalnya), dalam hal ini Anda harus mengarahkan mereka kepada pengguna.

  1. Menampilkan pesan permintaan maaf yang menjelaskan bahwa konten yang diminta pengguna tidak ditemukan. Menyebutkan kode error "404" tidak benar-benar diperlukan, tetapi Anda dapat menaruhnya di sana jika anda suka.
  2. Menunjukkan pengguna memeriksa bar alamat mereka untuk memastikan tidak ada kesalahan ketik di alamat web.
  3. Menampilkan/menunjukkan sebuah kotak pencarian yang memungkinkan pengguna untuk mencari di situs web Anda untuk konten yang mereka cari.
  4. Menunjukkan artikel yang mungkin telah dicari pengguna berdasarkan halaman yang mereka minta/entri populer di situs web Anda.
  5. Memberikan pengguna daftar pilihan "apa yang dapat Anda lakukan sekarang", seperti pergi ke halaman home Anda atau browsing arsip Anda.
  6. Akhirnya, memungkinkan pengguna untuk melaporkan kesalahan kepada Anda dengan memasukkan link e-mail/form kontak/tombol Tweet sehingga Anda dapat memperbaiki kesalahan mana yang berlaku.

Dalam tema khayalan saya, saya akan menerapkan di atas sesuatu seperti ini:

Tutsplus 404 page

Elemen-Elemen Kunci

Jika Anda dapat menancapkan bagian "membantu" dari halaman 404, Anda dipersilakan untuk menambahkan humor dan desain tunjangan setelah faktanya... Hanya jangan meletakkan kereta di depan kuda.

Sekarang mari kita memecah elemen-elemen kunci yang kami gunakan:

  • Yang sangat mendasar: Kami menggunakan nama file 404.php, sehingga WordPress tahu untuk menggunakan ini sebagai template halaman kesalahan.
  • Judul halaman kami (dalam tag H1) dengan jelas menyatakan bahwa halaman tidak ditemukan.
  • Menawarkan teks penjelasan singkat dan menawarkan beberapa solusi alternatif (memeriksa URL).
  • Menyediakan bar pencarian (menggunakan fungsi form pencarian default WP)
  • Menyediakan sekurang-kurangnya, link ke arsip. Pengguna tingkat lanjut mungkin ingin menyertakan sebuah halaman, daftar kategori atau tag di sini di halaman ini juga.
  • Memberikan kontak bagi orang untuk melaporkan kesalahan.

Sementara itu seringkali sangat menggoda untuk meletakkan gambar & catatan lucu pada halaman 404 Anda, coba untuk membantu sebisa mungkin pertama kali, dan yang lucu kemudian. Walaupun ada seluruh situs yang didedikasikan untuk kegembiraan halaman 404 tertentu, pastikan pengunjung tetap dan kembali ke situs web Anda adalah prioritas pertama Anda (kecuali jika Anda berniat untuk ditampilkan pada salah satu situs web tersebut, dalam hal ini, pergi menggila!)


Pertimbangan Lainnya

Ketika pengguna tiba di halaman 404, dan itu bukan karena ada salah ketik di URL (sebagian besar pengguna tidak mengetik URL secara langsung), jadi kemungkinan baik bahwa Anda telah memindah sesuatu atau menghapus sesuatu.

Mengarahkan Konten Lama

Ketika memindahkan konten, Anda harus selalu mengarahkan URL lama ke URL baru, karena ini adalah cara yang sederhana dan efektif untuk memastikan bahwa semua pengunjung yang berniat untuk mampu mencapai konten tersebut. Mengarahkan adalah tugas yang cukup sederhana di WordPress ketika Anda menggunakan plugin populer, Redirection. Plugin ini juga memungkinkan Anda untuk memantau kesalahan 404 yang dihasilkan oleh server Anda, dan URL apa yang diminta ketika 404 dihasilkan. Ini memungkinkan Anda untuk mengarahkan ulang URL itu ke lokasi yang benar, sehingga meningkatkan pengalaman pengguna secara keseluruhan.

Langkah Tambahan

Seperti yang telah disebutkan di atas, halaman 404 yang benar-benar hebat bahkan tidak perlu terlihat seperti halaman 404... dengan memasukkan hal-hal seperti halaman penuh, daftar kategori dan tag, Anda tidak hanya membantu mengisi desain halaman, Anda dapat memberikan link langsung untuk pengguna agar mem-browse daripada mengharapkan mereka untuk menghabiskan waktu mencoba untuk mempersempit pencarian. Juga pertimbangkan memberikan daftar konten "populer"... kadang-kadang konten populer dapat lebih baik daripada konten yang relevan jika tujuan Anda adalah untuk menjaga pengunjung 404 di situs.

Jangan menghapus posting; Menghapus kontennya.

Akhirnya, ketika menghapus konten, pertimbangkan hanya menghapus konten tulisan/halaman, daripada seluruh posting/halaman, dan menginformasikan pengunjung Anda mengapa Anda telah menghapus konten. Anda bisa mengambil langkah lebih lanjut dan merekomendasikan sumber-sumber alternatif di mana pengguna dapat menemukan konten yang sama dengan konten Anda yang telah dihapus. Ini membantu mencegah "link-membusuk" di situs Anda sementara masih menghapus konten yang Anda ingin menghilang.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.