Tutorial/How-to

Cara Redirect Error 404 di Blogger ke Pencarian Artikel yang Relevan

ptru
Penulis: ptru
3 menit baca 16,900 Views
BAGIKAN:WhatsAppFacebookX
3 menit baca
16,900 Views

Cara Redirect Error 404 di Blogger ke Pencarian Artikel yang Relevan
Para pemula tentu pernah mengalami, atau sedang mengalami dimana terjadi error pada blognya, misal banyaknya halaman yang hilang hingga mengalami banyak postingan mengarah ke halaman error 404. Bagaimana cara mengatasi atau mensiasati hal ini? Tentunya banyak cara bisa dilakukan, misal dengan menggunakan fitur yang sudah tersedia di blogger/blogspot pada Setelan>Error dan pengalihan>404 khusus, dan teruntuk yang mau repot mengalihkan satu persatu bisa menggunakan yang Pengalihan khusus. Kemudian yang gak mau repot bisa coba gunakan script berikut yang tinggal letakan saja di Setelan>Error dan pengalihan>404 khusus:

Script pengalihan atau redirect halaman 404 ke pencarian artikel relevan

<script type="text/javascript">
  (function() {
    var keywords = window.location.pathname.split('/').filter(Boolean).join(' ');
    var redirectURL = keywords ? 'https://www.pointru.com/search?q=' + encodeURIComponent(keywords) : 'https://www.pointru.com/';
    
    if (document.title === "404 Not Found" || document.body.innerText.includes("404")) {
      window.location.href = redirectURL;
    }
  })();
</script>

Script ini akan bekerja secara otomatis, ketika halaman atau URL yang dicari sudah tidak ada pada blog dan mengarah ke halaman error 404 maka script ini akan bekerja mengalihkan halaman error 404 tersebut ke halaman pencarian postingan yang relevan, syaratnya tentunya postingan terkait atau yang relevan harus sudah ada dan di publish.

Penjelasan script

Script ini berfungsi untuk menangani halaman 404 Not Found secara otomatis dengan cara mengarahkan pengguna ke halaman pencarian di situs. Berikut penjelasan detailnya:

Tipe Script: <script type="text/javascript">

Menggunakan JavaScript untuk memanipulasi dan mengarahkan halaman.

Fungsi Anonim:

Script ini menggunakan Immediately Invoked Function Expression (IIFE), yang artinya fungsi akan dieksekusi langsung setelah script dijalankan.

Mengambil Kata Kunci dari URL:
var keywords = window.location.pathname.split('/').filter(Boolean).join(' ');

Script ini mengambil path dari URL (segmen setelah nama domain) dan memecahnya menjadi array berdasarkan /. Nilai-nilai yang kosong dihapus menggunakan .filter(Boolean), dan hasilnya dijadikan satu string dengan spasi sebagai pemisah.

Membangun URL Pengalihan:
var redirectURL = keywords ? 'https://www.pointru.com/search?q=' + encodeURIComponent(keywords) : 'https://www.pointru.com/';

Jika ada kata kunci yang dihasilkan, script membuat URL pencarian dengan menambahkan kata kunci tersebut ke URL pencarian pointru.com (menggunakan metode encodeURIComponent untuk memastikan kata kunci diubah ke format URL yang valid). Jika tidak ada kata kunci, pengguna akan diarahkan ke halaman utama pointru.com.

Mengecek Apakah Halaman 404:
if (document.title === "404 Not Found" || document.body.innerText.includes("404"))

Script memeriksa apakah halaman saat ini adalah halaman 404, dengan dua cara:

  • Memeriksa judul halaman apakah berisi “404 Not Found”.
  • Memeriksa teks dalam elemen <body> apakah mengandung “404”.
Pengalihan ke URL Baru:
window.location.href = redirectURL;

Jika halaman terdeteksi sebagai halaman 404, pengguna akan langsung diarahkan ke URL baru yang telah dibuat sebelumnya.

Simpulan

Script ini secara otomatis mengarahkan pengguna dari halaman 404 ke halaman pencarian dari blog, dengan menggunakan kata kunci dari URL yang pengunjung coba akses. Jika tidak ada kata kunci, mereka akan diarahkan ke halaman utama.

Bagi blogger pemula semoga ini bisa menjadi solusi ketika banyak postingan yang error dan pada akhirnya mengarah ke halaman 404. Sebelum menggunakan script ini tentunya ada 2 poin yang perlu di perhatikan: 

  1. Pastikan ketika import dari blog lama artikelnya memang sama dengan URL yang sudah terindex sehingga menyebabkan error dari pencarian. 
  2. Pastikan semua artikel yang di import sudah di publikasikan sehinga artikelnya menjadi relevan dengan halaman yang dari pencarian.
Gabung Saluran WhatsApp PoinTru ID

Dapatkan update artikel blog terbaru, panduan praktis, studi kasus web, serta tips digital eksklusif langsung di WhatsApp Anda.

Standar Konten & Panduan Blog PoinTru ID

Seluruh artikel dan panduan di blog PoinTru ID diproduksi dengan standar yang mengedepankan orisinalitas, pengujian mandiri, akurasi, dan kebermanfaatan nyata bagi pembaca. Dilarang keras menyalin atau mereproduksi sebagian atau seluruh materi tanpa mencantumkan tautan sumber aktif ke PoinTru ID.

ptru
Penulis / Kontributor Blog

ptru

Penulis dan kontributor blog PoinTru ID yang berdedikasi membagikan panduan praktis, studi kasus, ulasan teknologi, dan catatan bisnis seputar Tutorial/How-to.

