Apa itu Rel=”Noopener” dan Bagaimana Cara Menggunakannya dengan WordPress?

Saat membangun dan memelihara situs web, kami selalu harus mempertimbangkan keamanan situs yang kami kelola. Blog terutama membutuhkan tingkat perawatan ekstra mengingat jumlah outlink yang biasanya mereka miliki. Merawat outlink melibatkan tugas yang berbeda untuk selalu memastikan mereka dioptimalkan. Salah satu alat yang membantu mengawasi keamanan tautan keluar Anda adalah atribut HTML rel="noopener". Ini hal yang sederhana tetapi dapat melakukan keajaiban untuk keamanan situs.

Dalam posting ini, kita akan melihat apa sebenarnya link noopener dan bagaimana menggunakan atribut rel=”noopener” dengan WordPress.

Apa Atribut Rel=”Noopener”?

Sederhananya, atribut rel=”noopener” ditambahkan ke tautan yang terbuka di tab/jendela baru. Saat Anda menambahkan tautan di WordPress, Anda memiliki pilihan untuk memilih apakah tautan akan terbuka di jendela yang sama atau di jendela yang berbeda. Saat Anda memilih untuk membuka di jendela lain, WordPress secara otomatis menambahkan atribut rel="noopener" ke HTML Anda bersama dengan atribut biasa, target="_blank".

Apa tujuan menambahkan atribut rel=”noopener” ke tautan yang terbuka di jendela baru? Pertama-tama, dalam hal pengalaman pengguna dan metrik pengunjung, sangat bagus jika tautan eksternal terbuka di tab baru, sehingga tautan tersebut tidak meninggalkan situs Anda sepenuhnya.

Tetapi alasan utama atribut ini ada adalah untuk keamanan.

Tabnabbing Terbalik

Atribut rel=”noopener” melindungi situs dari niat jahat, khususnya, serangan phishing yang disebut reverse tabnabbing.

Tabnabbing terbalik adalah saat situs jahat menggunakan window.opener.location.assign() untuk mengganti halaman asli dengan halaman palsu. Ini berfungsi seperti ini: halaman tempat tautan ditambahkan, disebut halaman induk, mengarah ke halaman anak melalui tautan tersebut. Halaman anak jahat kemudian menempelkan dirinya ke halaman induk dengan window.opener.location.assign() dan meniru situs asli dengan yang palsu.

Jika situs yang ditiru memiliki widget login dan pengguna memasukkan informasinya, semua info itu dicuri oleh halaman turunan yang berbahaya. Apa yang dilakukan atribut rel=”noopener” adalah melindungi halaman induk agar tidak diserang dengan niat jahat melalui tabnabbing terbalik melalui halaman anak.

Bagaimana Dengan Noreferrer?

Atribut rel="noopener" berfungsi di sebagian besar browser kecuali Firefox dan browser lama lainnya. Saat WordPress menambahkan atribut rel="noopener" ke tautan Anda sebagai default, Anda harus menambahkan atribut rel="noreferrer" di sampingnya. Jika Anda telah memperbarui ke WordPress terbaru, maka kedua atribut tersebut ditambahkan ke tautan Anda secara otomatis.

Atribut rel=”noreferrer” akan memberi tahu browser untuk tidak mengumpulkan informasi perujuk dari halaman utama yang mengirimkan tautan.

Seperti inilah tampilan tautan Anda:

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

Bagaimana Tautan Noopener Terkait dengan tautan Dofollow dan Nofollow?

Ini adalah kesalahpahaman umum bahwa tautan dengan atribut rel=”noopener” terkait dengan tautan dofollow dan nofollow, padahal sebenarnya tidak. Perbedaannya adalah tautan noopener dan noreferrer dimaksudkan untuk tujuan keamanan sementara tautan dofollow dan nofollow lebih banyak tentang peringkat halaman dan SEO.

Misalnya, tautan dengan atribut rel=noopener dapat berupa dofollow atau nofollow. Pilihan itu terserah Anda. Faktanya, kami menerbitkan artikel mendalam tentangnya beberapa waktu lalu yang harus Anda periksa.

