Noopener noreferrer, harici bağlantılara eklenen bir HTML özniteliğidir. Çoğu CMS, sizin açıkça eklemenize gerek kalmadan bunu otomatik olarak içerir.
"noopener" [özelliği], yeni tarayıcı sekmesinin orijinal sekmenin pencere nesnesine erişmesini durdurur.
Ayrıca, noreferrer tarayıcının HTTP referrer başlığını göndermesini engeller. Referrer bilgisi olmadan, hedef web sitesi kullanıcının nereden geldiğini bilemez.
"noopener noreferrer" SEO'da ve bağlantı oluşturmada ne anlama geldiğini anlayalım. "Faydalı mı?" "Kullanmalı mısınız?" Ve artıları ve eksileri nelerdir?
"noopener noreferrer" Ne Anlama Geliyor?
Yeni bir sekmede açılan harici bağlantılara rel=”noopener noreferrer” etiket kombinasyonu eklenir. target="_blank" ile birlikte kullanılır.
Tarayıcıya, yeni sekmenin orijinali kontrol etmesini durdurmasını söylediğinizde "noopener" eklemiş olursunuz. Bu, kötü niyetli bir sitenin yönlendiren sitenin sekmesini ele geçirdiği reverse tabnabbing'i önler.
Öte yandan, "noreferrer", herhangi bir yönlendirme verisinin (URL'iniz gibi) hedef sayfaya iletilmemesini sağlar. Ayrıca, noreferrer yönlendirme takibini durdurur, bu da eğer analitik araçlarının ve ortak sitelerin trafiği kimin gönderdiğini görmesini istemiyorsanız faydalı olabilir.
Bağlantıları yeni bir sekmede açarken her iki özelliği de kullanmalısınız, aksi takdirde takip veya ortaklıklar için yönlendirme verilerine ihtiyacınız yoksa.
Noopener Noreferrer [Örneği]
Bir blog yürüttüğünüzü ve pazarlama [trendleri] hakkında üçüncü taraf bir makaleye bağlantı verdiğinizi hayal edin.
Bağlantının yeni bir sekmede açılmasını istiyorsunuz, böylece okuyucularınız sitenizde kalır.
HTML böyle görünecektir:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">Pazarlama eğilimleri hakkında daha fazla [okuyun]</a>
Bu kodda:
Target="_blank" bağlantıyı yeni bir tarayıcı sekmesinde açar.
Noopener tarayıcıya şunu söyler: “Bu yeni sekmenin bu sekmeyi kontrol etmesine veya erişmesine [izin] verme.”
Noreferrer, sitenizin URL'sinin hedef siteye iletilmesini engelleyerek bir gizlilik katmanı ekler.
Neden Bu Etiketler Önemli?
Bağlantı kurma işleminde, iki etiket en çok önem taşır: nofollow ve dofollow.
Bazıları nofollow'u ‘noreferrer’ veya ‘noreferer’ ile aynı olduğunu varsayar. Ancak, onlar aynı değildir.
Noopener noreferer kullanmak bağlantı değeri üzerinde bir etkiye sahip değildir.
SEO ve link oluşturucular, alan adını dış saldırılardan korumak ve URL verilerini doğru bir şekilde izlemek için rel="noopener noreferrer" kullanır.
Wix, WordPress, Squarespace, Ghost, Webflow ve diğerleri gibi çoğu içerik yönetim sistemi, zaten tüm bağlantılar için varsayılan olarak noopener etiketini kullanmaktadır.
Bir bağlantı eklediğinizde, varsayılan olarak, target="_blank" özelliği eklenir.
Bu "özellik", noopener ile eşleştirilmedikçe tek başına bir güvenlik açığı oluşturur. Hedef sayfa, kaynak pencere nesnesine erişim kazanır ve bu da [komut dosyaları] aracılığıyla manipülasyona olanak tanır.
Noopener uygulamak bu riski tamamen ortadan kaldırır.
Noopener noreferrer, alan adının güvenilirliğini korumak ve bağlantıların doğru, daha hızlı ve herhangi bir güvenlik açığı olmadan açılmasını sağlamak için tarayıcı performansını artırmak amacıyla da kullanılır.
rel="noopener noreferrer" [öğesinin] doğru uygulanması, arama motoru taranabilirliğini artıran ve daha iyi SEO kampanya sonuçları için risk maruziyetini azaltan temiz bağlantı uygulamalarına yol açar.
Noopener Noreferrer Kullanmanın "Artıları" ve "Eksileri"
Hem SEO hem de güvenlik perspektiflerinden, noopener noreferrer kombinasyonu daha güçlü bağlantı yürütmesini destekler.
Ancak, dikkate alınması gereken bazı "dezavantajlar" vardır.
Aşağıda noopener noreferrer kullanımının ölçülebilir avantajları ve sınırlamaları yer almaktadır.
İşte harici bağlantılarda noopener noreferrer kullanmanın avantajları:
- [Tabnabbing]'den [korur]: Bağlantı [oluşturucuları] bir bağlantıyı yeni bir sekmede açmak için target="_blank" kullandığında, ters [tabnabbing] adı verilen bir güvenlik açığı oluşturur. Bu durum, kimlik avı saldırılarına ve alan adı itibarına zarar veren gereksiz yönlendirmelere yol açabilir. rel="noopener" ekleyerek, yeni sekmenin orijinal tarayıcı penceresine erişimini engellediği için web sitenizi bu tür saldırılardan koruyabilirsiniz.
- Tarayıcı Performansını İyileştirir: Güvenliği artırmanın yanı sıra, rel="noopener" tarayıcı performansını da gerçekten iyileştirebilir. Onsuz, yeni sekme window.opener özelliği aracılığıyla orijinal sekmeye bağlı kalır. Bu bağlantı gereksiz yere bellek ve tarayıcı kaynaklarını kullanır. Noopener kullanarak, bu bağlantıyı kaldırırsınız, bu da daha temiz bir kaynak yönetimi ile sonuçlanır.
- Yönlendirme Verileri Üzerinde Daha Fazla Kontrol Sunar: rel="noreferrer" kullanmak, SEO'lara ve bağlantı oluşturucularına yönlendirme verilerini hedef sayfaya iletip iletmeme konusunda kontrol sağlar. Eğer bir rakibe veya hassas bir sayfaya bağlantı veriyorsanız, sitenizin trafik gönderdiğini gizlemek stratejik olabilir. Öte yandan, yönlendirme trafiğini kanıtlamanız gereken ortaklıklar veya bağlı pazarlama durumlarında noreferrer kullanmamalısınız.
- SEO Üzerinde Olumsuz Etkisi Yoktur: Web sitesi sahipleri, noopener'ın nofollow ile aynı olduğunu varsayarak kafa karışıklığı yaşarlar. Ancak, ne noopener ne de noreffer link juice akışını etkiler. Bunlar tamamen tarayıcı davranışı ve gizlilik içindir. Link inşacıları, backlink stratejilerini riske atmadan veya yüksek otoriteli dış bağlantılardan değer kaybetmeden bunları güvenle kullanabilirler.
İşte harici bağlantılarda noopener noreferer kullanmanın "eksileri":
- rel="noreferrer" ile Yönlendirme Verilerini Kaybedersiniz: rel="noreferrer" kullandığınızda, hedef web sitesinin ziyaretçinin nereden geldiğini görmesini engeller. Gizlilik için faydalıdır, ancak izleme önemli olduğunda ideal değildir. Örneğin, [ortaklık] pazarlamacıları, marka ortakları veya analiz ekipleri genellikle raporlama, ödeme veya optimizasyon için bu yönlendirme bilgilerine ihtiyaç duyarlar. Eğer bir noreferrer ile bunu gizliyorsanız, atıf ya da hatta gelir kaybı yaşayabilirsiniz.
- Bazı Analitik Araçlarıyla Uyumluluk Sorunları: Bazı eski veya özel analitik sistemleri, ziyaretçi yolculuklarını izlemek için hala Referer başlığını kullanır. Eğer noreferrer uygulanırsa, URL izleme araçları trafiği gerçekte gelen kaynağı göstermeden “doğrudan” olarak gösterebilir. Bu nedenle, raporlar hatalı olabilir ve SEO'lar veya web sitesi sahipleri trafiğin gerçekten nereden geldiğini bilemeyebilir.
- "Şablonlarda" Aşırı Karmaşıklığa Yol Açabilir: Karmaşık CMS kurulumlarına sahip büyük web sitelerinde, her harici bağlantıda noopener noreferrer etiketlerini yönetmek zaman alıcı olabilir. Ekstra betikleme, eklenti yapılandırmaları veya manuel çaba gerektirebilir. Tutarlı bir şekilde ele alınmazsa, güvenli ve güvensiz bağlantıların karışımına neden olabilir, bu da uzun vadeli bakım için "ideal" değildir.
Bağlantı Oluşturucular için En İyi Uygulamalar
Link inşasında noopener noreferrer kullanırken bu en iyi uygulamaları takip edin:
target="_blank" ile birlikte rel="noopener" kullanın
Yeni sekmelerde target="_blank" ile açılan bağlantılarda rel="noopener" kullanmalısınız. Bu, bağlı sayfanın window.opener erişimini engeller ve tabnabbing risklerini ortadan kaldırır.
Ayrıca, SEO veya PageRank'i etkilemeden güvenli davranışı garanti eder. Tüm harici bağlantıların yeni bir sekmede açılması için bunu varsayılan olarak kabul etmelisiniz.
rel="noreferrer" [kullanırken] Dikkatli Olun
Harici bağlantılarda yönlendirme bilgisinin hedef URL'ye iletilmesini engellemek için rel="noreferrer" eklemelisiniz. Bu etiketi yalnızca gizliliğe duyarlı senaryolarda veya yönlendirme takibinin önlenmesi gerektiğinde eklemelisiniz.
Bağlantı Oluştururken Noreferrer'in Aşırı Kullanımından Kaçının
Analizlerde görünürlüğü azalttığı ve erişim kampanyalarında geri bağlantıların değerini zayıflattığı için noreferrer [aşırı] kullanımından kaçınmaya çalışın.
Yönlendirme başlıkları, trafik kaynaklarını ve bağlantı güvenilirliğini tanımada alıcı sitelere yardımcı olur. Bu özelliği kullanırken dikkatli olun ve tüm geri bağlantılar için varsayılan yapmayın.
Gerekirse Nofollow, UGC veya Sponsored ile Birleştir
Güvenilmeyen veya tanıtım amaçlı bağlantılar için nofollow kullanın, kullanıcı tarafından oluşturulan içerik için UGC, ve ücretli yerleştirmeler veya ortaklık referansları için sponsored kullanın.
Bağlantılar yeni sekmelerde açıldığında, güvenlik için noopener ile eşleştirin. Uyumluluk veya gizlilik gerektirmedikçe noreferrer ile eşleştirmekten kaçının.
FAQ
rel="noreferrer" SEO'yu [etkiler] mi?
Hayır. rel="noreferrer" SEO'ya zarar vermez. Google, nofollow veya sponsored bulunmadığı sürece noreferrer ile bağlantıları takip eder ve PageRank (bağlantı değeri) geçirir. Noreferrer etiketi tarayıcı davranışını etkiler, arama motorlarının sayfaları değerlendirmesi veya sıralaması üzerinde etkili değildir.
Bağlantı otoritesi, dizine ekleme ve bağlantı metni alaka düzeyi tamamen korunur. Tek dezavantajı yönlendirme verisi kaybıdır.
Bu etiket kullanıldığında, hedef site trafiğin nereden geldiğini göremez. Bu, Google Analytics veya [affiliate] panoları gibi platformların yönlendirici bilgilerini kaçıracağı anlamına gelir. Dolayısıyla, bu izlemeyi etkiler, sıralamaları değil.
İç [bağlantılar] için noopener gerekli mi?
Hayır, rel="noopener" dahili bağlantılar için gerekli değildir. Kendi sitenize bağlamsal bağlantılar eklemek, harici bağlantılarla ilişkilendirilen aynı güvenlik risklerini getirmez.
Noopener'ın birincil işlevi, "ters sekme kaçırmayı" önlemektir ve bu tür bir tehdit, aynı site içindeki bağlantılardan değil, üçüncü taraf alan adlarından kaynaklanır.
Dahili bağlantılar, aynı alan adı altında güvenilir bir ortamda çalışır ve bu nedenle tarayıcı güvenlik protokolleri, aynı kökenler arasında tehlikeli davranışları zaten kısıtlar.
Bu etiketleri elle [kaldırabilir] miyim?
Evet, HTML kodunu doğrudan düzenleyerek rel="noopener noreferrer" kaldırabilirsiniz. CMS'inizi düzenleme modunda açın ve bağlantıya gidin.
Şimdi, harici veya dahili bağlantıdan noopener noreferer kaldırın. CMS'iniz varsayılan olarak bu değerleri ekliyorsa, şablonlar veya eklentiler aracılığıyla otomatik eklemeyi geçersiz kılmak için bir geliştiriciden yardım almanız gerekecek.
noreferrer ve nofollow arasındaki fark nedir?
Noreferrer, yönlendiren URL bilgisinin hedef sayfaya iletilmesini engelleyen bir tarayıcı düzeyinde talimattır, "nofollow" ise bağlantı otoritesinin ana alan adından bağlantılı siteye akışını engelleyen SEO'ya özgü bir talimattır.
Birincil [fark], işlevde [yatmaktadır]: noreferrer tarayıcıda [yönlendirme] verisi görünürlüğünü etkilerken, nofollow arama motorlarında sıralama sinyali [aktarımını] etkiler.
Sonuç
Yeni bir sekmede açılan harici web siteleri için rel="noopener noreferrer" kullanmalısınız. Benzer şekilde, yönlendirme verilerini gizlerken noreferrer uygulamalısınız.
Ayrıca, bu nitelikleri dahili bağlantılarda kullanmadığınızdan emin olun. Dahili gezinme, harici güvenlik riskleri oluşturmaz veya yönlendirme kontrolü gerektirmez, bu nedenle gereksiz nitelikler eklemek, fayda sağlamadan kodda karmaşıklık yaratır.
Unutmayın ki noopener veya noreferrer sıralamaları etkilemez. Arama motorları bağlantıları takip etmeye, bağlantı değerini aktarmaya ve çapa metnini işlemeye devam eder. Sadece nofollow ve sponsored nitelikleri SEO değer aktarımını kontrol eder.
