Cara Meredirect 404 Not Found ke Halaman Daftar Isi di WordPress
Halaman 404 not found biasanya berupa halaman yang sudah kita hapus, namun masih terindeks oleh mesin pencari. Bisa pula terjadi akibat kita mengubah settingan permalink pada kategori maupun tags. Nah, itulah ketiga kondisi yang terjadi pada blog ini, sehingga menyebabkan banyak sekali halaman not found.
Ada sekitar 190 halaman ‘not found’ pada blog ini yang saya ketahui ketika membuka akun google webmaster tools (di sub menu crawl errors). Sebenarnya sudah saya hapus dengan trik menghapus halaman yang masih terindeks oleh google. Namun ternyata hal itu butuh waktu juga.
Nah, sambil menunggu semua halaman error tersebut benar-benar dihapus dari indeks mesin pencari, saya kira tidak ada salahnya dialihkan ke halaman lain saja. Salah satunya ke halaman daftar isi atau arsip. Bisa pula dialihkan ke halaman hasil pencarian. Atau kalau tidak mau, bisa juga ke halaman home (beranda/depan). Namun kalau lebih suka dibiarkan saja apa adanya, maka cukup dengan trik mengkustomisasi halaman 404 agar lebih bermanfaat.
Semua cara di atas punya kelebihan & kekurangan masing-masing. Jika Anda menganggap redirect (pengalihan) ke halaman hasil pencarian lebih baik, tak perlu mempraktekkan tips ini. Begitu pula jika Anda menilai lebih baik melakukan kustomisasi halaman 404 saja (misalnya dengan menambahkan kolom pencarian atau mengarahkan pengunjung agar mengklik menu daftar isi).
Cara redirect halaman 404 ke halaman daftar isi
Cara pertama, buka file 404.php pada folder/direktori theme yang Anda gunakan. Lalu hapus semua kode di dalamnya dan gantilah dengan kode pendek berikut ini.
<?php header( 'Location: url-halaman-daftar-isi-anda' ) ; ?>
Kode PHP di atas berfungsi untuk mengalihkan halaman 404 ke halaman daftar-isi. Jika saya ambil contoh untuk blog ini, maka kode redirect-nya menjadi:
<?php header( 'Location: http://kafegue.com/arsip-blog/' ) ; ?>
Dengan cara pertama ini pula, Anda bisa mengganti url tujuan pengalihan sesuai selera Anda. Misalnya jika ingin dialihkan menuju halaman home, maka Anda cukup mengganti url tujuan menjadi url halaman home situs/blog Anda.
Cara kedua, buka juga file 404.php pada folder/direktori theme yang Anda gunakan. Lalu cukup sisipkan kode HTML berikut ini di antara tag <head> dan </head>.
<meta http-equiv="refresh" content="0; url=url-tujuan" /></meta>
Posisinya terserah Anda. Yang penting berada di antara tag pembuka dan penutup head tersebut.
Kode HTML di atas fungsinya juga untuk mengalihkan halaman 404 not found ke halaman daftar isi/arsip. Namun bedanya, ia tidak langsung dialihkan, melainkan akan mendarat (landing) dahulu ke halaman 404. Baru sesaat kemudian, ia akan dialihkan ke halaman daftar isi.
Nah, Anda bisa memberi jeda waktu (delay) antara waktu landing di halaman 404 dan waktu pengalihan ke halaman daftar isi. Misalnya saya beri contoh pada blog ini. Saya sengaja memberi waktu 7 detik usai pengunjung mendarat sempurna (*kayak pesawat terbang*) ke halaman 404 sebelum benar-benar dialihkan menuju halaman arsip/daftar isi.
Kode yang saya gunakan untuk mengatur hal tersebut yaitu:
<meta http-equiv="refresh" content="7; url=http://kafegue.com/arsip-blog/" /></meta>
Nah, perhatikan kode yang saya tandai dengan warna kuning. Angka 7 menandakan bahwa proses pengalihan akan dilakukan dalam waktu 7 detik (usai pengunjung mendarat sempurna di halaman 404). Sedangkan url berupa http://kafegue.com/arsip-blog/ menandakan url tujuan pengalihan.
Intinya, Anda bisa ubah kedua jenis keterangan tersebut sesuai selera Anda (keterangan waktu dalam detik dan url tujuan pengalihan). Nah, Anda bisa cek pada beberapa link berikut ini untuk membuktikan hasil pengalihan dengan cara kedua ini. Silakan kopi, lalu pastekan ke ‘address-bar’ peramban Anda (di tab baru).
- http://kafegue.com/katok-kolor-ijo
- http://kafegue.com/kampret
- http://kafegue.com/gila-trafik
Pertanyaannya, mengapa saya menyetting waktu pengalihan selama 7 detik? Apa nggak kelamaan tuh? Hehehe. Selain angka 7 adalah angka kelahiran saya (angka keramat), waktu 7 detik juga waktu yang cukup untuk pengunjung menyelesaikan pembacaan keterangan yang sengaja saya buat agak panjang di halaman landing 404.
Lihat saja keterangannya pada gambar berikut.

