Cara mengganti link rusak di postingan secara otomatis

Menyisipkan link di artikel postingan memang memiliki manfaat yang sangat bagus, baik bagi SEO maupun navigasi.

Namun terkadang ada masanya jika link yang disisipkan tersebut pada akhirnya rusak, yang artinya halaman dari link tersebut tidak bisa diakses, entah itu dikarenakan halaman telah dihapus ataupun nama domainnya telah diubah.

Jika terjadi seperti itu maka akibatnya justru akan berpengaruh buruk terhadap blog karena jika postingan berisi link rusak tersebut dirayapi oleh robot penelusuran maka webmaster tool seperti Google Search Console akan melaporkan adanya error.

Oleh karena itu, jika terdapat link yang rusak di manapun letaknya maka harus diperbaiki dengan cara menggantinya dengan URL baru.

Akan tetapi, yang menjadi masalah adalah jika link tersebut diletakkan di dalam artikel postingan, sementara postingan sudah banyak. Hal ini tentunya tidak akan bisa diganti dengan mudah secara manual sehingga kita perlu melakukannya secara otomatis melalui JavaScript.

Cara kerja dari script ini sebenarnya adalah bukan secara langsung mengganti, namun dengan memanipulasi supaya tujuan dari link berubah. Sehingga, cara ini boleh dijadikan sebagai solusi sementara karena akan lebih baik jika kita mengganti link secara manual.

Catatan

• Link yang diganti hanya link yang dipilih saja, jadi tidak semua link akan terdampak.

• Script ini bekerja dengan cara mengambil link yang di-wrap oleh tag a di artikel yang memiliki className post-body sehingga tidak akan bekerja pada link yang di-wrap oleh tag li, span dan tag lain selain a.

• Untuk memastikan script ini bisa bekerja, silakan cek struktur template melalui editor template Blogger. Lihat pada <b:includable id='post'> apakah struktur postingan kurang lebih adalah seperti ini:

  <div class='post-body'>
  <data:post.body/>
  </div>
  

  Jika iya maka script kemungkinan akan bekerja dan itupun jika link pada postingan di-wrap oleh tag a.

• Script dipasang di atas atau sebelum tag penutup body seperti ini </body>.

Baik, di sini Blogizty akan memberikan beberapa cara tergantung dari masalah yang dialami karena penyebab link rusak berbeda-beda di mana di antaranya yaitu:

1. Halaman dari link telah dihapus

Dikarenakan halaman telah dihapus dan tidak bisa diakses maka link harus dihapus atau dinonaktifkan sehingga ketika link diklik maka pengunjung tidak akan pergi ke manapun.

Namun menonaktifkan link akan berpengaruh buruk, baik terhadap SEO maupun pengindeksan dan bahkan validitas HTML5 menurut W3C, sehingga cara terbaiknya adalah dengan mengganti link tersebut dengan element yang berisi pesan yang memberitahukan bahwa link sudah tidak bisa diakses. Kodenya adalah sebagai berikut:

<script>
//<![CDATA[
var p=document.querySelectorAll('.post-body a');
for(var i=0;i<p.length;i++){
postLink=p[i];
linkHref=postLink.href;

if(/domainlama.com/.test(linkHref)){
noteSpan=document.createElement('span');
noteSpan.style.cssText='display:block;background:rgba(47,47,255,.1);margin:18px 0;padding:5px';
noteSpan.textContent='Mohon maaf, link sudah tidak dapat diakses';
postLink.parentNode.replaceChild(noteSpan,postLink);
}}
//]]>
</script>

Modifikasi

• Apabila ingin mengganti link melalui nama domain maka ganti domainlama.com dengan nama domain lama.

  Namun jika ingin melalui link lengkap maka ganti domainlama.com dengan nama domain lama ditambah URL path, tapi kita perlu meng-escape karakter slash (/) menggunakan backslash (\). Jadi, kita harus menempatkan backslash sebelum setiap karakter slash.

  Contoh URL + path:

  domainlama.com/2022/09/halaman-lama.html

  Contoh setelah di-escape akan menjadi seperti ini:

  domainlama.com\/2022\/09\/halaman-lama.html

  Dan pada script di atas hasilnya akan tampak seperti ini:

  (/domainlama.com\/2022\/09\/halaman-lama.html/.test(linkHref))

• Untuk mengubah tampilan, silakan ubah atau tambahkan property dan nilai pada bagian cssText.

• Ubah kata-kata pada textContent dengan kata-kata kalian sendiri.

2. Halaman dari link telah dipindahkan ke halaman baru

Jika halaman dari link telah dipindahkan maka kita bisa mengganti link yang rusak dengan link baru yang menuju ke halaman baru.

<script>
//<![CDATA[
var p=document.querySelectorAll('.post-body a');
for(var i=0;i<p.length;i++){
postLink=p[i];
linkHref=postLink.href;

if(/domainlama.com/.test(linkHref)){
postLink.href=postLink.href.replace(linkHref,'https://domainbaru.com/2022/09/halaman-baru.html');
}}
//]]>
</script>

Modifikasi

• Sama seperti di atas, apabila ingin mengganti melalui nama domain maka cukup ganti domainlama.com dengan nama domain lama. Pun sebaliknya, jika ingin melalui URL path maka boleh ikuti cara pertama di atas.

• Ganti alamat https://domainbaru.com/2022/09/halaman-baru.html dengan alamat halaman baru.

3. Nama domain dari link telah diganti

Jika hanya nama domainnya saja yang diganti, sementara halaman masih ada maka kita hanya perlu mengganti nama domainnya saja.

Hal ini biasanya terjadi saat kita mengubah subdomain ke domain TLD. Itu karena nama subdomain lama tidak sama dengan nama domain baru seperti misalnya:

Nama subdomain lama

iniblogku.blogspot.com

Nama domain baru

blogku.com

Jika nama domain baru sama dengan nama subdomain lama maka link akan secara otomatis dialihkan, namun jika berbeda maka kita harus membuatnya dialihkan secara otomatis dengan menggunakan script.

<script>
//<![CDATA[
var p=document.querySelectorAll('.post-body a');
for(var i=0;i<p.length;i++){
postLink=p[i];
linkHref=postLink.href;

if(/domainlama.com/.test(linkHref)){
postLink.href=linkHref.replace(/domainlama/,'domainbaru');
}}
//]]>
</script>

Modifikasi

• Ganti domainlama.com dengan nama domain lama.

• Ganti domainbaru.com dengan nama domain baru.

Selamat mencoba dan semoga mudah dipahami. Apabila ada pertanyaan, jangan ragu untuk bertanya di kolom komentar.

© Blogizty