Ditulis oleh: Ditulis pada: 2/08/2018
Jika Anda menambahkan link external di template maupun di dalam postingan dan menggunakan atribut target="_blank"
, maka segera lengkapi dengan atribut rel="noopener"
pada link-link tersebut.Sepertinya hal ini masih belum banyak diketahui oleh blogger (termasuk saya yang baru mengetahuinya hehehe...).
Ketika kita menautkan halaman web lain ke halaman blog kita menggunakan
target="_blank"
, maka proses halaman baru yang berjalan di jendela baru browser sama dengan proses halaman kita. Jika halaman baru tersebut mengeksekusi JavaScript yang berat, maka kinerja halaman blog kita juga bisa terkena dampaknya. Ups... ternyata bisa sampai begitu dampaknya ya....Atribut
target="_blank"
pada link external juga rentan keamanannya. Halaman baru memiliki akses ke objek jendela melalui window.opener
, dan bisa mengarahkan halaman kita ke URL yang berbeda dengan menggunakan window.opener.location = newURL
.Untuk itu silahkan perbaiki link external yang menggunakan
target="_blank"
pada blog Anda dengan menambahkan atribut rel="noopener"
seperti contoh berikut:
<a href="http://www.domainLain.com/" rel="noopener" target="_blank" title="Domain Lain">Domain Lain</a>
Jika digabungkan dengan
rel="nofollow"
maka penulisannya menjadi seperti berikut:
<a href="http://www.domainLain.com/" rel="nofollow noopener" target="_blank" title="Domain Lain">Domain Lain</a>
Semoga bermanfaat.