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:

Menggunakan JavaScript untuk memanipulasi dan mengarahkan halaman.

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

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.

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.

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”.

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.