Apa Arti Tag rel=”noopener noreferrer”? (& Apakah Ini Mempengaruhi SEO?)

Menjaga keamanan di situs web Anda adalah salah satu aspek terpenting sebagai pemilik situs. Anda mungkin memahami pentingnya memiliki HTTPS di awalan URL Anda, atau mengapa Anda memerlukan sertifikat SSL. Tapi tahukah Anda apa arti atribut tag HTML noopener noreferrer , dan kapan Anda harus menggunakannya?

Dalam artikel ini, kita akan membahas apa arti rel=”noopener noreferrer” , kapan harus digunakan, dan bagaimana pengaruhnya terhadap situs Anda dari perspektif SEO. Mari kita melompat ke dalamnya.

Apa itu rel=”noopener noreferrer”?

Atribut HTML rel="noopener noreferrer" muncul di hyperlink eksternal. Secara khusus, menggunakan atribut noopener dan noreferrer mencegah:

• target tautan memuat di tab yang sama tempat tautan diklik
• tautan balik agar tidak muncul sebagai lalu lintas rujukan di analitik situs tujuan

Seperti inilah tampilan atribut tag saat beraksi:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress secara otomatis menambahkan atribut ini ke tautan eksternal yang Anda atur untuk dibuka di jendela baru. Mari kita uraikan dan lihat apa yang dilakukan setiap atribut.

pembuka

Jika Anda ingin mencegah tautan eksternal mengambil alih jendela browser asal pengguna Anda, Anda dapat menambahkan atribut noopener . Menurut MDN,

“[ noopener ] menginstruksikan browser untuk menavigasi ke sumber daya target tanpa memberikan akses konteks penelusuran baru ke dokumen yang membukanya. […] Ini sangat berguna saat membuka tautan yang tidak tepercaya, untuk memastikan tautan tersebut tidak dapat merusak dokumen aslinya…”

Singkatnya, noopener sebagian besar merupakan tindakan keamanan untuk mencegah tautan berbahaya mendapatkan akses ke browser pengguna (serangan phishing yang dikenal sebagai tabnabbing). Di masa lalu, membiarkan target="_blank" sendirian di tautan Anda membuka kerentanan keamanan ini. Sekarang, setiap kali Anda memiliki tautan eksternal yang disetel untuk dibuka di jendela browser baru menggunakan target="_blank" , sebagian besar mesin pencari dan pakar SEO menganggapnya sebagai praktik terbaik untuk menggunakan noopener di sampingnya.

(Menurut Jaringan Pengembang Mozilla (MDN), target="_blank" atribut "sekarang secara implisit memberikan perilaku <rel> yang sama" dengan noopener . Kami merasa bahwa keamanan ganda masih layak dan termasuk noopener karena tidak semua pengguna mengeklik tautan di peramban yang paling mutakhir dan aman.)

perujuk

Pada dasarnya, noreferrer mencegah situs eksternal mengetahui bahwa Anda telah menyertakan tautan ke materi mereka di situs web Anda. Ini mungkin penting bagi Anda untuk alasan privasi atau keamanan. Secara keseluruhan, atribut khusus ini adalah atribut yang ingin Anda pikirkan sebelum menerapkannya ke tautan Anda. Menggunakannya sangat tergantung pada preferensi Anda.

Atribut noreferrer menutupi tautan rujukan Anda di analytics tujuan. Ini melindungi informasi situs Anda agar tidak ditransfer ke situs web yang dinavigasi pengguna Anda. Akibatnya, ini menyebabkan tautan muncul sebagai lalu lintas langsung di Google Analytics, bukan sebagai lalu lintas Rujukan dari domain spesifik Anda.

Jika seseorang menavigasi ke situs web Anda menggunakan tautan yang tidak menyertakan noreferrer , maka Anda akan dapat melihat situs web mereka tercantum di tautan lalu lintas Rujukan di dasbor Analytics Anda. Tetapi jika tautan menyertakan noreferrer , itu akan muncul di lalu lintas langsung. Anda dapat menemukan cantuman ini di Google Analytics di bawah Akuisisi > Semua Lalu Lintas > Saluran dan Akuisisi > Semua Lalu Lintas > Rujukan .

Itu masih akan melewati "jus tautan" untuk SEO, tetapi bukan data tentang pembuatnya. Jika Anda tidak tertarik untuk meneruskan peningkatan SEO itu, nofollow akan menjadi tag tambahan yang ingin Anda tambahkan.

Menggunakan dengan rel="nofollow"