Nah, cukup panjang bukan? Jadi, wajarlah jika saya menyetting waktu jeda/delay-nya selama 7 detik. Hal ini demi memberi kesempatan bagi pengunjung untuk menyimak dan memahami keterangan yang saya setting di halaman landing 404 tersebut.
Mungkin akan ada lagi yang bertanya, bagaimana cara membuat/mengubah keterangan pada halaman 404? Mudah saja. Anda tinggal ganti keterangannya di file 404.php. Lalu jika Anda paham CSS, Anda bisa percantik tampilan keterangannya (seperti yang saya buat pada gambar di atas).
Selamat mencoba dan mohon koreksi jika ada yang dianggap keliru dari penjelasan saya di atas.
Menu Lainnya »» Atas » Depan » Arsip » Profil » Kontak » Bawah
Tambah KafeGue di Facebook
Ikuti KafeGue di Twitter
Langganan KafeGue.com via Email
Langganan via RSS Reader
Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Menuju Posting Terbaru

Flock 2.6.1 | Windows XP
kalo untuk pencarian manual di wp dan juga menghasilkan not found, apakah kode diatas juga berlaku sob?
[Balas]
Firefox 8.0 | Windows 7
terima kasih gan akan saya coba tp masih bingung
[Balas]
Firefox 7.0.1 | Windows 7
Wah,, kayaknya saya lebih suka cara pertama, lebih mudah dipahami.. btw, thanks atas sharenya mas :)
[Balas]
Firefox 3.6.24 | Windows 7
salam bos, thxs atas infonya.
berhubung saya punya masalah yang sama sprti di post, saya pernah coba menggunakan code tsb, cuma ada masalah, jika script itu dipasang :
pertama harus di parse dulu ( template blogspot),
kedua jika blog di akses efeknya dia akan me reload berulang-ulang otomatis visitor ga sempat baca web sudah reload lagi.
=bagaimana solusinya?
dan menurut saya file notefound 404 yang ada tetap saja tidak bisa dibuka ke link baru. alias tetap not found file 404 meski sudah terpasang script diatas.
terimakasih
[Balas]
Firefox 8.0 | Windows 7
Menarik sekali gan artikelnya, dengan cara ini mungkin akan lebih berguna halaman not fount di blog kita :)
[Balas]
Firefox 8.0 | Windows XP
wahh nyoba ahh cz punyyaku dah hampir 100 =,=a
[Balas]
Firefox 3.6.8 | Windows XP
Makasih bro.. informasinya sngat membantu..
[Balas]
Firefox 6.0 | Windows XP
Oia klo kita kasih halaman 404 itu dengan recent post & random post apa masih error crawl google nya mas ?
[Balas]
Google Chrome 13.0.782.107 | GNU/Linux
Nurul Imam, kurang tahu juga ya mas. Dicoba saja dulu kali ya, biar nanti bisa tahu sendiri. Saya belum pernah nyobain sih.
[Balas]
Firefox 6.0 | Windows XP
iskandaria, Klo punya saya sih tetep buat halaman 404 terus redirect deh. Masalahe pengunjung kayaknya bingung juga klo langsung di redirect gitu. Selama saya pake AGC 404 itu error di google. Kemungkinan itu juga error mas.
[Balas]
Firefox 7.0 | GNU/Linux
Nurul Imam, saya juga tetap mempertahankan halaman 404 kok, cuma pas landingnya saya kasih keterangan bahwa akan dialihkan ke halaman daftar isi. Jadi, nggak langsung diredirect juga sih.
[Balas]
Opera 11.50 | Windows XP
kalo di blog saya halaman 404 ada keterangan not found lalu dibawahnya saya taruh script tuk menampilkan semua post..
[Balas]
Chromium 15.0.871.0 | Ubuntu 11.04
arif, begitu juga bagus dan cukup membantu mas.
[Balas]
Google Chrome 13.0.782.112 | Windows XP
Mas, Cara yg kedua itu maksudnya antara tag head dan /head itu gimana? maklum baru belajar WP :(
“Yang penting berada di antara tag pembuka dan penutup head”
apa setelah kode yg ini ?
get_header()
[Balas]
Chromium 15.0.860.0 | Ubuntu 11.04
Saveblogger, oh, saya lupa. Tag headnya ada di file header.php — Jadi kalau mau menggunakan cara kedua, mas harus menghapus kode
<? php get_header()?>yang ada di dalam file 404.phpNah, setelah kode tersebut dihapus, coba ganti dengan seluruh kode yang ada di dalam file header.php
Lalu setelah itu, mas bisa menemukan tag pembuka dan penutup
<head>[Balas]
Comodo Dragon 12.1.0.0 | Windows 7
hmmm… sepertinya tidak akan bisa diterapkan di wordpress gratisan yah mas?
[Balas]
Chromium 15.0.855.0 | Ubuntu 11.04
gadgetboi, yoi mas. Nggak tertarik nyoba wordpress self hosting?
[Balas]
Firefox 6.0 | Windows XP
mas is saya udah me-remove link xxhttp://bahasaislam.com/artikel-terpopuler-minggu-ini.html/feed via webmaster na google tapi setelah bebarapa hari ter-remove link tu muncul kembali menjadi 404 not found, kira2 kenapa ya mas?
link tu udah saya remove via wp-admin..tapi masih aja dianggap not found oleh google..
[Balas]
Chromium 15.0.855.0 | Ubuntu 11.04
ibnu ismadi, wah, kalau masalah itu saya kurang tahu juga mas. Saya aja masih menunggu semua link yang saya requets untuk diremove. Ternyata sampai hari ini masih belum diremove juga (masih dianggap not found). Mungkin banyak yang ngantri untuk diremove oleh google.
[Balas]
Google Chrome 13.0.782.112 | Windows XP
wah saya telat artikel ini.he…
tapi langsung saya praktek and aplikasikan di blog saya mas is.
saya pakai yang pertama dulu, belum nyoba yang kedua.he…
[Balas]
Firefox 6.0 | GNU/Linux
Adi Wibowo, prakteknya berhasil tuh mas. Sudah saya tes :)
[Balas]
Firefox 5.0 | Windows XP
Di kirain artikel ini di tahan agak lamaan gitu,,eh ada moto gp.
emm, sepertinya pake javascript bisa juga, yah tapi harus aktif di browser js nya. klo yg php ntu paling bagus.
Mungkin permasalahannya pengguna blogspot atau engine yang tak mempunyai directory sendiri,,hanya bisa edit script client saja.
kalo buat blogspot mungkin artikel yang 404 bisa di sisipkan javascript itu cara terbaik.
<script type=”text/javascript”>
<!–
window.location = “http://kafegue.com/”
//–>
</script>
Maka dari itu sebaiknya pengguna blogspot jangan cepat mengambil keputusan untuk menghapus artikel. Baiknya di draft saja. dan masukan script tersebut di bawah posting, walupun di publikasi dia akan redirect. Sebenarnya ada juga dengan js yang menggunakan waktu dan alert.
CMIIW
[Balas]
Opera 11.50 | GNU/Linux
Hendro Prayitno, betul sekali bang. Untuk blog yang bukan self hosting, menggunakan javascript memang pilihan terbaik, sebab ia hanya akan diproses di sisi klien. Nah, kalau yang pakai self host, pemrosesan di sisi server (pakai PHP) memang lebih disarankan. Oya, saya sebenernya jarang banget sengaja nahan artikel. Kalau agak lama jedanya, bisanya emang karena saya lagi blank atau lagi nyelesai-in postingan buat nanti (yang belum kelar)..heheheh
[Balas]
Firefox 5.0 | Windows 7
Weleh weleh baru ketemu di sini tipsnya. Masalah 404 ini jadi momok blog saya selama ini. Berguna banget gan tipsnya. Thanks ya. Boleh khan saya sadur artikelmu ini? Soalnya pasti berguna untuk rekan blogger kita di seluruh jagat internet?
[Balas]
Google Chrome 14.0.835.18 | Windows XP
Mukti Effendi, boleh kalau mau disadur, asalkan judul dan redaksi isinya diubah, biar nggak terkesan duplikat konten.
[Balas]
Opera Mini 4 | J2ME/MIDP Device
sip deh. pasti kalo blogger bs gt jd mantep deh.
[Balas]
Firefox 5.0 | Windows XP
Siiiiip, ilmu baru lagi neh. Soalnya di SGC pasti ada kasus not pound juga karena beberapa artikel dihapus dulu. Ntar kalo dah santai dicoba dah :)
[Balas]
Firefox 6.0 | Windows 7
terima kasih sobat akan saya coba
[Balas]
Opera Mini 4 | J2ME/MIDP Device
Kalo untuk engine blogger gimana ya gan?
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
Sandro, gak tau juga gan.
[Balas]
Google Chrome 14.0.794.0 | Windows XP
ada tidak mas yang buat blogspot tutorialnya ?
sekalian mampir gantian ya mas ke blog saya
[Balas]
Google Chrome 12.0.742.122 | Windows XP
Dari pertama kali buat wordpress kebetulan saya lebih suka cara yang kedua, alasan pertama : dg adanya semacam notifikasi/pemberitahuan bahwa apa yang dicari oleh pengguna tidak ditemukan. Lalu dari situ kita arahkan (buat keterangan baru) agar pengguna/pengunjung memanfaatkan kotak menelusuran. Bisa pula kita arahkan agar mengklik/membuka menu arsip/daftar isi. Cara ini menurut saya lebih etis dan lebih mendekati fungsi dan tujuan dibuatnya halaman 404 dari pada memaksa pengunjung langsung dialihkan ke halaman depan.
Alasan ke dua : dari sisi SEO menurut saya (CMIIW) akan lebih bagus menggunakan halaman 404 custom, salah satu caranya bisa dg pengalihan ini, karena jika terlalu banyak ditemukan halaman 404 dan kita biarkan apa adanya akan berpotensi menghasilkan halaman dengan kualitas konten yang rendah (menghasilkan halaman kosong), ini tentu akan dinilai kurang bagus di mata search engine terutama Google dg Pandanya yg sedang galak2nya …..
[Balas]
Google Chrome 12.0.742.122 | Windows XP
Alwi, Maaf ada yg kelupaan selain ke dua cara tersebut secara teknis bisa juga kaan pakai cara pengalihan melalui .htaccess dengan perintah :
ErrorDocument 404 /halamancustom.html
halamancustom.html bisa kita isi dg 10 artikel terbaru, atau daftar isi atau kotak pencarian dll. Tapi menurut saya tetap lebih baik pakai cara yg ke dua baik dari sisi etika maupun SEO (CMIIW)
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
Alwi, setuju sekali dengan tambahan dan komentar mas Alwi. Makasih banyak.
[Balas]
Firefox 5.0.1 | Windows 7 x64 Edition
Maaf mas, untuk cara kedua kayaknya tidak support untuk semua jenis browser yg ada, sebaiknya menggunakan cara yang pertama saja lebih baik.
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
Abriel, oh ya? Kalau saya boleh tahu, browser mana yang tidak support? Makasih atas informasinya.
[Balas]
Firefox 5.0.1 | Windows 7 x64 Edition
iskandaria, jenis browser yang tidak support menggunakan Meta Redirect / cara kedua saia tdk tau juga mas karena belum pernah mencobanya, tapi mas iskandar bisa baca di halaman ini sebagai referensi **ttp://www.webweaver.nu/html-tips/web-redirection.shtml
[Balas]
Google Chrome 11.0.672.2 | Windows XP
Klo saya lebih suka metode pertama mas is, dibangdingkan metode kedua, soalnya untuk meload halaman blog saja sudah berapa detik waktu yang dibutuhkan pengunjung untuk membuka loading page tersebut.
lain lagi ceritanya jika blog tersebut memang nyaman di load seperti blognya mas is.
terima kasih atas sharingnya di atas ^^
[Balas]
Google Chrome 13.0.782.112 | Windows XP
gag ada tag head –” gimana nih?
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
Jaka, pasti ada mas. Nggak mungkin kalau nggak ada. Dicari lagi ya :)
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
Jaka, oh. Mungkin tag headnya ada di file header.php. Kalau begitu, mas harus mengopi semua kode di file header.php tersebut, terutama sampai tag penutup head. Tapi kalau ragu, lebih baik pakai cara pertama saja.
[Balas]
Google Chrome 13.0.782.112 | Windows XP
iskandaria, cara pertama yang gimana mas?
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
jaka @psdesain.net, dibaca aja pada tulisan di atas mas :) Intinya dengan mengganti semua kode di file 404.php dengan kode pendek.
[Balas]
Google Chrome 13.0.782.112 | Windows XP
Mantep :)
Ijin buat di blog desain saya dulu..
[Balas]
Firefox 5.0 | GNU/Linux
Nah ini dia, saya sudah acap kali menghapus dari webmaster dan ternyata butuh waktu sangat lama. Daripada muncul 404 terus, mending dialihkan ke archive aja deh :)
[Balas]
Google Chrome 13.0.782.112 | Windows 7
terima kasih mas, tapi saya kalau di halaman 404 saya kasih link2 artikel saya.
mas posting dong bagaimana cara menutup akses ke wp-content/uploads ?
ubha permissionnya atau apa, mohon bantuannya :D
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
Guusn, coba cek nilai/angka file permission di direktori wp-content. Jika tertera 777, coba ubah menjadi 755. Kalau cara tersebut masih tidak berhasil menutup aksesnya, coba kunjungi httpxxx://m-alwi.com/cara-mendisable-akses-directory-wordpress.html
[Balas]
Firefox 3.6.18 | Windows 7
Manteb nih tipsnya mas… trik ini bisa menambah pageview ya mas bagi yang nyasar ke link rusak di blog kita…
Makasih mas…
[Balas]
Chromium 15.0.851.0 | Ubuntu 11.04
@dhanz_ztya, iya mas. Tapi tumben nih namanya diubah (nggak paka dHaNy lagi)..heheheh
[Balas]
Firefox 5.0 | Windows XP
kemarin saya udah mempraktekkan redirect not found yang diberi mas is, eh sekarang udah ada artikel lengkap na..
s7 angka 7 adalah angka yang unik..misal na, ada 7 lapis langit dan 7 lapis bumi..
mungkin ada yang mau nambahin !!!
[Balas]
Chromium 15.0.849.0 | Ubuntu 11.04
ibnu ismadi, 7 keajaiban dunia kali yach (tapi kabarnya sekarang udah bertambah tuh). Masih banyak lagi sih 7 lainnya.
[Balas]
Firefox 5.0 | Windows XP
wah, cuma buat WP kah?
hmm, apa blogspot bisa ya? hehehee
fungsi ini akan menuntun pengunjung ke daftar isi, sehingga ngga kabur meski ngga dapet apa yg dicari :D
[Balas]
Chromium 15.0.849.0 | Ubuntu 11.04
Ladida Cafe, kalau untuk blogspot jujur aja saya nggak tau mas. Udah lama nggak utak-atik blogspot soalnya :)
[Balas]
Firefox 3.6b2 | Windows 7
Ladida Cafe, samaaa.. saya juga nanya blogspot nihh..
[Balas]
Opera 11.50 | Windows 7
Mas Is, mengapa tidak memilih meletakkan borang penelusuran artikel dan mungkin daftar 10 artikel terbaru saja?
[Balas]
Chromium 15.0.849.0 | Ubuntu 11.04
Cahya, oh, maksudnya dengan cara kustomisasi halaman 404 (yang ditambah/disisipkan kotak penelusuran) atau dialihkan ke halaman beranda saja kan Mas? Setiap cara pasti punya alasan atau kelebihan tersendiri. Jika merasa cukup dengan kustomisasi halaman 404 (yang disisipkan kotak penelusuran), maka setidaknya harus ada semacam notifikasi/pemberitahuan bahwa apa yang dicari oleh pengguna tidak ditemukan. Lalu dari situ kita arahkan (buat keterangan baru) agar pengguna/pengunjung memanfaatkan kotak penelusuran. Bisa pula kita arahkan agar mengklik/membuka menu arsip.
Nah, kalau merasa pengalihan ke halaman beranda (yang berisi daftar 10 artikel terbaru), saya rasa berpotensi mempersulit pengguna menemukan topik yang mereka cari, soalnya belum tentu dari daftar 10 artikel terbaru tersebut mengandung topik yang mereka cari, walaupun mungkin tidak sama persis. Jadi menurut saya, lebih baik dialihkan ke halaman arsip saja atau cukup dengan kustomisasi halaman 404.
Oya, pengalihan ke halaman beranda mungkin akan bermanfaat untuk meningkatkan pageviews halaman tersebut :) (jika tujuannya hanya itu).
[Balas]
Firefox 3.6b2 | Windows 7
Ada tutorial untuk yang Blogspot gak -_-
ngarepp ada sihh, soalnya tulisan saya juga banyak yang ke apus karena salah judul dan udah terlanjur ke-index Google .. ^_^ kalau ada tolong di kasih tau yahh ~
[Balas]
Chromium 15.0.849.0 | Ubuntu 11.04
Achmad Zulfikar, sayangnya saya belum tau cara untuk blogspot mas. Mudah-mudahan nanti ada yang ngasih tau caranya jika memang ada.
[Balas]
Firefox 3.6b2 | Windows 7
iskandaria, ok.. tq yah mas :O ditunggu..
[Balas]
Firefox 3.6.18 | Windows 7
punyaku ribuan halaman not found, mo ngapus satu satu dari webmaster tool gempor nih jari, sementara ya sudah lah…..
[Balas]
Chromium 15.0.849.0 | Ubuntu 11.04
Sriyono Semarang, dicicil aja mas. Misalnya 100 per hari :)
[Balas]
Google Chrome 13.0.782.112 | Windows XP
Sriyono Semarang, kebas dong :D
[Balas]
Firefox 5.0 | Windows 7
mantep ilmunya Mas. Kebetulan halaman blog saya juga banyak yang lari ke 404, karena saya sempat mengganti permalink. Ntar saya praktekin deh.
[Balas]
Opera 11.50 | GNU/Linux
Rudy Azhar, wah, cepet banget udah dikomentarin. Padahal saya belum lama publish..hehehe. Silakan dicoba bang. Semoga berhasil. Ini sebenarnya buat dokumentasi pribadi aja sih bagi saya.
[Balas]