Penjelasan Apa itu rel="noopener" di Wordpress

[godigital]

Baru-baru ini, ada yang bertanya ke saya: apa itu rel = "noopener" di WordPress? Jika Anda memilih untuk membuka tautan di jendela baru, maka WordPress menambahkan atribut ini ke tautan Anda. Pada artikel ini, kami akan menjelaskan apa itu rel = "noopener" di WordPress dan bagaimana pengaruhnya terhadap situs Anda.



Apa itu rel = "noopener" di WordPress?

rel = "noopener" adalah atribut HTML yang ditambahkan ke semua link WordPress yang dipilih untuk dibuka di tab browser baru. Itu juga disertai dengan atribut rel = "noreferrer". Fitur ini diperkenalkan di WordPress untuk mengatasi kerentanan keamanan yang dapat dieksploitasi oleh situs web jahat.

Ada beberapa fitur JavaScript yang memungkinkan tab baru mengontrol jendela rujukannya. Jika Anda menautkan ke situs web eksternal yang dipengaruhi oleh kode berbahaya, situs web tersebut dapat digunakan

Code:

window.opener

Properti JavaScript untuk mengubah halaman asli (website Anda) untuk mencuri informasi dan menyebarkan kode berbahaya.

Menambahkan rel = ”noopener” mencegah tab baru memanfaatkan fitur JavaScript ini. Demikian pula, atribut rel = ”noreferrer” mencegah penyampaian informasi perujuk ke tab baru.

WordPress selalu menjadi yang terdepan untuk membantu keamanan situs web. Saat Anda menambahkan link dan memilih 'Open in New Tab', WordPress akan menambahkan rel = "noopener" dan rel = "noreferrer" ke kode link.

Kode HTML yang dihasilkan oleh WordPress terlihat seperti ini:

<a href="https://example.com" target="_blank" rel="noreferrer noopener" aria-label="Ini adalah tautan eksternal (terbuka di tab baru)">demo link</a>

Bagaimana rel = "noopener" Mempengaruhi SEO WordPress Anda?

Meskipun atribut rel = "noopener" meningkatkan keamanan WordPress, beberapa pengguna ingin menghindari penggunaannya karena menurut mereka hal itu akan memengaruhi SEO WordPress mereka.

Itu hanya mitos.

Ini tidak berdampak pada peringkat SEO situs WordPress Anda atau kinerja WordPress secara keseluruhan.

Apa Perbedaan Antara noopener vs nofollow?

Mudah untuk mencampur rel = "noopener" dengan rel = "nofollow". Mereka benar-benar terpisah.

Atribut noopener mencegah situs web Anda dari peretasan lintas situs dan meningkatkan keamanan WordPress.

Di sisi lain, atribut nofollow mencegah situs web Anda meneruskan jus tautan SEO ke situs web tertaut.

Mesin pencari mencari dan mempertimbangkan atribut nofollow saat mengikuti tautan di situs web Anda. Namun, mereka tidak mempertimbangkan tag noopener.

Secara default, WordPress tidak mengizinkan Anda untuk menambahkan nofollow ke tautan eksternal Anda. Jika Anda ingin menambahkan nofollow di WordPress, maka Anda perlu menggunakan plugin. Untuk detailnya, lihat artikel kami tentang cara menambahkan judul dan nofollow ke tautan di WordPress.

Apakah rel = ”noreferrer” Mempengaruhi Tautan Afiliasi di WordPress?

Rel = "noreferrer" tidak memengaruhi tautan afiliasi di WordPress. Beberapa pengguna percaya bahwa hal itu terjadi karena rel = ”noreferrer” mencegah pengiriman informasi perujuk ke tab baru.

Namun, sebagian besar program afiliasi memberi Anda URL unik yang memiliki ID afiliasi Anda. Ini berarti ID afiliasi Anda diteruskan sebagai parameter URL untuk dilacak situs web lain.

Kedua, sebagian besar pemasar afiliasi menggunakan plugin cloaking tautan untuk tautan afiliasi mereka.

Dengan penyelubungan tautan, tautan afiliasi yang diklik pengguna sebenarnya adalah URL situs web Anda yang kemudian mengarahkan pengguna ke URL tujuan.

Bagaimana cara menonaktifkan rel = "noopener" di WordPress?

Tidak perlu menghapus rel = "noopener" dari tautan di situs web Anda. Ini bagus untuk keamanan situs web Anda dan tidak memiliki kinerja atau pengaruh SEO pada situs web Anda.

Namun, jika Anda harus menghapusnya, Anda harus menonaktifkan editor blok Gutenberg di WordPress dan menggunakan editor klasik lama. Setelah itu, Anda perlu menambahkan kode berikut ke file functions.php tema Anda atau plugin khusus situs.

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Catatan: Kami tidak menyarankan menghapus rel = "noopener". Tidak ada alasan bagus untuk melakukannya.