Pengertian Rel Noopener pada Link Eksternal Postingan Blog

Baca Juga

Para blogger di platform Blogger kiranya sudah mengenal atribut link rel nofollow dan dofollow, tapi mungkin asing dengan atribut rel noopener. Pasalnya, atribut rel="noopener" hanya ada otomatis di WordPress.

Di Blogger, hanya ada nofollow dan dofollow. Bahkan, saat membuat tautan (link) dalam sebuah anchor text, Blogger hanya memberi dua pilihan centang:

• Open this link in a new window (Buka tautan ini di jendela baru)
• Add 'rel=nofollow' attribute. (Tambahkan atribut rel nofollow)

Maka, ketika kita akan menjadikan sebuah link menjadi "dofollow", misalnya link website teman atau klien --pemasang content placemen/sponsored post, kita harus "uncheck" (tidak mencentang) rel nofollow.

Pengertian Rel Noopener

Menurut para pakar web (webmaster), pakar SEO, atau web programmer, rel noopener adalah sebuah atribut HTML yang membatasi informasi untuk website tujuan dengan membukanya pada tab baru. 

Atribut rel="noopener" ini berada di dalam tag <a href> pada halaman sumber. 

Noopener pertama kali dikenalkan oleh WordPress untuk mengurangi terjadinya phising dari tautan yang “jahat”.

Fungsi atribut rel = "noopener" adalah untuk melindungi halaman baru untuk diakses oleh properti window.opener yang memastikan kedua website berjalan dalam proses terpisah.

Lebih rinci, pengertian rel noopener diulas oleh Reliable Soft sebagai berikut:

Apa itu rel="noopener" dalam tautan?

Rel="noopener" adalah atribut HTML yang dapat ditambahkan ke tautan eksternal. Ini mencegah halaman pembuka untuk mendapatkan segala jenis akses ke halaman asli.

Berikut adalah contoh tautan dengan tag rel=”noopener”:

<a href="https://www.example.com" rel="noopener">Tautan ke Example.com</a>

Rel noopener ditambahkan secara otomatis oleh WordPress pada semua tautan eksternal yang terbuka di tab baru untuk alasan keamanan dan Anda disarankan untuk menyimpannya.

Jika Anda tidak menggunakan WordPress, disarankan untuk menambahkan rel="noopener" ke semua tautan eksternal Anda yang terbuka di tab baru.

Rel="noopener" dan SEO

Noopener memiliki dampak nol pada SEO Anda sehingga Anda dapat menggunakannya dengan aman untuk meningkatkan keamanan situs web Anda.

Untuk Blogger, maka rel noopener harus dimasukkan secara manual. Di mode HTML, berikut ini contoh rel noopener di postingan blog Blogger:

<a href="https://www.wikipedia.org/" rel="nofollow noopener" target="_blank" title="Wikipedia">Wikipedia</a>

Demikian Pengertian Rel Noopener pada Link Eksternal Postingan Blog.*