Jangan Salah! Ini Cara External Link Buka Tab Baru yang Disukai Google

Membuat external link buka tab baru adalah praktik sederhana, tapi sering dilakukan dengan cara yang kurang tepat. Padahal, jika dioptimalkan dengan benar, teknik ini bisa meningkatkan user experience (UX) sekaligus mendukung SEO website.

Di artikel ini, saya akan membahas cara yang benar, aman, dan disukai Google untuk membuat external link terbuka di tab baru.

Baca Juga Cara Atasi "Failed: Robots.txt Unreachable" dengan Mudah dan Cepat

Kenapa External Link Harus Buka Tab Baru?

Saat pengunjung mengklik link keluar (external link), mereka akan meninggalkan website kita. Jika link tersebut tidak dibuka di tab baru, maka:

• Pengunjung bisa tidak kembali lagi ke website kita
• Bounce rate bisa meningkat
• Waktu kunjungan (dwell time) menurun

Dengan membuka di tab baru:

• Website utama tetap terbuka
• Pengalaman pengguna lebih nyaman
• Potensi engagement meningkat

Cara Membuat External Link Buka Tab Baru (HTML)

Cara paling dasar adalah menggunakan atribut target="_blank".

Contoh:

<a href="https://example.com" target="_blank">Kunjungi Website</a>

Namun jika kamu ingin membuatnya otomatis kamu cukup memasukkannya ke template > edit html dan masukkan kode seperti ini

contoh:

<base target='_blank'/>

dengan cara di atas kamu akan membuat semua link yang ada di blog yang kamu punya akan terbuka ke tab baru

Namun, ini belum cukup jika ingin SEO-friendly.

Baca Juga 6 Tips Cara Menulis Artikel Dengan Cepat Hanya Butuh 30 Menit

Cara yang Disukai Google (Best Practice)

Google menyarankan penggunaan tambahan atribut keamanan dan SEO:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">

  Kunjungi Website

</a>

Penjelasan:

• target="_blank" → Membuka di tab baru
• rel="noopener" → Mencegah akses window dari halaman lain (keamanan)
• rel="noreferrer" → Menyembunyikan referer (opsional, untuk privasi)

Ini adalah standar terbaik (best practice) yang direkomendasikan.

Agar link external terbuka otomatis

Jika kamu ingin mengetahui script agar external link yang ada di blog kamu dapat dibuka secara otomatis.

Kamu bisa menggunakan script yang nbcdns berikan di bawah ini

<!--copy script from here-->
<script src='https://ajax.googleapis.com'/>

<script type='text/javascript'>

//<![CDATA[

jQuery(document).ready(function($) {

  $('a').each(function() {

    var a = new RegExp('/' + window.location.host + '/');

    if (!a.test(this.href)) {

      $(this).click(function(event) {

        event.preventDefault();

        event.stopPropagation();

        window.open(this.href, '_blank');

link.setAttribute('rel', 'noopener noreferrer');

      });

    }

  });

});

//]]>

</script>

<a href="https://www.jurusanit.com/search?q=jurusan it"></a>
<!--endscript-->

Masukkan scipt di atas ke dalam mode HTML template blogspot atau wordpress yang kamu miliki.

Saat berhasil maka secara otomatis, link external selain link blog kamu akan terbuka secara otomatis di tab baru

Share this post