Lihat Semua Artikel Penulis Ini →

80 thoughts on “Cara Redirect Error 404 di Blogger ke Pencarian Artikel yang Relevan”

  1. Udah pernah ngalamin problem serupa bulan lalu, untung nemu artikel ini jadi makin paham duduk perkaranya.

    Reply
  2. Menarik pembahasannya. Btw ada syarat khusus gak sih min sebelum kita mulai setup Tutorial/How-to ini?

    Reply
    • Setau saya aman banget gan @Nabila, saya udah jalan hampir sebulan setelah coba trik Redirect Error 404 ini dan gak ada kendala sama sekali.

      Reply
    • @Nabila kalo error biasanya tinggal di-restart atau diulang dari step sebelumnya gan, gak bakal ngerusak sistem kok.

      Reply
    • @Laila aman kok kak, tapi tetep sangat disaranin backup dulu buat jaga-jaga, biar lebih tenang ngerjainnya.

      Reply
    • Bantu jawab ya kak @Laila, kemarin saya nyoba di spek pas-pasan ternyata tetep aman dan lancar kok, asal jangan sambil buka banyak aplikasi berat aja.

      Reply
  3. Izin tanya min, ini aman gak ya kalo diterapin di device yang speknya standar? Takut nge-drop performanya.

    Reply
    • @Bagus coba periksa lagi koneksi sama settingan awalnya gan, kemarin saya juga sempet beda ternyata ada satu opsi yang belum diaktifin.

      Reply
  4. Bener min, temen saya kemarin juga sempat bingung di bagian Pencarian, pas dikasih tips ini langsung solved.

    Reply
  5. Penasaran sama bagian Tutorial/How-to tadi, mending pake opsi yang pertama atau kedua ya min buat hasil yang lebih optimal?

    Reply
  6. Setuju banget sama penjelasannya min, kuncinya emang kudu sabar pas di bagian Artikel biar gak gagal.

    Reply
  7. Setuju banget sama penjelasannya min, kuncinya emang kudu sabar pas di bagian Pencarian biar gak gagal.

    Reply
    • Bantu sharing ya kak @Jessica, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

      Reply
    • Bantu sharing ya kak @Siska, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

      Reply
    • Bantu jawab ya kak @Siska, kemarin saya nyoba di spek pas-pasan ternyata tetep aman dan lancar kok, asal jangan sambil buka banyak aplikasi berat aja.

      Reply
    • Bantu jawab ya kak @Bayu, kemarin saya nyoba di spek pas-pasan ternyata tetep aman dan lancar kok, asal jangan sambil buka banyak aplikasi berat aja.

      Reply
  8. Setuju banget sama penjelasannya min, kuncinya emang kudu sabar pas di bagian Relevan biar gak gagal.

    Reply
  9. Mau tanya min, kalo datanya belum di-backup dulu aman langsung dieksekusi gak ya? Makasih sebelumnya.

    Reply
  10. Awalnya sempet skeptis pas baca judulnya, tapi pas dipraktekin step by step ternyata hasilnya memuaskan.

    Reply
  11. Kalo dibandingin sama cara yang lama, metode Redirect Error 404 ini ada kelemahan tersendiri gak sih? Masih agak ragu nih.

    Reply
    • @Yuliana kalo error biasanya tinggal di-restart atau diulang dari step sebelumnya gan, gak bakal ngerusak sistem kok.

      Reply
  12. Izin tanya min, ini aman gak ya kalo diterapin di device yang speknya standar? Takut nge-drop performanya.

    Reply
    • Bantu jawab ya kak @Sarah, kemarin saya nyoba di spek pas-pasan ternyata tetep aman dan lancar kok, asal jangan sambil buka banyak aplikasi berat aja.

      Reply
  13. Izin tanya min, ini aman gak ya kalo diterapin di device yang speknya standar? Takut nge-drop performanya.

    Reply
  14. Wah pas banget lagi nyari panduan soal Relevan. Min, kalo ada kendala pas step akhir biasanya solusinya apa ya?

    Reply
    • @Karina coba periksa lagi koneksi sama settingan awalnya gan, kemarin saya juga sempet beda ternyata ada satu opsi yang belum diaktifin.

      Reply
    • Sama kak @Karina, awalnya saya juga bingung, tapi pas dicoba pelan-pelan ternyata gampang banget dipraktekin.

      Reply
    • Setau saya aman banget gan @Anton, saya udah jalan hampir sebulan setelah coba trik Blogger ini dan gak ada kendala sama sekali.

      Reply
    • @Fitri aman kok kak, tapi tetep sangat disaranin backup dulu buat jaga-jaga, biar lebih tenang ngerjainnya.

      Reply
    • Sama kak @Fitri, awalnya saya juga bingung, tapi pas dicoba pelan-pelan ternyata gampang banget dipraktekin.

      Reply
  15. Wah pas banget lagi nyari panduan soal 404. Min, kalo ada kendala pas step akhir biasanya solusinya apa ya?

    Reply
  16. Izin tanya min, ini aman gak ya kalo diterapin di device yang speknya standar? Takut nge-drop performanya.

    Reply
    • Bantu sharing ya kak @Rian, di versi sebelumnya juga jalan kok, kemaren sempet tes di device temen dan work.

      Reply
  17. Bener min, temen saya kemarin juga sempat bingung di bagian 404, pas dikasih tips ini langsung solved.

    Reply
    • @Siska mending pake opsi pertama dulu kak, jauh lebih ramah buat pemula dan langkahnya lebih simpel.

      Reply

Leave a Comment