Cara Mudah Redirect Halaman Error 404 Ke Homepage Dengan JavaScript
Assalamualaikum Sahabat Blogger.
Cara Mudah Redirect Halaman Error 404 Ke Homepage Dengan JavaScript - Kemungkinan blog kita memiliki halaman error 404 atau halaman tidak ditemukan. Biasanya halaman telah dihapus atau karena sebab lain seperti kesalahan penulisan di postingan URL, dan lainnya. Biasanya blog atau web membuat halaman khusus untuk halaman error 404 dengan memberikan pernyataan bahwa halaman yang dituju telah dihapus atau sudah tidak tersedia lagi. Selebihnya diberikan tombol yang mengarahkan ke homepage atau disediakan kotak pencarian untuk mencari postingan yang diinginkan.

Baca Juga : Cara Membuat Widget Breaking News di Blogger

Sekarang kali ini MasPutro.com akan memberikan trik agar secara otomatis meredirect atau mengarahkan kembali halaman error 404 ke homepage sehingga pengunjung tidak perlu mengklik tombol ke homepage lagi. Sebenarnya, postingan seperti ini sudah banyak bertebaran di Google, akan tetapi ada beberapa yang masih sulit diterapkan karena script tidak dapat berfungsi di beberapa template, terutama template yang menggunakan tag kondisional untuk halaman error 404. Jadi jika anda ingin mencobanya, anda bisa langsung mengikuti langkah-langkah berikut ini.

Baca Juga : Cara Memasang Script Anti AdBlock di Blog 100% Ampuh

Cara Redirect Halaman Error 404 Ke Homepage

Untuk membuatnya secara otomatis meredirect atau mengalihkan halaman error 404 ke homepage, sebenarnya sangat mudah dilakukan hanya dengan mengcopy kode di bawah ini, kemudian meletakkan kode tersebut sebelum kode  </body> atau &lt;!--</body>--&gt;&lt;/body&gt;


1. Untuk Blog nonAMP

<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
  <script>
    setTimeout(function () {
      window.location.replace("<data:blog.homepageUrl/>");
    }
               , 8000);
    //will call the function after 8 seconds.
  </script>
</b:if>

Kode di atas secara otomatis akan mengarahkan halaman error 404 ke homepage setelah 8 detik, sehingga pengunjung masih dapat membaca pesan pada halaman error 404, anda dapat mengatur / mengganti nomor 8000 untuk mengatur waktu tunggu. 1 detik = 1000.

Jika anda ingin mengarahkan ulang, gunakan kode berikut.
<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
  <script>
    setTimeout(function () {
      window.location.replace("<data:blog.homepageUrl/>");
    }
              );
  </script>
</b:if>

Atau

<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
  <script>
    window.location.replace("<data:blog.homepageUrl/>");
  </script>
</b:if>

2. Untuk Blog AMP

Sedangkan untuk blog yang menggunakan mobile URL mobile ?M= 1 sebagai AMP, gunakan kode berikut yang hanya akan berlaku untuk URL desktop.
<b:if cond='data:blog.pageType in {&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot;'>
  <script>
    setTimeout(function () {
      window.location.replace("<data:blog.homepageUrl/>");
    }
               , 8000);
    //will call the function after 8 seconds.
  </script>
</b:if>

Atau

<b:if cond='data:blog.pageType in {&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot;'>
  <script>
    setTimeout(function () {
      window.location.replace("<data:blog.homepageUrl/>");
    }
              );
  </script>
</b:if>

3. Untuk Platform WordPreess

Script ini juga dapat digunakan pada platform WordPress, harap simpan kode di bawah ini pada bagian 404.php .
<script>
  setTimeout(function () {
    window.location.replace("<?php echo home_url('/'); ?>");
  }
             , 8000);
  //will call the function after 8 seconds.
</script>

Atau

<script>
  setTimeout(function () {
    window.location.replace("<?php echo home_url('/'); ?>");
  }
            );
</script>

Demikianlah tutorial yang dapat saya bagikan tentang Cara Mudah Redirect Halaman Error 404 Ke Homepage Dengan JavaScript. Semoga dengan tutorial singkat ini, dapat bermanfaat bagi kita semua. Semoga berhasil dan terimakasih Wassalamualaikum.

Penulis : MasPutro.com

Post a Comment

Lebih baru Lebih lama