Cara Cek dan Mengatasi Broken Link di Blog
Salah satu faktor yang membuat blog jelek di mata mesin pencari google adalah banyaknya broken link yang terdapat di dalam blog. Untuk mencari broken link satu persatu tentu akan memakan waktu yang lama.
Nah dalam artikel kali ini saya akan berbagi cara cek broken link di blog sekaligus cara mengatasinya.
Untuk melakukan screening broken link di blog, anda bisa menggunakan tool di bawah ini.
https://brokenlinkcheck.com/
Setelah terbuka, kurang lebih anda akan melihat tampilan halamannya seperti gambar di bawah ini.
Pada bagian kolom www, silahkan masukan URL blog anda lalu klik Find broken links.
Setelah itu anda akan diminta untuk memasukan Security code seperti pada gambar di bawah ini.
Selanjutnya klik Find broken links now dan tunggu sampai proses scan selesai sampai keluar laporan kurang lebih seperti di bawah ini.
Gambar di atas adalah laporan broken link yang terdapat di blog ini. Kebanyakan broken link tersebut disebabkan karena link profil di kolom komentar.
Nah berikut ini adalah cara yang bisa anda lakukan untuk mengatasi broken link tersebut.
Cara Mengatasi Broken Link di Blog
Berikut ini adalah cara yang paling efektif dan sudah di praktekan oleh blog ini untuk mengatasi broken ling yang disebabkan URL profile aktif yang error di kolom komentar blogger.
Pertama, kita harus memasang script kode untuk menonaktifkan URL profil di kolom komentar blogger.
- Buka Dashboard Blogger
- Pilih Menu Tema
- Pilih Edit HTML
- Cari </body>
Kedua, cek terlebih dahulu apakah di blog anda sudah terpasang jQuery atau belum. Jika belum, silahkan masukan jQuery di bawah ini.
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
Masukan kode untuk mematikan URL profil komentar di bawah ini pada elemen script yang terdapat di atas kode </body>.
Javascript
/* Remove Profile Link in Blogger Comments by igniel.com */
(function ignielRemLinkNameCmt(){
if (document.querySelector('#comments .comments-content')){
var a = document.querySelectorAll('.comment-block .user a');
for (var x = 0; x < a.length; x++){
var b = a[x].text, c = a[x].parentNode, d = document.createElement('span'); d.innerHTML = b;
a[x].remove();
c.appendChild(d);
}
}
})();
jQuery
/* Remove Profile Link in Blogger Comments by igniel.com */
window.onload = (function ignielRemLinkNameCmt(){
if ($('#comments .comments-content')){
$('.comment-block .user').find('a').each(function(){
$(this).contents().unwrap().wrap('<span></span>');
});
}
});
Ingat, pilih salah satu kode saja.
Perhatikan, jika anda langsung mengcopy paste salah satu kode di atas dan disimpan di atas </body>, maka hasilnya akan error.
Untuk itu pemasangan kodenya bisa anda satukan pada elemen yang lain.
Contoh:
<script> //<![CDATA[
/* Hapus Link Aktif di Komentar by igniel.com */
content = document.getElementById('comments').getElementsByTagName('p');
for (var i = 0; i < content.length; i++) {
if (content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = content[i].innerHTML.replace(/<a[^>]*>|<\/a>/g, "");
}
}
/* Remove Profile Link in Blogger Comments by igniel.com */
(function ignielRemLinkNameCmt(){
if (document.querySelector('#comments .comments-content')){
var a = document.querySelectorAll('.comment-block .user a');
for (var x = 0; x < a.length; x++){
var b = a[x].text, c = a[x].parentNode, d = document.createElement('span'); d.innerHTML = b;
a[x].remove();
c.appendChild(d);
}
}
})();
//]]> </script>
Judul script yang saya tandai dengan warna kuning adalah salah satu kode untuk menonaktifkan profil URL pada komentar blogger. Kode tersebut saya padukan dengan script kode penghapus link internal aktif otomatis di komentar blogger.
Sebagai bukti bahwa broken link yang disebabkan URL profil aktif pada kolom komentar telah teratasi. Silahkan lihat gambar di bawah ini.
Lalu bagaimana cara mengatasi broken link yang disebabkan selain link aktif pada profil di komentar blogger?
Umumnya broken link bisa terjadi juga karena link keluar telah dihapus atau berganti nama. Contoh misalakan di blog ini saya membuat link keluar dengan URL www.contohblog.com. tanpa saya sadari ternyata blog tersebut telah merubah domainnya menjadi www.contohblogku.com.
Secara otomatis URL pertama akan terdeteksi sebagai error apabila tidak ada redirect dari URL pertama ke URL kedua. Nah masalah itu akan menjadikan blog ini memiliki broken link.
Kasus yang kedua adalah saya pernah membuat sebuah artikel yang membahas tentang website pembuat template blogger. Saat itu saya merasa sudah benar ketika menuliskan alamat websitenya pada tautan link.
Ternyata setelah di cek dengan tool pencari broken link, saya mendapati kesalahan kekurang penulisan halaman websitenya. Yang harusnya saya tulis adalah www.contoh.net, namaun karena typo maka tulisannya menjadi www.contoh.ne.
Untuk mengatasinya cukup mudah. Pada halaman yang memuat daftar broken link di blog anda sudah tersedia kolom url dan src. Anda tinggal klik bagian url untuk membuka halaman yang memiliki broken link.
Setelah ketemu, anda tinggal edit halaman atau postingan anda, dan hapus atau perbaiki broken linknya.
Nah itulah tutorial blogger cara mengatasi broken link di blog dengan mudah.
Semoga bermanfaat.
Sumber: ignil.com
Posting Komentar