Noopener noreferrer adalah atribut HTML yang ditambahkan ke tautan eksternal. Sebagian besar CMS secara otomatis menyertakannya tanpa Anda harus menambahkannya secara eksplisit.
Atribut noopener menghentikan tab browser baru dari mengakses objek jendela tab asli.
Selain itu, noreferrer mencegah browser mengirimkan header referrer HTTP. Tanpa informasi referrer, situs web tujuan gagal mengetahui dari mana pengguna berasal.
Mari kita pahami apa arti noopener noreferrer dalam SEO dan link building. Apakah [mereka] berguna? Haruskah Anda menggunakannya? Dan apa saja kelebihan dan kekurangannya?
Apa Arti rel="noopener noreferrer"?
Kombinasi tag rel=”noopener noreferrer” ditambahkan ke tautan eksternal yang terbuka di tab baru. Ini digunakan dengan target="_blank".
Ketika Anda menambahkan "noopener", Anda memberi tahu browser untuk menghentikan tab baru dari mengendalikan yang asli. Ini mencegah reverse tabnabbing, di mana situs berbahaya mengambil alih tab situs perujuk.
Di sisi lain, "noreferrer" memastikan bahwa tidak ada data referensi (seperti URL Anda) yang diteruskan ke halaman tujuan. Juga, noreferrer menghentikan pelacakan referer, yang mungkin berguna jika Anda tidak ingin alat analitik dan situs mitra melihat siapa yang mengirim lalu lintas.
Anda harus menggunakan kedua atribut saat membuka tautan di tab baru kecuali jika Anda memerlukan data referensi untuk pelacakan atau kemitraan.
Contoh dari Noopener Noreferrer
Bayangkan Anda menjalankan sebuah blog, dan Anda menautkan ke artikel pihak ketiga tentang [tren] pemasaran.
Anda ingin tautan tersebut terbuka di tab baru agar pembaca tetap berada di situs Anda.
Berikut adalah tampilan HTML-nya:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">Baca lebih lanjut tentang tren pemasaran</a>
Dalam kode ini:
Target="_blank" membuka tautan di tab browser baru.
Noopener memberi tahu browser: “[Jangan] biarkan tab baru [itu] mengontrol atau mengakses yang ini.”
Noreferrer menambahkan lapisan privasi dengan mencegah URL situs Anda dikirimkan ke situs tujuan.
Mengapa "Tag" Ini Penting?
Dalam "link building", dua tag yang paling penting: nofollow dan dofollow.
Beberapa orang menganggap nofollow sama dengan ‘noreferrer’ atau ‘noreferer’. Namun, mereka tidaklah sama.
Menggunakan noopener noreferer tidak berdampak pada link equity.
SEO dan pembangun tautan menggunakan rel="noopener noreferrer" untuk melindungi domain dari serangan eksternal dan untuk melacak data URL dengan akurat.
Kebanyakan sistem manajemen konten seperti Wix, WordPress, Squarespace, Ghost, Webflow, dan lainnya sudah menggunakan tag noopener secara default untuk semua tautan.
Ketika Anda menambahkan tautan, secara default, atribut target="_blank" ditambahkan.
Atribut ini sendiri memperkenalkan [kerentanan] keamanan kecuali dipasangkan dengan noopener. Halaman tujuan memperoleh akses ke objek jendela sumber, yang memungkinkan [manipulasi] melalui skrip.
Menerapkan noopener sepenuhnya menghilangkan risiko tersebut.
Noopener noreferrer juga digunakan untuk melindungi kepercayaan domain dan untuk meningkatkan kinerja browser sehingga tautan dibuka dengan benar, lebih cepat, dan tanpa celah keamanan apa pun.
Implementasi yang benar dari rel="noopener noreferrer" mengarah pada praktik penghubungan yang bersih yang meningkatkan kemampuan perayapan mesin pencari dan mengurangi risiko paparan untuk hasil kampanye SEO yang lebih baik.
[Kelebihan] dan [Kekurangan] Menggunakan Noopener Noreferrer
Dari perspektif SEO dan keamanan, kombinasi noopener noreferrer mendukung eksekusi tautan yang lebih kuat.
Namun, ada beberapa "kontra" yang harus dipertimbangkan.
Di bawah ini adalah rincian dari [keuntungan] dan [keterbatasan] yang dapat diukur dari penggunaan noopener noreferrer.
Berikut adalah [kelebihan] menggunakan noopener noreferrer dalam [tautan eksternal]:
- Melindungi dari Tabnabbing: Ketika pembuat tautan menggunakan target="_blank" untuk membuka tautan di tab baru, itu menciptakan celah keamanan yang disebut reverse tabnabbing. Ini dapat menyebabkan serangan phishing dan pengalihan yang tidak perlu yang merusak reputasi domain. Dengan menambahkan rel="noopener", Anda dapat menyelamatkan situs web Anda dari serangan semacam itu, karena ini mencegah tab baru memiliki akses ke jendela peramban asli.
- [Meningkatkan] [Performa] [Peramban]: [Selain] [meningkatkan] [keamanan], rel="noopener" [dapat] [sebenarnya] [meningkatkan] [performa] [peramban]. [Tanpanya], [tab baru] tetap terhubung ke tab asli melalui properti window.opener. Koneksi itu menggunakan memori dan sumber daya peramban secara tidak perlu. Dengan menggunakan noopener, Anda menghapus tautan tersebut, yang menghasilkan penanganan sumber daya yang lebih bersih.
- [Menawarkan] Lebih [Banyak] Kontrol Mengenai Data Rujukan: Menggunakan rel="noreferrer" memberi [kontrol] kepada SEOs dan pembangun tautan tentang apakah akan meneruskan data rujukan ke halaman tujuan atau tidak. Jika Anda menautkan ke pesaing atau halaman sensitif, menyembunyikan fakta bahwa situs Anda mengirim lalu lintas mungkin strategis. Sebaliknya, jika Anda berada dalam pemasaran afiliasi atau kemitraan di mana Anda perlu membuktikan lalu lintas rujukan, Anda sebaiknya tidak menggunakan noreferrer.
- [Tidak] Memiliki Dampak Negatif pada SEO: Pemilik situs web sering bingung dan menganggap bahwa noopener sama dengan nofollow. Namun, baik noopener maupun noreffer [tidak] mempengaruhi aliran [link juice]. Mereka murni untuk perilaku browser dan privasi. Pembuat tautan dapat dengan aman menggunakannya tanpa mempertaruhkan strategi backlink mereka atau kehilangan nilai dari tautan eksternal otoritas tinggi.
Berikut adalah kekurangan menggunakan noopener noreferer dalam tautan eksternal:
- Anda Kehilangan Data Referensi dengan noreferrer: Ketika Anda menggunakan rel="noreferrer", itu mencegah situs web tujuan melihat dari mana pengunjung berasal. Ini berguna untuk privasi, tetapi tidak ideal ketika pelacakan penting. Sebagai contoh, "pemasar afiliasi", "mitra merek", atau tim analitik sering kali memerlukan informasi referensi tersebut untuk pelaporan, pembayaran, atau optimisasi. Jika Anda menyembunyikannya dengan noreferrer, Anda mungkin kehilangan atribusi atau bahkan pendapatan.
- Masalah Kompatibilitas dengan Beberapa Alat Analitik: Beberapa sistem analitik yang lebih lama atau kustom masih menggunakan header Referer untuk melacak perjalanan pengunjung. Jika noreferrer diterapkan, alat pelacak URL mungkin menunjukkan lalu lintas sebagai “direct” alih-alih menunjukkan sumber sebenarnya. Oleh karena itu, laporan mungkin tidak akurat, dan SEO atau pemilik situs web mungkin tidak tahu dari mana lalu lintas sebenarnya berasal.
- Dapat Menyebabkan Komplikasi Berlebihan pada Template: Pada situs web besar dengan pengaturan CMS yang kompleks, mengelola tag noopener noreferrer pada setiap tautan eksternal dapat memakan waktu. Ini mungkin memerlukan skrip tambahan, konfigurasi plugin, atau upaya manual. Jika tidak ditangani secara konsisten, ini dapat menyebabkan campuran tautan aman dan tidak aman, yang [tidak] ideal untuk pemeliharaan jangka panjang.
Praktik Terbaik untuk Pembuat Tautan
Ikuti praktik terbaik ini saat menggunakan noopener noreferrer dalam membangun tautan:
Gunakan rel="noopener" dengan target="_blank"
Anda harus menggunakan rel="noopener" dengan tautan yang membuka di tab baru melalui target="_blank". Ini mencegah akses ke window.opener dari halaman tertaut dan menghilangkan risiko tabnabbing.
Selain itu, ini memastikan perilaku yang aman tanpa mempengaruhi SEO atau PageRank. Anda harus memperlakukan ini sebagai default untuk semua tautan eksternal yang terbuka di tab baru.
Gunakan rel="noreferrer" dengan Hati-hati
Anda harus menyertakan rel="noreferrer" dalam tautan eksternal untuk memblokir informasi rujukan agar tidak diteruskan ke URL tujuan. Anda harus menambahkan tag ini hanya dalam skenario yang sensitif terhadap privasi atau ketika pelacakan rujukan harus dihindari.
Hindari Penggunaan Berlebihan Noreferrer dalam Pembangunan Tautan
Cobalah untuk menghindari penggunaan "noreferrer" yang berlebihan karena dapat mengurangi visibilitas dalam analitik dan melemahkan nilai "backlinks" dalam kampanye [outreach].
Header referral membantu situs penerima mengenali sumber lalu lintas dan kredibilitas tautan. Berhati-hatilah saat menggunakan atribut ini, dan jangan jadikan sebagai default untuk semua backlink.
Gabungkan dengan Nofollow, UGC, atau Sponsored sesuai Kebutuhan
Gunakan nofollow untuk tautan yang tidak dipercaya atau promosi, UGC untuk konten yang dibuat pengguna, dan sponsored untuk penempatan berbayar atau referensi afiliasi.
Ketika tautan dibuka di tab baru, [pasangkan] dengan noopener untuk keamanan. Hindari [memasangkan] dengan noreferrer kecuali diperlukan oleh kepatuhan atau privasi.
FAQ
Apakah rel="noreferrer" [merugikan] SEO?
Tidak. rel="noreferrer" tidak merugikan SEO. Google mengikuti tautan dengan noreferrer dan meneruskan PageRank (ekuitas tautan) selama nofollow atau sponsored tidak ada. Tag noreferrer mempengaruhi perilaku peramban, bukan bagaimana mesin pencari mengevaluasi atau memberi peringkat halaman.
Otoritas tautan, pengindeksan, dan relevansi teks jangkar sepenuhnya terjaga. Satu-satunya kelemahan adalah kehilangan data rujukan.
Ketika tag ini digunakan, situs tujuan tidak dapat melihat dari mana lalu lintas berasal. Itu berarti platform seperti Google Analytics atau dasbor afiliasi akan kehilangan info perujuk. Oleh karena itu, ini mempengaruhi pelacakan, bukan peringkat.
Apakah "noopener" diperlukan untuk [tautan] internal?
Tidak, rel="noopener" tidak diperlukan untuk [internal linking]. Menambahkan [contextual links] ke situs Anda sendiri tidak memperkenalkan risiko keamanan yang sama yang terkait dengan [external links].
Fungsi utama dari noopener adalah untuk mencegah reverse tabnabbing, dan jenis ancaman ini berasal dari domain pihak ketiga, bukan dari tautan dalam situs yang sama.
Tautan internal beroperasi dalam lingkungan tepercaya di bawah domain yang sama, dan oleh karena itu, protokol keamanan browser sudah membatasi perilaku berbahaya di antara asal yang identik.
Bisakah saya menghapus "tag" ini secara manual?
Ya, Anda dapat menghapus rel="noopener noreferrer" dengan langsung mengedit kode HTML. Buka CMS Anda dalam mode edit dan pergi ke hyperlink.
Sekarang, hapus noopener noreferer dari tautan eksternal atau internal. Jika CMS Anda menambahkan nilai-nilai ini secara default, maka Anda perlu meminta bantuan pengembang untuk mengesampingkan penyisipan otomatis melalui templat atau plugin.
Apa perbedaan antara noreferrer dan nofollow?
Noreferrer adalah instruksi tingkat peramban yang mencegah informasi URL pengarah untuk diteruskan ke halaman tujuan, sedangkan nofollow adalah instruksi khusus SEO yang mencegah aliran "link equity" dari domain utama ke situs yang ditautkan.
Perbedaan utama terletak pada fungsi: noreferrer mempengaruhi visibilitas data rujukan di browser, sedangkan nofollow mempengaruhi transfer sinyal peringkat di mesin pencari.
Kesimpulan
Anda sebaiknya menggunakan rel="noopener noreferrer" untuk situs web eksternal yang terbuka di tab baru. Demikian pula, Anda sebaiknya menerapkan noreferrer ketika [menyembunyikan] data referensi.
Selain itu, pastikan untuk tidak menggunakan atribut ini pada tautan internal. Navigasi internal tidak memperkenalkan risiko keamanan eksternal atau memerlukan kontrol referensi, jadi menambahkan atribut yang tidak perlu hanya akan membuat kode menjadi berantakan tanpa memberikan manfaat.
Ingat bahwa baik noopener maupun noreferrer tidak mempengaruhi peringkat. Mesin pencari tetap mengikuti tautan, meneruskan "link equity", dan memproses teks jangkar. Hanya atribut nofollow dan sponsored yang mengontrol transfer nilai SEO.