Semua tautan yang ditambahkan secara otomatis dikaitkan sebagai tautan ikuti (dofollow). Untuk memastikan mereka nofollow, tautan Anda akan terlihat seperti ini:

 <a href="https://www.example.com" rel="noopener noreferrer nofollow" target="_blank">contoh teks jangkar</a>

Apakah Tautan Noopener Mempengaruhi SEO?

Adalah mitos bahwa tautan dengan atribut rel=”noopener” dapat memengaruhi SEO. Menggunakan link noopener dan noreferrer tidak akan mempengaruhi SEO sama sekali. Dofollow dan ikuti tautan memang memengaruhi SEO!

Ingat saja seperti ini:

• noopener dan noreferrer: berkaitan dengan keamanan
• nofollow dan dofollow: berkaitan dengan SEO dan otoritas domain

Kapan Sebaiknya Menggunakan Atribut Rel=”Noopener”?

Anda harus menggunakan atribut rel=”noopener” pada semua tautan Anda setiap saat. Tidak mengherankan, WordPress sekarang menambahkan atribut rel="noopener" sebagai default. Keamanan sangat penting untuk semua jenis situs, mulai dari blog hingga eCommerce hingga situs yang penuh dengan tautan afiliasi.

Dalam beberapa kasus, Anda mungkin ingin membatalkan fungsi default penambahan atribut rel="noopener" dan rel="noreferral". Kami tidak menyarankan Anda melakukannya. Itu dapat membuka situs Anda untuk risiko keamanan.

Bagaimana Dengan Tautan Afiliasi Anda?

Jika Anda khawatir tentang bagaimana tautan afiliasi Anda terpengaruh dengan menggunakan atribut rel="noopener" dan rel="noreferer", Anda tidak perlu melakukannya. Sebagian besar tautan afiliasi akan memiliki ID afiliasi Anda di URL itu sendiri sehingga tidak perlu mengirim informasi rujukan ke halaman anak afiliasi melalui tautan Anda. Faktanya, menambahkan atribut rel="noopener" dan rel="noferrer" ke tautan afiliasi Anda harus menjadi praktik umum. Anda tidak selalu dapat memastikan keamanan situs yang Anda jamin.

Sebuah nasihat untuk link afiliasi: Selalu link ke situs yang Anda yakin aman. Jangan hanya menautkan ke sejuta situs yang menawarkan pendapatan afiliasi dari apa pun yang mereka jual. Pengikut Anda akan ingin mengklik tautan afiliasi Anda jika Anda jujur ​​tentang produk tersebut. Terlebih lagi, jika Anda benar-benar meninjau produk alih-alih hanya mengisi situs Anda dengan tautan.

Dalam artikel ini, Anda akan menemukan banyak program afiliasi WordPress hebat yang kami jamin.

Pikiran Terakhir tentang Atribut Rel=”Noopener”

Dalam posting ini, kami melihat tujuan di balik atribut rel="noopener" dan pendampingnya atribut rel="noreferrer". Kami melihat apa tujuannya dan bagaimana pembaruan WordPress baru sekarang menambahkan ini sebagai default ke semua tautan Anda. Namun demikian, Anda harus selalu memeriksa ulang apakah WordPress Anda melakukannya. Kami juga melihat bagaimana tautan noopener terkait dengan tautan dofollow dan nofollow dan bagaimana perbedaannya.

Ingatlah bahwa atribut rel=”noopener” ada untuk menjaga keamanan situs web Anda dan Anda harus selalu menggunakannya. Ini tidak akan memengaruhi SEO Anda atau tautan afiliasi Anda. Kami harap artikel ini membantu Anda memahami semuanya dengan lebih baik dan mengapa penting untuk menyertakan atribut ke tautan di semua konten Anda.

Beri tahu kami pendapat Anda di komentar, apakah Anda pernah menjadi korban tabnabbing terbalik? Apakah Anda selalu menggunakan atribut rel=”noopener”?

Gambar Unggulan melalui MarySan / shutterstock.com