Cara Membuat Redirect Otomatis ketika 404 Page Not Found

Kali ini, izinkan saya berbagi tutorial bagaimana caranya membuat, memasang, atau menambahkan Redirect 404 Page Not Found di web blogger dengan mudah.

Yang dimaksud Redirect ketika 404 Page not Found adalah pengalihan dari halaman yang rusak (error) ke halaman yang masih aktif atau bagus. Contohnya, klik: https://www.ariefghozaly.web.id/pengalihan, maka, halaman yang muncul:

Hasilnya, tampilan blog menjadi jelek. Jadi, untuk mengakalinya, sobat bisa mengalihkan halaman yang telah rusak kembali ke Homepage. Lagi pula, saya pernah baca kalau 404 Page Not Found tidak bagus buat SEO blog.

Cara Memasang Redirect Otomatis ketika 404 Page Not Found

Simpan kode di bawah ini, di atas kode </body>

<!--Redirect ketika 404 page not found -->
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
      <b:else/>
   <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
 <script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/&quot;
}, 1);
 </script>
   <b:else/>
      <title><data:blog.pageName/></title>
    </b:if>
  </b:if>
<!--Redirect ketika 404 page not found -->

Klik menu Simpan. OK selesai.

Setelah itu, HAPUS kode kode 404 Page Not Found yang masih ada di dalam template blogger. Di sini, sobat harus mencarinya sendiri. Kurang lebih, kodenya seperti di bawah ini:

<div id='error-page'>
  <div id='error-inner'>
    <div class='box-404'>404</div>
      <h1>Halaman tidak ditemukan</h1>
   <p>Kemungkinan halaman yang ingin dibaca telah dihapus; atau Anda salah menulis URL.</p>
  <p>Hubungi pihak admin apabila ada suatu hal yang ingin dibahas. Silahkan kembali ke halaman utama: <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
<p>Silahkan gunakan kolom pencarian dibawah ini untuk menelusuri artikel lainnya.</p>
   <p>Terima kasih, Admin dari <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
   <div id='search-box'>
<form action='/search' id='cse-search-box' method='get'>
  <input id='search-text' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Cari di sini ...'/>
   <button id='search-button' type='submit'/>
      </form>
    </div>
  </div>
</div>

Hapus kode di atas, termasuk kode CSS yang ada di dalam template blogger.

Begitulah tutorial bagaimana caranya membuat, memasang, atau menambahkan Redirect 404 Page Not Found di web blogger dengan mudah.