Cara Mengalihkan Halaman 404 ke Halaman Tertentu

Cara Mengalihkan Halaman 404 ke Halaman Tertentu

Cara mengalihkan (Redirect) halaman error 404 not found menuju halaman tertentu secara otomatis dengan javascript.
Cara Mengalihkan Halaman 404 ke Halaman Tertentu

Halaman 404 atau error memang seperti mistis ya bagi para pemilik Blog/Website. Karena sebisa mungkin tidak ada satu link pun yang mengarah ke halaman tersebut.

Kenapa demikian? Halaman error 404 memang sebaiknya segera diatasi agar tidak semakin berdampak buruk bagi perkembangan suatu web/situs blog. Selain jelek di mata mesin pencari seperti google, bing, dsb, halaman error juga tidak disukai oleh visitor (pengunjung) karena seakan menipu mereka dengan halaman kosong yang tidak ada isinya.

Penyebab munculnya error 404

Munculnya halaman error 404 not found bisa terjadi karena kesalahan disengaja atau bisa juga tidak disengaja, bisa karena kesalahan sendiri atau pun bisa juga karena apa yang dilakukan orang lain. Saya harap Kalian sudah paham tentang ini. Oleh karenanya, sebagai pengelola blog kita memang harus senantiasa memantau kesehatan blog kita.

Berikut ini penyebab umum munculnya error 404. diantaranya :

1. Salah memasukkan URL

Penyebab Error 404 yang pertama cukup sederhana, yaitu kesalahan ketik ketika menulis URL. Misalnya, Kalian seharusnya menulis www.kuymase.com/p/sitemap.html untuk mengakses website resmi Niagahoster. Namun, Kalian malah menuliskan www.kuymase.com/p/saitmap.html.

2. Caching error

Masalah pada caching juga bisa menyebabkan error ini muncul. Jika browser yang Kalian gunakan tidak bisa menemukan file cache website, muncullah Error 404.

3. Pengaturan DNS bermasalah

Faktor lain yang bisa menyebabkan munculnya Error 404 adalah masalah pada domain Kalian yang belum dipropagasi ke Domain Name System (DNS) yang digunakan. Alhasil muncul tersebut ketika Kalian mengakses website.

4. Plugin atau tema bermasalah

Plugin atau tema yang bermasalah bisa menyebabkan munculnya Error 404. Pada beberapa kasus, plugin atau tema bermasalah mempengaruhi link URL website Kalian. Jika hal tersebut terjadi, kemungkinan error ini bisa muncul.

Menyiasati Halaman error 404

Ada beberapa hal yang bisa kita lakukan untuk mensiasati hal diatas, seperti yang saya terapkan juga pada blog ini. Yaitu membuat tampilan halaman 404 Not Found menjadi unik dan enak dilihat, hal ini guna merubah mood pengunjung yang seharusnya tidak suka dengan kemunculan halaman ini menjadi sebaliknya.

Atau Kalian bisa mengalihkan halaman tersebut menuju halaman tertentu, yang kemudian akan lebih menarik perhatian pengunjung untuk tetap bertahan pada Blog Kalian. Kedua cara diatas bisa Kalian aplikasikan secara bersamaan.

Cara Mengalihkan Halaman 404 secara otomatis

Dengan cara ini setiap pengujung yang mengakses Halaman 404 akan secara otomatis ter-Redirect menuju halaman tertentu yang sudah ditentukan dengan menggunakan javascript. Untuk caranya silahkan ikuti langkah berikut.

Step 1 : Silahkan masuk ke Dashboard Blogger Kalian. Kemudian pilih Tema lalu Edit HTML.

Step 2 : Paste kode dibawah ini diatas tag </body> atau &lt;/body&gt;.

<!--[ Redirect error 404 ]-->
    <b:if cond='data:view.isError'>
        <script>//<![CDATA[
      KYM_redirect=setTimeout(function() {
      location.pathname= '/';}, 2000);
        //]]></script>
    </b:if>

Perhatikan! bagian yang saya tandai.

  • / adalah sebuah url singkat yang mengarah ke Homepage. Kalian bisa menggantinya ke url tertentu.
  • 2000 adalah waktu jeda sebelum halaman dialihkan, kalian bisa mengganti sesuai keinginan.

Step 3 : Jika sudah, silahkan simpan dan lihat hasilnya.

Sekian cara singkat Cara Mengalihkan Halaman 404 ke Halaman Tertentu. Semoga bermanfaat bagi kita semua.

Baca Juga

Ad

hello world('print')

3 komentar

  1. Mas request tutorial dong mas, buat halaman maintenance dengan css di blog 🙏
    1. Diusahakan kak, ditunggu updatenya ya..
    2. https://www.kuymase.com/2022/07/membuat-halaman-maintenance-mode.html
Tuliskan pertanyaan seputar topik artikel diatas! Atau pertanyaan out of topic di .
Use this tools to convert basic comment to html characters, then copy it to comment form


image quote pre code

Ad