Menambahkan atribut nofollow ke tautan yang menyertakan rel=”noopener noreferrer” memungkinkan Anda menautkan ke situs web lain tanpa terlihat menyetujui konten atau perspektif mereka. Google mengatakan atribut ini harus digunakan "untuk kasus di mana Anda ingin menautkan ke halaman tetapi tidak ingin menyiratkan jenis dukungan apa pun, termasuk meneruskan kredit peringkat ke halaman lain."

Pada dasarnya, nofollow memberi tahu Google bahwa Anda tidak ingin menganggap Anda mendukung situs tertentu hanya karena Anda menautkannya. Ada sejumlah atribut tautan serupa yang membantu Google memahami maksud di balik tautan, termasuk atribut untuk memberi label pada konten bersponsor dan konten buatan pengguna (banyak di antaranya dapat ditambahkan melalui markup Skema).

Singkatnya, menambahkan ketiga atribut — noopener , noreferrer , dan nofollow — ke tautan memberi tahu Google bahwa Anda:

• Bersedia untuk melindungi pengguna situs Anda dari tautan eksternal yang berpotensi berbahaya ( noopener )
• Tidak mau muncul dalam data analitik situs web sebagai Lalu lintas yang dirujuk ( noreferrer )
• Tidak mau mendukung konten atau pembuat yang Anda tautkan ( nofollow )

Atribut nofollow tampaknya cukup spesifik, jadi Anda mungkin hanya ingin menggunakannya berdasarkan kasus per kasus dan bukan sebagai aturan umum. Banyak blog mengatur bagian komentar mereka ke nofollow untuk menghindari spam komentar dari bot dan orang-orang yang tidak berkontribusi dalam percakapan.

Kapan Menggunakan "noopener noreferrer"

Anda ingin situs web Anda seaman mungkin bagi pengunjung Anda. Karena Anda ingin membangun dan memanfaatkan strategi backlink yang kuat, Anda tidak akan menggunakan rel=”noopener noreferrer” sepanjang waktu. Misalnya, Anda harus menghindari menggunakannya saat menautkan ke halaman internal dalam situs Anda.

Menggunakan rel=”noopener noreferrer” memberi tahu Google bahwa Anda peduli dengan keamanan tautan. Dan Anda tidak ingin situs tertentu mengenali situs Anda sebagai rujukan.

Dampak Keseluruhan dari “noopener noreferrer” pada SEO

Saat Anda menggunakan atribut rel=”noopener noreferrer” di tautan eksternal Anda, ini seharusnya tidak memiliki efek negatif langsung pada strategi backlink SEO Anda. Tidak ada atribut yang akan menyebabkan peringkat SEO teknis Anda terpukul. Faktanya, menggunakan noopener bersama target="_blank" akan memberikan SEO on-page yang lebih baik karena pengguna akan tetap berada di situs Anda, bahkan saat mereka menavigasi ke situs lain.

Namun, noreferrer akan membuat Google tidak dapat mengenali saat Anda menautkan ke situs orang lain. Dan, pemilik situs web lain tidak akan dapat melihat saat Anda menautkannya.

Itu berarti Anda memotong kemungkinan tautan timbal balik. Lagi pula, jika Anda tidak memberi pemilik situs opsi untuk melihat lalu lintas rujukan Anda saat mereka memeriksa analitik mereka, mereka tidak dapat mengetahui bahwa itu dari Anda.

Tautan balik ke situs web Anda dari tempat lain tidak dijamin. Namun, tidak ada salahnya untuk melakukan sebanyak mungkin untuk terhubung dengan situs dan konten yang Anda sukai. Namun, secara umum, menggunakan rel=”noopener noreferrer” di tautan eksternal Anda tidak akan membahayakan. Pastikan untuk tidak menggunakannya di halaman situs web Anda sendiri saat Anda menggunakan tautan internal. Melakukannya dapat menyebabkan masalah dalam analisis situs Anda sendiri dan dengan Googlebot merayapi dan mengindeks struktur situs Anda.

Kesimpulan

Sekarang setelah Anda mengetahui cara menggunakan rel=”noopener noreferrer” di situs web Anda, sekarang saatnya untuk merencanakannya. Jika perlu, pertimbangkan untuk membuat spreadsheet dari tautan eksternal yang Anda sertakan di situs Anda. Juga, lacak halaman tempat mereka berada dan atribut yang telah Anda terapkan padanya. Melakukannya dapat membantu untuk referensi cepat jika Anda perlu membuat perubahan di masa mendatang.

Apakah Anda menggunakan rel=”noopener noreferrer” di hyperlink Anda? Mengapa atau mengapa tidak? Beri kami komentar dan beri tahu kami pendapat Anda.

Gambar unggulan melalui Sammby / shutterstock.com