Noopener ve Noreferrer Rel Tagleri Nedir? Güvenli Bağlantı Kullanımı Rehberi
Modern web tasarımında ve SEO uygulamalarında, hem kullanıcı güvenliği hem de site performansı için doğru link özelliklerini kullanmak kritik önem taşır. Bu bağlamda en sık karşımıza çıkan iki önemli HTML etiketi rel="noopener" ve rel="noreferrer" etiketleridir. Bu tagler, harici bağlantılar üzerinden güvenlik açıklarını engellemek ve kullanıcı deneyimini iyileştirmek amacıyla kullanılır.
Bu makalede noopener ve noreferrer etiketlerinin ne olduğunu, ne işe yaradığını, SEO’ya etkilerini ve hangi durumlarda kullanılmaları gerektiğini tüm detaylarıyla açıklıyoruz.
Noopener Nedir?
rel="noopener", yeni sekmede açılan bağlantıların açılış davranışını kontrol eden bir HTML rel niteliğidir. Özellikle target="_blank" etiketiyle birlikte kullanılması önerilir.
Noopener Ne İşe Yarar?
Yeni sekmede açılan bir bağlantı, varsayılan olarak tarayıcıda açıldığı sayfanın penceresine erişebilir. Bu, güvenlik açısından ciddi risk oluşturur. rel="noopener":
Link verilen sitenin, bağlantıyı gönderen site üzerinde komut çalıştırmasını engeller.
Window.opener exploit adı verilen saldırıları tamamen devre dışı bırakır.
Sitenin performansını artırır, çünkü tarayıcı gereksiz bağımlılık yüklemez.
Noopener Kullanım Örneği
Noreferrer Nedir?
rel="noreferrer", harici bağlantıya tıklayan ziyaretçilerin yönlendirildiği siteye referer bilgisinin gönderilmesini engeller.
Noreferrer Ne İşe Yarar?
Noreferrer etiketi:
Bağlantı verdiğiniz sitenin, ziyaretçinin hangi siteden geldiğini görmesini engeller.
Kullanıcı gizliliğini artırır.
Bazı güvenlik açıklarını engeller.
Tarayıcı tarafından gönderilen referrer bilgisini kaldırdığı için veri sızıntılarını azaltır.
Noreferrer Kullanım Örneği
Noopener ve Noreferrer Arasındaki Fark Nedir?
Her iki rel etiketinin amacı güvenlik ve gizliliği artırmaktır, ancak çalışma şekilleri farklıdır:
| Özellik | noopener | noreferrer |
|---|---|---|
| Window.opener erişimini engeller | Evet | Evet |
| Referer bilgisini göndermez | Hayır | Evet |
| Gizlilik sağlar | Kısmen | Tamamen |
| SEO etkisi | Yok | Çok az (referrer verisi kaybolur) |
SEO Açısından Noopener ve Noreferrer Kullanımı
SEO’ya Zararı Var mı?
rel="noopener", SEO açısından tamamen güvenlidir.
rel="noreferrer", yönlendirme bilgisini karşı tarafa iletmediği için backlink analiz araçlarının referer kaynağını görmesini zorlaştırabilir.
Ancak, Google sıralamalarına doğrudan bir etkisi yoktur.
Google Bu Etiketleri Öneriyor mu?
Google geliştiricileri, özellikle güvenlik nedeniyle:
target="_blank" kullanılan tüm linklerde noopener/noreferrer kullanımını tavsiye eder.
Sitenin güvenli olması, kullanıcı deneyimi ve performans açısından değerlidir.
Noopener ve Noreferrer Ne Zaman Kullanılmalı?
Kesinlikle Kullanılması Gereken Durumlar
- target="_blank" etiketiyle açılan tüm linklerde
- Kullanıcı güvenliğinin kritik olduğu sitelerde
- Bankacılık ve finans içeriklerinde
- Blog platformlarında harici site bağlantılarında
Kullanılmasa da Olur Diyebileceğimiz Durumlar
Aynı domaine verilen dahili linkler
Harici linklerin referer bilgisinin karşı siteye iletilmesi gerektiğinde (örneğin affiliate linkler)
Noopener ve Noreferrer Birlikte Kullanılır mı?
Evet. Çoğu modern site şu şekilde kullanır:
Güvenli ve Gizlilik Dostu Bağlantı
Bu kombinasyon hem güvenlik hem gizlilik sağlar.
Güvenlik Açısından Önemi
Noopener ve noreferrer etiketlerinin sağladığı güvenlik avantajları:
- Phishing saldırılarını engeller
- Reverse tabnabbing denilen saldırıları imkansız hale getirir
- Kötü amaçlı kod çalıştırılmasını önler
- Kullanıcıların kötü niyetli siteler tarafından manipüle edilmesini engeller
Hangi Platformlar Otomatik Olarak Ekliyor?
Bazı CMS ve blog sistemleri, target="_blank" kullanılan bağlantılara otomatik olarak noopener ve noreferrer ekler:
- WordPress (varsayılan olarak ekler)
- Medium
- Ghost
- Blogger
Bu nedenle modern sitelerin büyük çoğunluğu bu güvenlik iyileştirmesini otomatik olarak uygular.
rel="noopener" ve rel="noreferrer", güvenli, hızlı ve gizlilik dostu bir web deneyimi için kritik önem taşıyan HTML rel etiketleridir. Her biri farklı amaçlara hizmet eder:
- Noopener güvenlik sağlar.
- Noreferrer gizlilik sağlar.
- Birlikte kullanıldıklarında maksimum koruma sunarlar.
- Özellikle yeni sekmede açılan bağlantılarda bu etiketleri kullanmak hem SEO hem de kullanıcı güvenliği açısından en doğru uygulamadır.