Apa yang dimaksud dengan tag noopener? atribut noreferrer/efek nofollow

label hyperlink <a>Kode biasanya digunakan dengan atribut noopener, noreferrer dan nofollow Artikel ini akan membagikan cara menggunakan atribut kode noopener, noreferrer dan nofollow.

Apa yang dimaksud dengan tag noopener?

akan target="_blank" Saat ditambahkan ke tautan, halaman target akan terbuka di tab baru.

Di halaman yang baru dibuka, Anda dapat memperoleh objek jendela halaman sumber melalui window.opener, mengubur potensi risiko keamanan.

• Khususnya, tautan A halaman web Anda sendiri, ada tautan halaman web B yang dapat membuka alamat pihak ketiga lainnya.
• Halaman web B memperoleh objek jendela halaman Web A melalui window.opener;
• Kemudian Anda dapat menggunakan halaman A untuk melompat ke halaman phishing window.opener.location.href=”abc.com”, pengguna tidak menyadarinya
• Alamat melonjak, dan setelah memasukkan nama pengguna dan kata sandi di halaman ini, terjadi kebocoran informasi.
• Untuk menghindari masalah di atas, rel diperkenalkan dan atribut ="noopener" disetel, sehingga halaman yang baru dibuka tidak dapat memperoleh objek jendela dari halaman sumber.
• Saat ini, nilai window.opener adalah null.

Jadi, jika Anda ingin membuka alamat pihak ketiga di tab baru, sebaiknya tambahkan kode tag rel="noopener"Atribut.

Peran atribut noreferrer

Mirip dengan noopener.

Mendirikanrel="noreferrer"Setelah itu, halaman yang baru dibuka tidak dapat membuat jendela halaman sumber diserang.

Pada saat yang sama, informasi document.referrer tidak dapat diperoleh dari halaman yang baru dibuka.Informasi ini berisi alamat halaman sumber.

Biasanya noopener dan noreferrer diset bersamaan,rel="noopener noreferrer".

Karena yang terakhir memiliki fungsi sebelumnya membatasi akses ke window.opener pada saat yang sama, mengapa harus diatur pada waktu yang sama?

Untuk kompatibilitas, karena beberapa browser lama tidak mendukung noopener.

Peran nofollow

Perhitungan bobot halaman oleh mesin pencari mencakup jumlah kutipan halaman (tautan balik), yaitu jika halaman tersebut ditautkan oleh banyak halaman web lain, halaman tersebut akan dinilai sebagai halaman berkualitas tinggi.

Peringkat dalam hasil pencarian akan meningkat.

Saat menyetel rel="nofollow", artinya memberi tahu mesin telusur bahwa tautan tersebut tidak berkontribusi pada peringkat di atas.

• Umumnya digunakan untuk menghubungkan tanpaSEOAlamat internal yang diberi peringkat (seperti tautan halaman pendaftaran atau login), tidak ingin membuang bobot ekspor, atau beberapa halaman berkualitas buruk.