Pernahkah Anda bertanya-tanya apa rel="noopener"
berarti di WordPress?
Saat Anda menambahkan tautan yang terbuka di tab baru, WordPress akan secara otomatis menambahkan rel="noopener"
atribut ke tautan.
Pada artikel ini, kami akan menjelaskan apa itu rel="noopener"
artinya di WordPress dan bagaimana pengaruhnya terhadap situs web Anda.
Apa itu rel=”noopener” di WordPress?
Saat Anda menambahkan tautan ke situs web WordPress Anda, Anda dapat menggunakan atribut HTML untuk mengontrol apa yang terjadi saat Anda mengeklik tautan tersebut.
Misalnya, saat Anda membuat tautan, ada sakelar sakelar yang memungkinkan Anda membukanya di tab baru.
Kode HTML yang dihasilkan oleh WordPress untuk tautan ini terlihat seperti ini:
<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>
Perhatikan bahwa beberapa atribut HTML telah ditambahkan ke tautan, rel="noopener"
dan rel="noreferrer"
. Atribut ini ditambahkan untuk mengatasi kerentanan keamanan.
Masalahnya adalah kode JavaScript dapat digunakan untuk memungkinkan tab baru mengontrol jendela rujukannya. Jika Anda menautkan ke situs web eksternal yang terpengaruh oleh kode berbahaya, situs web tersebut dapat menggunakan window.opener
properti di JavaScript untuk mengubah halaman asli (situs web Anda) untuk mencuri informasi dan menyebarkan kode berbahaya.
WordPress menambahkan rel="noopener"
untuk mencegah tab baru memanfaatkan fitur JavaScript ini. Demikian pula, rel="noreferrer"
atribut mencegah meneruskan informasi perujuk ke tab baru.
Bagaimana rel=”noopener” Mempengaruhi seo WordPress Anda?
Tidak.
Meskipun rel="noopener"
atribut meningkatkan keamanan WordPress, beberapa pengguna menghindari menggunakannya karena menurut mereka itu akan memengaruhi seo WordPress mereka.
Tapi itu hanya mitos.
Itu tidak berdampak pada peringkat seo situs Anda atau kinerja WordPress Anda secara keseluruhan.
Apa Perbedaan Antara “noopener” dan “nofollow”?
Sangat mudah untuk bingung rel="noopener"
dengan rel="nofollow"
. Namun, mereka adalah atribut yang sepenuhnya terpisah.
Itu noopener
atribut mencegah situs web Anda dari peretasan lintas situs dan meningkatkan keamanan WordPress.
Di sisi lain, nofollow
atribut mencegah situs web Anda mengirimkan jus tautan seo ke situs web yang ditautkan.
Mesin pencari mencari dan mempertimbangkan nofollow
atribut saat mengikuti tautan di situs web Anda. Namun, mereka tidak memberikan pertimbangan apapun untuk noopener
menandai.
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 mempelajari lebih lanjut, lihat artikel kami tentang cara menambahkan judul dan nofollow ke tautan di WordPress.
Apakah rel=”noreferrer” Mempengaruhi Tautan Afiliasi di WordPress?
Itu rel="noreferrer"
tidak memengaruhi tautan afiliasi di WordPress. Beberapa pengguna percaya bahwa itu karena rel="noreferrer"
mencegah informasi perujuk diteruskan 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 oleh situs web lain.
Kedua, sebagian besar pemasar afiliasi menggunakan plugin penyelubungan tautan untuk tautan afiliasi mereka.
Dengan penyelubungan tautan, tautan afiliasi yang diklik pengguna Anda sebenarnya adalah URL situs web Anda sendiri, yang kemudian mengarahkan pengguna ke URL tujuan.
Bagaimana Anda 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 berdampak pada kinerja atau seo di situs web Anda.
Namun, jika Anda harus menghapusnya, Anda harus menonaktifkan editor blok Gutenberg di WordPress dan menggunakan editor klasik lama.
Itu karena jika Anda menghapus rel="noopener"
dari tautan secara manual, editor blok akan secara otomatis menambahkannya kembali untuk menjaga keamanan situs web Anda.
Setelah editor blok dinonaktifkan, Anda perlu menambahkan cuplikan kode ke file functions.php tema Anda atau ke plugin WPCode (disarankan). Anda dapat mempelajari cara menggunakan Plugin Gratis WPCode di panduan kami tentang cara menambahkan kode kustom dengan mudah di WordPress.
Cukup salin kode berikut ke dalam cuplikan PHP baru:
add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit )
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
Pastikan Anda mengubah tombol ‘Aktif’ dan kemudian klik tombol ‘Simpan Cuplikan’.
Ini akan menghentikan penambahan WordPress rel="noopener"
ke tautan baru. Anda juga perlu mengedit tautan lama secara manual untuk menghapus atribut.
Ingin lebih mengontrol atribut rel mana yang ditambahkan ke tautan Anda di WordPress? Kami merekomendasikan penggunaan plugin AIOSEO karena memungkinkan Anda menambahkan judul, nofollow, dan atribut tautan lainnya tepat di dalam editor WordPress.
Kami harap artikel ini membantu Anda mempelajarinya rel="noopener"
di WordPress. Anda mungkin juga ingin mempelajari cara mendapatkan domain email gratis, atau lihat daftar kiat kami untuk mempercepat kinerja WordPress.
Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.