Setelah membahas mengenai Membuat animasi roket untuk halaman 404. Kita teruskan mengupas tuntas cara membuat blogger redirect otomatis ke homepage atau halaman tertentu saat halaman yang dituju tidak ditemukan. Metode ini digunakan agar menghindari kekecewaan pengunjung tidak kecewa dengan hilangnya halaman yang dicari olehnya. Sehingga perlu kita lakukan pencegahan dan solusi untuk permasalah halaman tidak ditemukan.
Redirect dibagi atas 2 jenis, yaitu :
301 Redirect yaitu redirect yang bersifat permanent/selamanya. Ini bertujuan agar pengunjung tidak kecewa saat datang ke page yang sudah dihapus ataupun nama domain yang sudah tidak didunakan lagi. Khususnya ada error 404 atau saat mengganti domain baru karena hampir semua link di situs mengarah ke domain lama, oleh karena itu bisa digunakan 301 redirect ini.
302 Redirect yaitu redirect yang bersifat sementara, digunakan apabila suatu situs sedang dalam maintainance/perawatan baik itu pada link halaman tertentu maupun pada halaman home sekalipun. Ini bertujuan agar user tidak merasa kecewa karena diarahkan langsung ke tujuan yang di inginkan oleh pengelola situs.
Namun pada tutorial di bawah ini khusus digunakan redirect 301, mengapa demikian? Karena redirect ini digunakan pada halaman error yang tidak ditemukan yaitu disebut juga dengan error 404.
Bagaimana cara membuat blogger redirect otomatis
Langkah-langkah membuat redirect otomatis blogger yang disetting pada template blogger, dengan cara :1. Buka Menu Template pada blogger Anda.
2. Pilih Edit HTML
3. Kemudian cari <Body> lalu tambahkan skrip berikut :
Script untuk redirect page not found ke halaman homepage/beranda
<b:if cond='data:blog.pageType == "error_page"'>
<div style='text-align: center;'>
<div class='separator' style='clear: both; text-align: center;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvWa4Em0wlXmEdNuRbBzdBP_ydsukLaR0j3M5D-0yXQx81mPd2ui09y3wCRTl-eWJczr58uX7IjxNDnvYZmKJ3RtzY2javh-jnDH8uENT4Har2EfnITVbR5ypPBqe4KPT_GjNUVy1Vyk/w128-h40-no/Loading10.GIF'/></div>
<br/></div>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= "/"
}, 0);
</script>
</b:if>Script untuk redirect ke halaman tertentu
<b:if cond='data:blog.pageType == "error_page"'>
<div style='text-align: center;'>
<div class='separator' style='clear: both; text-align: center;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvWa4Em0wlXmEdNuRbBzdBP_ydsukLaR0j3M5D-0yXQx81mPd2ui09y3wCRTl-eWJczr58uX7IjxNDnvYZmKJ3RtzY2javh-jnDH8uENT4Har2EfnITVbR5ypPBqe4KPT_GjNUVy1Vyk/w128-h40-no/Loading10.GIF'/></div>
<br/></div>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= "/p/nama-halaman-tertentu.html"
}, 0);
</script>
</b:if>Catatan : Pada skrip di atas yang /p/nama-halaman-tertentu.html (berwarna merah) adalah halaman yang ingin dituju, yang telah disediakan sebelumnya. Oleh karena itu silahkan ganti dengan halaman khusus yang sobat telah sediakan.
4. Simpan, dan lihat hasilnya.
Contoh halaman 301 yang efektif dan seo freindly dan menguntungkan pengunjung.
Artikel ini kami buat khususnya untuk para pengguna Blogger yang ingin memaksimalkan SEO nya apabila pada blog yang Anda kelola banyak terdapat halaman error 404. Semoga artikel ini bisa bermanfaat untuk para pengguna blog pada khususnya dan pengembang situs manapun pada umumnya.
Nice info. Sangat berguna bagi orang yang buta tentang 301 di blogspot seperti saya. Terima kasih bosku.
ReplyDelete