Mengatasi Broken Link dengan Cloudflare

Broken Link adalah tautan yang rusak, artinya tautan yang ada di blog targetnya sudah tidak ada (error 404). Baik tautan di blog sendiri, atau eksternal (ke luar blog)

Dampak Broken Link Terhadap SEO

Tentunya akan sangat berpengaruh dan buruk sekali. Sebagai blogger tentunya tidak hanya dihadapkan kepada mesin, tapi terhadap pengguna (User Experience). Apa yang terjadi ketika beberapa pengguna mengklik tautan dan tautannya tidak ada. Sangat kecil kemungkinan mereka akan kembali lagi ke Blog kita.

Penyebab Broken Link

Diantara penyebab broken link, adalah

  1. Salah menulis / typo
  2. Permalink diganti
  3. URL postingan / file dihapus
  4. Pergantian directori untuk self Hosted
  5. Mengganti domain / Custom domain
  6. dll...

Custom Domain inilah yang sering terjadi di Blogger. ketika melakukan custom domain, banyak Link menggunakan domain blogspot yang tidak dirubah, sehingga memunculkan pengalihan seperti ini

Cara Cek Broken Link

Untuk mengecek apakah di Blog kita ada Broken Link atau tidak, kita bisa menggunakan tool online brokenlinkcheck.com

Solusi

Solusi terbaik tentunya dengan memperbaiki tautan tersebut, akan tetapi ketika terlalu banyak tautan yang memakan waktu editing, kita bisa gunakan dulu CloudFlare

Menggunakan Cloudflare untuk Broken Link

Ada beberapa langkah menggunakan cloudflare (tentunya blog harus sudah menggunakan DNS Cloudflare)

1. Buat Worker > Create a worker, copy script ini (edit yang diblok)

const OLD_URL = "blog.kangismet.net"
const NEW_URL = "kang-ismet.com"

async function handleRequest(req) {
  const res = await fetch(req)
  return rewriter.transform(res)
}

class AttributeRewriter {
  constructor(attributeName) {
    this.attributeName = attributeName
  }
  element(element) {
    const attribute = element.getAttribute(this.attributeName)
    if (attribute) {
      element.setAttribute(
        this.attributeName,
        attribute.replace(OLD_URL, NEW_URL),
      )
    }
  }
}

const rewriter = new HTMLRewriter()
  .on("a", new AttributeRewriter("href"))

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request))
})

Kemudian Rename misal 301-mui

Buat Route > Add a route
Gunakan *namadomain.tld/* ganti dengan nama domain Anda, worker nya yang sudah dibuat ex: 301-mui

Video

Untuk lebih memahami prosesnya, silahkan tonton video ini

Semoga bermanfaat...