Image taken from Coding Horror
Sebagian pengguna internet paham apa itu 404 — Page Not Found. Sebagian besar lainnya mungkin tidak paham mengenai pesan standar 404 ketika membuka sebuah dead link. Anggaplah mereka yang tidak paham adalah pengunjung yang baru pertama kali mampir di website/blog kita, langsung dihadapkan pada pesan default 404 yang membingungkan. Maka apa yang terjadi? Dari survei yang saya dapat dari 404 Research Lab, sebagian besar dari mereka yang menjumpai 404 tidak akan berupaya menemukan halaman yang dicari dan akan langsung menutup halaman error 404 tersebut. Hmm, sebuah first impression yang buruk bukan?
Maka halaman 404 yang baik adalah halaman yang dibuat se-user-friendly mungkin, menarik, membantu, yang tidak membingungkan pengunjung. Hal ini penting, karena bisa jadi pengunjung mengenal website kita bukan dari homepage melainkan malah dari halaman 404, karena beberapa alasan: salah mengetikkan URL atau mengklik broken link dari website lain. Tujuan utama dari 404 yang user-friendly ini adalah bagaimana membuat pengunjung tidak segera menekan tombol back atau meninggalkan website kita.
Kita dapat mendisain sendiri halaman 404 kita, berdasarkan beberapa masukan berikut yang paling banyak disarankan oleh para webmaster.
1 – Tambahkan logo atau gambar di halaman 404
Tambahkan sebuah gambar yang menarik sebagai ilustrasi error, yang bisa menjelaskan kepada visitor bahwa halaman yang mereka cari tidak ditemukan. Logo website yang familiar juga membantu pengunjung, apalagi dipadukan dengan struktur halaman seperti halaman lain dari website tersebut. Jangan sampai pengunjung mendapatkan halaman 404 yang tampilannya beda jauh dengan halaman websitenya. Contoh yang cukup familiar adalah seperti milik Yahoo!
2 – Berikan beberapa daftar link alternatif
Tawarkan kemudahan bernavigasi kepada pengunjung apabila mereka menjumpai 404, seperti sitemap, daftar artikel terbaru dan artikel terpopuler, daftar kategori artikel, dan daftar arsip (sangat mudah diterapkan pada blog WordPress). Sebagai contoh, lihat halaman 404 blog ini.
3 – Tambahkan search box bila perlu
Selain daftar link alternatif, tambahkan juga sebuah kotak pencarian, yang kita tahu sangat berguna apabila pengunjung tetap tidak bisa menemukan apa yang mereka cari dari link-link alternatif yang kita tawarkan.
4 – Berikan informasi kontak
Berikan informasi kontak seperti alamat e-mail, untuk memudahkan user memberikan laporan error kepada webmaster.
5 – Berikan informasi singkat
Halaman 404 sebaiknya memuat beberapa kalimat singkat yang menginformasikan error kepada pengunjung. Bahasa yang dipakai tidak perlu terlalu teknis, tetapi buatlah semenarik mungkin dan bila perlu tambahkan sedikit humor. Beberapa contoh yang menarik yaitu AboveTopSecrets, CssLeak, Video Management System, Acron Creative.
Halaman 404 Unik dan Kreatif
Beberapa halaman 404 berikut ini merupakan favorit saya, dan mungkin bisa menjadi sedikit inspirasi buat kita.
1 – Web Design Greenville SC
Salah satu yang paling unik dan beda dibandingkan dengan yang lainnya, karena menggunakan teknik CSS untuk membuat peta navigasi tampak seperti flowchart!
2 – BlueDaniel
Sangat menarik karena menggunakan gambar dengan sedikit kata-kata, tapi bisa mewakili dengan jelas pesan error 404.
3 – Northern Tool & Equipment
3 – Busted Tees
Cukup menarik dan useful karena user dimanjakan dengan katalog produk pada halaman 404 mereka.
Bagaimana dengan halaman 404-mu? 
Kalau saya menggunakan 404 page yg dibuat oleh Google. Sudah ada search box-nya hanya saja seringkali hasil pencarian kurang relevan. Btw bagaimana cara membuat custom search engine?
Kalau saya menyisipkan kode php yang akan menampilkan seluruh arsip seluruh postingan, jadi pengunjung yang tersesat diharapkan dapat membuka halaman lain yang valid.
Dan sepertinya penambahan design grafis bagi pengunjung kurang penting mas, karena yang mereka harapkan adalah informasi, jadi sebisa mungkin berilah link informasi lain yang relevan.
Sekalian mau tanya nih mas. Penggunaan ajax sebenernya aman ga siy mas? Banyak yg bilang katanya di ajax ada celah yg bisa ditembus..
404 ku udah ganti, mas. Tapi bawaan themes. Cuma nambah koding2 dikit…
Eh, liat halaman 404-nya mas Ponari ah… eh, Fanarii…
wah,, info berharga banget mas
saia coba-coba akh, keep action mas
@infini3: apakah maksud anda Google custom search engine? Dokumentasinya sudah tersedia kan di halaman resmi CSE dan blog Google CSE
@rismaka: sayangnya saya belum tahu cara menampilkan link seluruh postingan dengan pagination, mungkin mas bisa membantu?
Tujuan custom 404 dibuat se-friendly mungkin, jadi bukan masalah pake design grafis apa nggak tapi yg penting informatif.
Anw, sejauh ini saya belum tahu keamanan ajax, trims buat infonya
Nice info mas, segera saya praktekkan
@fanari: Saya biasa pakai kode berikut setelah title 404
<?php wp_get_archives('type=postbypost'); ?>Mengenai pagination saya ga ngerti, tapi klo menggunakan itu semua daftar isi postingan muncul semuanya. Jadi klo postingannya udah ribuan mending ga usah pake
Kode di atas ditulis ulang aja, saya ga tau komentar di blog ini sudah dilepas belum filternya..
setelah saya cek, ternyata halaman 404 yang mengandung flowchart dari web design greenville itu menggunakan image bro.
anyway, benarkah ajax tidak aman?
@thegands: hehe makasi koreksinya mas, screenshot itu aku ambil dari web lain. saya kira teksnya pakai css ternyata itu gambar semua
soal keamanan ajax saya belum tahu-menahu mas, bukankah mas harusnya lebih tahu daripada saya? :p
cara nambahin logo di halaman 404 gimana ya mas?superdupernewbie nih mas
Nice info bos ….
Hhe, nice info mas,
akan saya coba bereksperimen
setelah saya cek dan ricek lagi, AJAX memang memiliki vulnerability yang bisa digunakan untuk proses hack baik menggunakan XSS atau teknik lain.
ow….begitu yach mas fanari..
wah boleh juga nich….
coba praktek dl ah…
ajari chong…..
[imajinasi mode on]
bahasa pemrograman
bikin tutorial cara bikinnya dunk bro.. maua tak sisipin gambar nie… btw nek dikasi link iklan adsense bisa ndak yah, biar pengunjung yg tersesat dihalaman tadi jadi makin “tersesat”
@badoer: sebenarnya bisa aja mas, tapi keliatan aneh kalau halaman error disisipi iklan?
alaman 404 bisa dimodifikasi dari halaman arsip, kode lengkap ada di WP Codex
Trims infonya..Akan saya coba..
Mas..Kapan2 tak ajak ngenet bareng ya..Aku mau tanya banyak..
@MNXZone: hehehe mau ngenet dimana nih??
Menarik banget solusinya. Sayang saya pake Blogger, jadi gak bisa ikutan praktek nih.
Yupss, lumayan tuh error 404 di modify, saya dulu pernah mencobanya. Bagusan di redirect ke halaman lain lagi ya mas
Sangat kreatif. Kalau bisa semua error yang lain seperti 403, 500 dll
Mas, ada gak contoh-contoh template halaman error untuk joomla?
saya tak redirect dihalaman yang baru saya optimalisasi SEO
template saya kalo gak salah munculnya apa ya…?
weleh cuma error 404…
ckckcck
punya saya redirect ke home tp lupa gmana caranya hehe…
cara melacak url not found gimana ni..??
@andi: bisa menggunakan Google Webmaster Tools
modifikasi 404 emang lebih menguntungkan, ketimbang pengunjung kabur gak karuan ke negeri entah berantah, mendingan kita giring ke alamat popular post kita..
itu mah contoh bukan cara membuat goblog