İnternet sitelerinde bağlantılar aynı sekmede veya yeni bir tarayıcı sekmesinde açılabilir. Özellikle site dışındaki bir kaynağa bağlantı verildiğinde kullanıcıların mevcut sayfadan ayrılmaması için target="_blank" özelliği kullanılabilir.

Ancak yeni sekmede açılan bağlantılar yalnızca kullanıcı deneyimi açısından değerlendirilmemelidir. Bağlantının açıldığı sayfanın kaynak sayfaya erişimi ve hedef siteye hangi yönlendirme bilgilerinin aktarıldığı da dikkate alınmalıdır.

Noopener ve noreferrer, HTML bağlantılarında kullanılan rel özelliğinin değerleridir. Bu değerler yeni sekmede açılan bağlantıların güvenliğini ve yönlendiren sayfa bilgilerinin paylaşımını kontrol etmeye yardımcı olur.

Temel kullanım örneği şu şekildedir:

<a href="https://www.orneksite.com/" target="_blank" rel="noopener noreferrer">
    Örnek siteyi ziyaret edin
</a>

Bu bağlantıda:

href, kullanıcının gideceği adresi belirtir.
target="_blank", bağlantının yeni sekmede açılmasını sağlar.
noopener, açılan sayfanın kaynak pencereye erişimini sınırlar.
noreferrer, hedef siteye yönlendiren sayfa bilgisinin gönderilmesini önler.

Noopener ve noreferrer kavramlarının genel kullanımını incelemek için noopener ve noreferrer içeriğinden yararlanılabilir.

Rel Özelliği Nedir?

Rel, HTML bağlantısının mevcut sayfa ile hedef kaynak arasındaki ilişkiyi tanımlamak için kullanılan bir özelliktir.

Örnek:

<a href="https://www.orneksite.com/" rel="noopener">Bağlantı</a>

rel özelliği farklı değerlerle kullanılabilir:

noopener
noreferrer
nofollow
sponsored
ugc
alternate
canonical
author
help
license

Bu değerlerin tamamı aynı amaca hizmet etmez. Bazıları güvenlik, bazıları arama motoru ilişkisi, bazıları ise doküman türü hakkında bilgi verir.

Rel değerlerinin genel kullanım alanlarını öğrenmek için HTML rel nedir rehberi incelenebilir.

Target Blank Nedir?

Target blank, bir bağlantının yeni sekmede veya yeni pencerede açılmasını sağlayan HTML özelliğidir.

Örnek:

<a href="https://www.orneksite.com/" target="_blank">
    Yeni sekmede aç
</a>

Kullanıcı bağlantıya tıkladığında mevcut sayfa açık kalır ve hedef bağlantı yeni sekmede görüntülenir.

target özelliğinde kullanılabilen bazı değerler şunlardır:

Target değeri	Açıklaması
`_self`	Bağlantıyı mevcut sekmede açar
`_blank`	Bağlantıyı yeni sekmede veya pencerede açar
`_parent`	Bağlantıyı üst çerçevede açar
`_top`	Bağlantıyı en üst tarayıcı bağlamında açar

Normal bağlantılarda varsayılan davranış çoğunlukla _self şeklindedir. Bu nedenle aynı sekmede açılacak bağlantılarda ayrıca target="_self" yazılması genellikle gerekli değildir.

Noopener Nedir?

Noopener, yeni sekmede açılan hedef sayfanın kendisini açan kaynak sayfaya window.opener üzerinden erişmesini engelleyen bir bağlantı ilişkisidir.

Örnek:

<a href="https://www.orneksite.com/" target="_blank" rel="noopener">
    Bağlantıyı aç
</a>

Bir bağlantı yeni sekmede açıldığında hedef sayfa bazı koşullarda kendisini açan pencereye erişmeye çalışabilir. Noopener kullanımı, yeni sayfada window.opener değerinin kullanılmasını önleyerek kaynak sayfanın korunmasına yardımcı olur.

Noopener temel olarak bir güvenlik önlemidir.

Noopener kullanıldığında hedef siteye yönlendiren sayfa bilgisi gönderilmeye devam edebilir. Yönlendiren sayfa bilgisinin de kaldırılması isteniyorsa noreferrer kullanılmalıdır.

Window.opener Nedir?

Window.opener, JavaScript içerisinde bir pencerenin veya sekmenin kendisini açan tarayıcı penceresine erişmesini sağlayabilen özelliktir.

Örnek olarak bir kullanıcı A sitesindeki bağlantıya tıklayarak B sitesini yeni sekmede açabilir. Uygun güvenlik önlemleri bulunmadığında B sitesi, kendisini açan A sekmesiyle belirli bir ilişki kurabilir.

Bu erişim kötü niyetli biçimde kullanılırsa kaynak sekmenin farklı bir adrese yönlendirilmesi denenebilir.

Noopener kullanıldığında açılan sekmenin kaynak pencereye erişimi sınırlandırılır:

<a href="https://www.orneksite.com/" target="_blank" rel="noopener">
    Güvenli biçimde aç
</a>

Reverse Tabnabbing Nedir?

Reverse tabnabbing, yeni sekmede açılan kötü niyetli bir sayfanın kaynak sekmeyi farklı bir adrese yönlendirmeye çalıştığı saldırı yöntemidir.

Örnek bir senaryo şu şekilde ilerleyebilir:

Kullanıcı güvenilir bir internet sitesini ziyaret eder.
Site üzerindeki dış bağlantıyı yeni sekmede açar.
Hedef sayfa güvenilir olmayan kodlar çalıştırır.
Hedef sayfa, kaynak sekmeyi sahte bir giriş sayfasına yönlendirmeye çalışır.
Kullanıcı ilk sekmeye döndüğünde sahte sayfayı gerçek site sanabilir.
Kullanıcının giriş bilgilerini paylaşması hedeflenebilir.

Modern tarayıcılar target="_blank" bağlantılarında önemli güvenlik önlemleri uygulasa da bağlantıların açık ve güvenli biçimde kodlanması yararlıdır.

rel="noopener" kullanımı bağlantının yeni sekmede kaynak pencereye erişmeden açılmasını sağlar.

Noreferrer Nedir?

Noreferrer, kullanıcı hedef bağlantıya gittiğinde kaynak sayfa adresinin Referer HTTP başlığıyla gönderilmesini engelleyen rel değeridir.

Örnek:

<a href="https://www.orneksite.com/" target="_blank" rel="noreferrer">
    Kaynak bilgisini göndermeden aç
</a>

Normal bir bağlantıda hedef site, ziyaretçinin hangi sayfadan geldiğine ilişkin bilgi alabilir. Noreferrer kullanıldığında bu yönlendirme bilgisi gönderilmez.

Noreferrer ayrıca noopener davranışını da içerir. Bu nedenle:

rel="noreferrer"

kullanıldığında yeni sayfanın kaynak pencereye erişimi de engellenir.

Bununla birlikte birçok projede kodun amacını daha açık göstermek için iki değer birlikte yazılabilir:

rel="noopener noreferrer"

Referer Bilgisi Nedir?

Referer, bir HTTP isteğinin hangi sayfa üzerinden başlatıldığını belirtebilen başlık bilgisidir.

Örneğin kullanıcı:

site-a.com/blog-yazisi/

sayfasındaki bir bağlantıya tıklayarak:

site-b.com/hizmet/

adresine giderse site B, ziyaretin site A üzerinden geldiğini görebilir.

Bu bilgi:

Trafik kaynağı analizinde
Yönlendirme trafiğinin ölçülmesinde
Kampanya performansının değerlendirilmesinde
Güvenlik kontrollerinde
Kullanıcı davranışı analizinde

kullanılabilir.

Noreferrer kullanıldığında hedef site bu yönlendiren URL bilgisini alamaz.

Noopener ve Noreferrer Arasındaki Fark Nedir?

Noopener ve noreferrer benzer görünse de farklı amaçlara sahiptir.

Özellik	Noopener	Noreferrer
Temel amacı	Kaynak pencereye erişimi engellemek	Referer bilgisini göndermemek
Güvenlik etkisi	`window.opener` erişimini sınırlar	Noopener davranışını da içerir
Referer bilgisi	Gönderilebilir	Gönderilmez
Analitik etkisi	Yönlendirme kaynağı korunabilir	Trafik kaynağı kaybolabilir
Yaygın kullanım	Yeni sekmede açılan dış bağlantılar	Kaynak adresinin gizlenmesi gereken bağlantılar
SEO komutu mudur?	Hayır	Hayır
Nofollow etkisi var mı?	Hayır	Hayır

Noopener güvenliğe odaklanırken noreferrer hem güvenlik hem de yönlendiren sayfa bilgilerinin gizlenmesiyle ilgilidir.

Noopener, Noreferrer ve Nofollow Farkları

Bu üç değer sıklıkla birbiriyle karıştırılır. Ancak kullanım amaçları birbirinden farklıdır.

Rel değeri	Temel işlev	Referer bilgisini kaldırır mı?	Opener erişimini engeller mi?	Arama motoru bağlantı ilişkisi
`noopener`	Yeni sekme güvenliği	Hayır	Evet	Özel bir sıralama talimatı vermez
`noreferrer`	Kaynak bilgisini gizleme	Evet	Evet	Nofollow anlamına gelmez
`nofollow`	Bağlantı ilişkisini arama motoruna belirtme	Hayır	Hayır	Bağlantının takip ve değerlendirme biçimine ilişkin işaret sunar
`sponsored`	Ücretli bağlantıyı belirtme	Hayır	Hayır	Reklam veya sponsorluk ilişkisini belirtir
`ugc`	Kullanıcı tarafından oluşturulan bağlantı	Hayır	Hayır	Kullanıcı içeriği ilişkisini belirtir

Bir bağlantıda farklı amaçlara yönelik birden fazla rel değeri birlikte kullanılabilir.

Örnek:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener noreferrer nofollow">
    Harici bağlantı
</a>

Bu kullanımda:

Bağlantı yeni sekmede açılır.
Hedef sayfa kaynak pencereye erişemez.
Referer bilgisi gönderilmez.
Arama motoruna nofollow ilişkisi belirtilir.

Ancak her dış bağlantıya otomatik olarak nofollow eklenmesi gerekmez. Bağlantının türüne ve verilme amacına göre karar verilmelidir.

Noreferrer Nofollow Anlamına Gelir mi?

Hayır. Noreferrer ile nofollow aynı değildir.

Noreferrer, tarayıcı ve HTTP yönlendirme bilgileriyle ilgilidir. Nofollow ise bağlantının arama motorları tarafından değerlendirilme biçimine ilişkin bir rel değeridir.

Aşağıdaki bağlantı noreferrer kullanır ancak nofollow içermez:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noreferrer">
    Bağlantı
</a>

Aşağıdaki bağlantı ise hem noreferrer hem nofollow içerir:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noreferrer nofollow">
    Bağlantı
</a>

Noreferrer eklenmesi bağlantıyı otomatik olarak nofollow yapmaz.

Noopener SEO’yu Etkiler mi?

Noopener doğrudan bir SEO sıralama etiketi değildir. Temel amacı yeni sekmede açılan bağlantıların güvenliğini geliştirmektir.

Noopener:

Bağlantının takip edilmesini doğrudan engellemez.
Bağlantıyı nofollow yapmaz.
Link değerinin aktarımına ilişkin özel talimat vermez.
Arama motoruna bağlantının ücretli olduğunu belirtmez.
Sayfanın dizine eklenmesini engellemez.

Bu nedenle rel="noopener" kullanımı güvenlik amacıyla değerlendirilmeli, nofollow veya sponsored gibi SEO bağlantı ilişkileriyle karıştırılmamalıdır.

SEO’nun temel çalışma yapısını öğrenmek için SEO nedir rehberi incelenebilir.

Noreferrer SEO’yu Etkiler mi?

Noreferrer da doğrudan bir sıralama etiketi değildir. Bağlantının hedef siteye yönlendirme kaynağı bilgisi göndermesini engeller.

Bununla birlikte noreferrer kullanımının dolaylı etkileri olabilir:

Hedef sitenin yönlendirme trafiğini doğru kaynakla eşleştirmesi zorlaşabilir.
Trafik analizinde kaynak “doğrudan” veya belirsiz görünebilir.
İş ortaklığı ve tanıtım yazısı trafiğinin ölçülmesi zorlaşabilir.
Referer tabanlı teknik kontroller çalışmayabilir.
Kaynak bazlı kampanya raporlarında eksiklik oluşabilir.

Bu etkiler doğrudan SEO sıralamasıyla değil, trafik ölçümü ve veri kalitesiyle ilgilidir.

Noreferrer Google Analytics Verilerini Etkiler mi?

Noreferrer kullanılan bağlantılardan gelen ziyaretlerde hedef site, yönlendiren sayfa bilgisini alamaz.

Bu nedenle ziyaret:

Referral trafiği yerine doğrudan trafik olarak değerlendirilebilir.
Kaynağı belirlenemeyen bir oturuma dönüşebilir.
Kampanya raporlarında doğru siteyle eşleşmeyebilir.
İş ortaklığı trafiğinin ölçümünü zorlaştırabilir.

Analitik raporlamanın önemli olduğu bağlantılarda noreferrer kullanmadan önce veri ihtiyacı değerlendirilmelidir.

Trafik kaynaklarının ölçümü için Google Analytics ve etiket yönetimi için Google Tag Manager içerikleri incelenebilir.

Noopener Ne Zaman Kullanılmalıdır?

Noopener özellikle bağlantının yeni sekmede açıldığı durumlarda kullanılabilir.

Yaygın kullanım alanları şunlardır:

Site dışındaki bir kaynağa verilen bağlantılar
Kullanıcı tarafından eklenen bağlantılar
Güvenilirliği doğrulanmamış siteler
Sponsor veya reklam bağlantıları
Yeni sekmede açılan dokümanlar
Harici ödeme veya üyelik sayfaları
İş ortağı internet siteleri
Sosyal medya profilleri

Modern tarayıcılarda target="_blank" çoğunlukla örtük noopener davranışına sahip olsa da kodun amacını açık göstermek için rel değeri yazılabilir.

Örnek:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener">
    Yeni sekmede aç
</a>

Noreferrer Ne Zaman Kullanılmalıdır?

Noreferrer, kaynak sayfanın adresinin hedef siteyle paylaşılmasının istenmediği durumlarda kullanılabilir.

Örnek kullanım alanları:

Kaynak URL içerisinde paylaşılmaması gereken bilgiler bulunması
Gizlilik gerektiren bir yönetim veya kullanıcı sayfasından dış bağlantı verilmesi
Referer bilgisinin hedef tarafça kullanılmasının istenmemesi
Harici bağlantının kaynak sayfayı bilmesine ihtiyaç bulunmaması
Özel güvenlik politikalarının uygulanması

Noreferrer gereksiz biçimde bütün dış bağlantılarda kullanılırsa analitik verilerinin doğruluğu olumsuz etkilenebilir.

Noopener ve Noreferrer Birlikte Kullanılmalı mı?

Aşağıdaki kullanım uzun süredir yaygın olarak tercih edilir:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener noreferrer">
    Harici bağlantı
</a>

Noreferrer zaten noopener davranışını içerir. Bu nedenle teknik olarak yalnızca noreferrer yeterli olabilir.

Bununla birlikte iki değerin birlikte yazılması:

Kodun güvenlik amacını daha açık gösterir.
Kod incelemesi yapan geliştiricilerin amacı anlamasını kolaylaştırır.
Eski sistemlerle uyumluluk yaklaşımını destekleyebilir.
Projedeki bağlantı standartlarının tutarlı olmasını sağlayabilir.

Ancak hedef sitenin yönlendirme kaynağını görmesi isteniyorsa yalnızca noopener kullanılmalıdır:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener">
    Harici bağlantı
</a>

Kullanım Senaryoları Karşılaştırması

Senaryo	Önerilebilecek kullanım
Dış bağlantı yeni sekmede açılacak ve kaynak bilgisi gönderilecek	`target="_blank" rel="noopener"`
Dış bağlantı yeni sekmede açılacak ve kaynak bilgisi gizlenecek	`target="_blank" rel="noopener noreferrer"`
Ücretli bağlantı yeni sekmede açılacak	`target="_blank" rel="noopener sponsored"`
Kullanıcı yorumu içerisindeki bağlantı	`target="_blank" rel="noopener ugc"`
Güvenilmeyen ve nofollow uygulanacak bağlantı	`target="_blank" rel="noopener nofollow"`
Bağlantı aynı sekmede açılacak	Normal `href` kullanımı yeterli olabilir
Site içi bağlantı yeni sekmede açılmayacak	Noopener veya noreferrer genellikle gerekmez

Bağlantı kararları otomatik bir kurala göre değil, güvenlik, kullanıcı deneyimi ve ölçümleme ihtiyacına göre verilmelidir.

Site İçi Bağlantılarda Noopener Gerekli mi?

Site içi bağlantılar genellikle aynı sekmede açılır:

<a href="/hizmetler/">Hizmetler</a>

Bu bağlantıda target="_blank" kullanılmadığı için noopener eklenmesine ihtiyaç yoktur.

Site içi bağlantı özel bir nedenle yeni sekmede açılacaksa noopener kullanılabilir:

<a href="/dokuman/"
   target="_blank"
   rel="noopener">
    Dokümanı yeni sekmede aç
</a>

Ancak kullanıcıların site içindeki her bağlantıda yeni sekmeye yönlendirilmesi iyi bir kullanıcı deneyimi oluşturmayabilir.

Dahili bağlantılar kullanıcıların aynı site içerisinde ilgili içeriklere ulaşmasını sağlamalıdır. Bağlantı metinlerinin doğru kullanımı için anchor text rehberinden yararlanılabilir.

Dış Bağlantılar Yeni Sekmede Açılmalı mı?

Bütün dış bağlantıların zorunlu olarak yeni sekmede açılması gerekmez.

Yeni sekmede açmanın avantajları şunlardır:

Kaynak site açık kalır.
Kullanıcı harici içeriği ayrıca inceleyebilir.
Form veya uzun içerikteki ilerleme korunabilir.
Doküman ve yardımcı kaynaklar ayrı sekmede görüntülenebilir.

Dezavantajları ise şunlardır:

Kullanıcının tarayıcı davranışı üzerinde kontrol kurulur.
Mobil cihazlarda çok sayıda sekme oluşabilir.
Ekran okuyucu kullanıcıları yeni sekmeyi fark etmeyebilir.
Kullanıcı geri düğmesiyle kaynak sayfaya dönmeyi bekleyebilir.
Beklenmedik sekme açılması erişilebilirliği olumsuz etkileyebilir.

Yeni sekmede açılacak bağlantıların kullanıcıya açık biçimde belirtilmesi yararlı olabilir.

WordPress’te Noopener ve Noreferrer Nasıl Eklenir?

WordPress bağlantı oluşturma araçları üzerinden bağlantının yeni sekmede açılması seçilebilir.

Genel işlem şu şekildedir:

Bağlantı verilecek metin seçilir.
Bağlantı simgesine tıklanır.
Hedef URL yazılır.
Yeni sekmede açma seçeneği etkinleştirilir.
Bağlantı kaydedilir.
HTML görünümünde rel değerleri kontrol edilir.

WordPress sürümüne ve kullanılan editöre göre yeni sekmede açılan bağlantılara güvenlik amaçlı rel değerleri otomatik olarak eklenebilir.

WordPress’in genel kullanım yapısı için WordPress nedir içeriği incelenebilir.

WordPress Blok Editöründe Kullanım

Blok editöründe bağlantı eklemek için metin seçildikten sonra bağlantı araç çubuğu kullanılabilir.

Oluşturulan bağlantı kod görünümünde şu şekilde görünebilir:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noreferrer noopener">
    Örnek bağlantı
</a>

Rel değerlerinin sırası teknik olarak temel davranışı değiştirmez:

rel="noopener noreferrer"

ve:

rel="noreferrer noopener"

aynı değerleri içerir.

WordPress Klasik Editörde Kullanım

Klasik editörde bağlantı penceresi üzerinden “bağlantıyı yeni sekmede aç” seçeneği kullanılabilir.

HTML veya metin görünümünde bağlantı manuel olarak düzenlenebilir:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener">
    Bağlantı
</a>

Tema, güvenlik eklentisi veya editör bağlantıya otomatik rel değerleri ekleyebilir. Aynı bağlantıda yinelenen değerlerin oluşmadığı kontrol edilmelidir.

WordPress Rel Değerini Neden Otomatik Ekler?

WordPress, yeni sekmede açılan bağlantılara güvenlik amacıyla noopener veya noreferrer değerleri ekleyebilir.

Bu davranışın amacı:

Yeni sekme güvenliğini geliştirmek
Kaynak pencereye erişimi sınırlandırmak
Kullanıcı tarafından eklenen dış bağlantı risklerini azaltmak

olabilir.

Ancak noreferrer kullanımı analitik yönlendirme verilerini etkileyebileceği için sitenin WordPress sürümü, editörü ve bağlantı çıktısı kontrol edilmelidir.

Elementor’da Noopener ve Noreferrer Kullanımı

Elementor veya benzeri sayfa oluşturucularda bağlantı seçenekleri içerisinde:

Yeni pencerede açma
Nofollow ekleme
Özel rel değerleri
Bağlantı özellikleri

bulunabilir.

Özel özellik alanına şu değer yazılabilir:

rel|noopener noreferrer

Kullanılacak sözdizimi sayfa oluşturucunun sürümüne göre değişebileceği için bağlantının son HTML çıktısı kontrol edilmelidir.

Buton, görsel, ikon ve başlık bağlantıları ayrı ayrı incelenmelidir.

HTML’de Noopener Kullanım Örnekleri

Sadece Noopener Kullanımı

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener">
    Örnek site
</a>

Bu kullanım kaynak pencereye erişimi sınırlar ancak yönlendiren sayfa bilgisi gönderilebilir.

Noopener ve Noreferrer Kullanımı

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener noreferrer">
    Örnek site
</a>

Bu kullanım hem opener erişimini sınırlar hem de Referer bilgisini kaldırır.

Noopener ve Nofollow Kullanımı

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener nofollow">
    Kaynak
</a>

Bu bağlantıda yönlendirme kaynağı gönderilebilir ancak nofollow ilişkisi belirtilir.

Sponsorlu Bağlantı Kullanımı

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener sponsored">
    Sponsorlu bağlantı
</a>

Bu kullanımda bağlantının ücretli veya ticari ilişki kapsamında olduğu belirtilir.

Kullanıcı İçeriği Bağlantısı

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener ugc">
    Kullanıcı bağlantısı
</a>

Bu yapı forum, yorum veya kullanıcı profili gibi alanlarda değerlendirilebilir.

JavaScript Window.open ile Noopener Kullanımı

Bağlantılar JavaScript ile de yeni sekmede açılabilir:

window.open('https://www.orneksite.com/', '_blank', 'noopener');

Noreferrer davranışı da eklenebilir:

window.open(
    'https://www.orneksite.com/',
    '_blank',
    'noopener,noreferrer'
);

JavaScript ile pencere açılması gerektiğinde:

Kullanıcı etkileşimi sonucunda çalışması
Popup engelleyicilere takılmaması
Güvenlik özelliklerinin belirtilmesi
Normal bağlantının mümkün olup olmadığının değerlendirilmesi
Erişilebilirliğin korunması

önemlidir.

Basit bir bağlantı için gereksiz JavaScript kullanmak yerine normal <a> etiketi tercih edilebilir.

Noreferrer Kullanmanın Dezavantajları

Noreferrer güvenlik ve gizlilik açısından fayda sağlayabilir ancak bütün bağlantılarda kullanılmasının bazı dezavantajları bulunur.

Yönlendirme Trafiği Kaybolabilir

Hedef site ziyaretin hangi internet sitesinden geldiğini göremeyebilir.

İş Ortaklığı Raporları Etkilenebilir

İki site arasındaki yönlendirme trafiği ölçülemeyebilir. Tanıtım, içerik ortaklığı ve referans trafiği raporlarında eksiklik oluşabilir.

Analitik Verileri Bozulabilir

Ziyaretler referral yerine doğrudan veya belirsiz trafik şeklinde değerlendirilebilir.

Referer Tabanlı Sistemler Çalışmayabilir

Bazı sistemler erişim veya içerik kontrolü için yönlendiren sayfa bilgisini kullanabilir. Noreferrer bu bilginin gönderilmesini engeller.

Kaynak Doğrulaması Zorlaşabilir

Hedef site, ziyaretçilerin hangi içerikten geldiğini anlayamayabilir.

Bu nedenlerle noreferrer yalnızca gerçek bir gizlilik veya güvenlik ihtiyacı bulunduğunda kullanılmalıdır.

Noopener Kullanmanın Dezavantajı Var mı?

Noopener çoğu standart dış bağlantı senaryosunda önemli bir olumsuzluk oluşturmaz. Ancak hedef sayfanın kaynak pencereyle bilinçli olarak iletişim kurması gereken özel uygulamalarda sorun oluşturabilir.

Örnek olarak bazı:

Kimlik doğrulama pencereleri
Ödeme akışları
Uygulama entegrasyonları
Yetkilendirme işlemleri
Popup tabanlı araçlar

window.opener ilişkisini kullanabilir.

Bu tür özel uygulamalarda güvenlik gereksinimleri yazılım ekibi tarafından değerlendirilmelidir. Standart içerik bağlantılarıyla uygulama içi popup iş akışları aynı şekilde ele alınmamalıdır.

Noopener ve Referrer-Policy Arasındaki Fark

Noreferrer bağlantı seviyesinde Referer bilgisini engeller. Referrer-Policy ise yönlendirme bilgisinin hangi koşullarda ve ne kadar ayrıntılı gönderileceğini daha kapsamlı biçimde kontrol eder.

Referrer-Policy şu şekillerde uygulanabilir:

HTTP yanıt başlığı
Meta etiketi
Bağlantı üzerindeki referrerpolicy özelliği
Görsel, script ve iframe öğeleri

Örnek bağlantı:

<a href="https://www.orneksite.com/"
   target="_blank"
   rel="noopener"
   referrerpolicy="strict-origin-when-cross-origin">
    Bağlantı
</a>

Bu yapı yönlendirme bilgisini tamamen kaldırmak yerine belirli bir politika doğrultusunda paylaşabilir.

Noreferrer daha kesin bir davranış sunarken Referrer-Policy daha ayrıntılı kontrol sağlar.

Noopener ve Noreferrer Nasıl Kontrol Edilir?

Sayfa Kaynağı İncelenir

Tarayıcıda sayfa kaynağı açılarak bağlantı kodu kontrol edilebilir.

Aranabilecek örnek:

target="_blank"

Bu bağlantılarda rel özellikleri incelenebilir.

Geliştirici Araçları Kullanılır

Tarayıcı geliştirici araçlarında Elements bölümü açılarak bağlantının güncel HTML çıktısı görülebilir.

WordPress veya JavaScript, sayfa yüklendikten sonra bağlantı özelliklerini değiştirebildiği için yalnızca ilk kaynak kodu değil, oluşan DOM yapısı da kontrol edilebilir.

Window.opener Test Edilir

Yeni sekmede açılan hedef sayfada geliştirici konsoluna şu ifade yazılabilir:

window.opener

Noopener davranışı aktifse sonuç genellikle null olacaktır.

Referer Başlığı Kontrol Edilir

Tarayıcının Network alanında hedef isteğin Request Headers bölümü incelenebilir.

Noreferrer kullanıldığında Referer başlığının gönderilmediği görülebilir.

Site Taraması Yapılır

Teknik tarama araçlarıyla:

target blank bağlantıları
rel değerleri
nofollow bağlantılar
bozuk dış bağlantılar
yönlendirme veren bağlantılar
güvenli olmayan HTTP bağlantıları

toplu olarak incelenebilir.

Teknik kontroller için Screaming Frog gibi araçlardan yararlanılabilir.

Noopener ve Noreferrer Kullanımında Sık Yapılan Hatalar

Noreferrer ile Nofollow’u Aynı Sanmak

Noreferrer yönlendirme bilgisini kaldırır. Nofollow ise arama motorlarına bağlantı ilişkisi hakkında bilgi verir.

Her Dış Bağlantıya Noreferrer Eklemek

Bütün yönlendirme trafiğinin kaynak bilgisini kaybetmesine neden olabilir.

Noopener Kullanmanın SEO’ya Zarar Verdiğini Düşünmek

Noopener temel olarak güvenlik özelliğidir ve bağlantıyı otomatik olarak nofollow yapmaz.

Target Blank Olmadan Noopener Eklemek

Bağlantı aynı sekmede açılıyorsa opener ilişkisi oluşmadığından noopener çoğunlukla anlamlı bir değişiklik sağlamaz.

Ücretli Bağlantıda Yalnızca Noopener Kullanmak

Noopener bağlantının ticari ilişki kapsamında olduğunu belirtmez. Ücretli bağlantılarda bağlantı türüne uygun rel değeri ayrıca değerlendirilmelidir.

Analitik Verilerini Kontrol Etmemek

Noreferrer kullanıldıktan sonra yönlendirme trafiğinin raporlarda nasıl göründüğü incelenmelidir.

Aynı Rel Değerini Tekrarlamak

Aşağıdaki gibi yinelenen kullanımlar gereksizdir:

rel="noopener noopener noreferrer"

Doğru kullanım:

rel="noopener noreferrer"

Yeni Sekme Açıldığını Kullanıcıya Belirtmemek

Özellikle erişilebilirlik açısından bağlantının yeni sekmede açılacağı açıklanabilir.

JavaScript ile Gereksiz Pencere Açmak

Normal bağlantıyla yapılabilecek işlemlerde window.open() kullanmak erişilebilirlik ve popup engelleyiciler açısından sorun oluşturabilir.

Noopener ve Noreferrer Kontrol Listesi

Bağlantılar yayınlanmadan önce aşağıdaki alanlar kontrol edilebilir:

Bağlantının yeni sekmede açılması gerçekten gerekli mi?
target="_blank" kullanılan bağlantıda güvenlik davranışı kontrol edildi mi?
Kaynak pencereye erişim engelleniyor mu?
Referer bilgisinin gönderilmesi gerekli mi?
Noreferrer analitik verilerini olumsuz etkiler mi?
Bağlantı ücretli veya sponsorlu mu?
Kullanıcı tarafından mı oluşturuldu?
Nofollow kullanımı ayrıca değerlendirildi mi?
Rel değerleri yineleniyor mu?
Bağlantı HTTP yerine HTTPS mi kullanıyor?
Hedef URL doğru çalışıyor mu?
Hedef URL yönlendirme zinciri içeriyor mu?
Kullanıcı yeni sekme açılacağı konusunda bilgilendiriliyor mu?
WordPress bağlantı kodunu otomatik değiştiriyor mu?
Tema veya eklenti rel değerlerini kaldırıyor mu?
Mobil cihazlarda bağlantı doğru çalışıyor mu?
Analitik raporlarında yönlendirme kaynağı doğru görünüyor mu?
JavaScript popup akışı özel olarak test edildi mi?
Kullanılmayan veya bozuk bağlantılar kaldırıldı mı?
Site genelinde tutarlı bir bağlantı politikası bulunuyor mu?

Noopener ve Noreferrer Hakkında Sıkça Sorulan Sorular

Noopener nedir?

Noopener, yeni sekmede açılan hedef sayfanın kaynak pencereye window.opener üzerinden erişmesini engelleyen rel değeridir.

Noreferrer nedir?

Noreferrer, hedef siteye Referer başlığının gönderilmesini engelleyen ve aynı zamanda noopener davranışı sağlayan rel değeridir.

Noopener ve noreferrer aynı mı?

Hayır. Noopener kaynak pencere erişimini sınırlar. Noreferrer ise yönlendiren sayfa bilgisini kaldırır ve noopener davranışını da içerir.

Noreferrer kullanıldığında noopener gerekli mi?

Noreferrer teknik olarak noopener davranışını içerir. Ancak kodun amacını açık göstermek için iki değer birlikte kullanılabilir.

Noopener SEO’ya zarar verir mi?

Hayır. Noopener güvenlik amacıyla kullanılır ve bağlantıyı otomatik olarak nofollow yapmaz.

Noreferrer SEO’ya zarar verir mi?

Noreferrer doğrudan bir sıralama etiketi değildir. Ancak hedef sitenin yönlendirme kaynağını görmesini engelleyerek analitik verilerini etkileyebilir.

Noreferrer nofollow mudur?

Hayır. Noreferrer ile nofollow farklı görevleri yerine getirir.

Target blank kullanınca noopener gerekli mi?

Modern tarayıcılar çoğunlukla target blank bağlantılarda örtük noopener davranışı uygular. Buna rağmen açık kodlama standardı olarak rel değeri kullanılabilir.

Her dış bağlantı yeni sekmede açılmalı mı?

Hayır. Yeni sekmede açılma kararı kullanıcı deneyimine ve bağlantının amacına göre verilmelidir.

Site içi bağlantıda noopener kullanılır mı?

Site içi bağlantı yeni sekmede açılıyorsa kullanılabilir. Aynı sekmede açılan normal bağlantılarda çoğunlukla gerekli değildir.

Noreferrer Google Analytics’i etkiler mi?

Evet. Hedef site yönlendirme kaynağını alamadığı için ziyaret referral yerine doğrudan veya belirsiz trafik olarak raporlanabilir.

Noopener backlink değerini engeller mi?

Noopener, nofollow değildir. Temel amacı tarayıcı güvenliğidir ve bağlantının arama motoru ilişkisini doğrudan tanımlamaz.

WordPress noopener değerini otomatik ekler mi?

WordPress sürümü, editör ve kullanılan eklentilere bağlı olarak yeni sekmede açılan bağlantılara rel değerleri otomatik eklenebilir.

Noopener ile sponsored birlikte kullanılabilir mi?

Evet. Yeni sekme güvenliği ve sponsorlu bağlantı ilişkisi için birlikte kullanılabilir:

rel="noopener sponsored"

Noopener ile ugc birlikte kullanılabilir mi?

Evet. Kullanıcı tarafından oluşturulan ve yeni sekmede açılan bağlantılarda şu yapı değerlendirilebilir:

rel="noopener ugc"

Noopener ve noreferrer, HTML bağlantılarında güvenlik ve yönlendirme bilgilerini kontrol etmek için kullanılan rel değerleridir.

Noopener:

Yeni sekmede açılan sayfanın kaynak pencereye erişmesini sınırlar.
Reverse tabnabbing gibi güvenlik risklerinin azaltılmasına yardımcı olur.
Referer bilgisini tek başına kaldırmaz.
Bağlantıyı nofollow yapmaz.

Noreferrer ise:

Hedef siteye Referer bilgisinin gönderilmesini engeller.
Noopener davranışını da içerir.
Trafik kaynağı ölçümlerini etkileyebilir.
Nofollow anlamına gelmez.

Hedef sitenin yönlendirme kaynağını görmesi isteniyorsa yeni sekmede açılan bağlantıda şu yapı kullanılabilir:

rel="noopener"

Kaynak bilgisinin de gizlenmesi gerekiyorsa:

rel="noopener noreferrer"

kullanılabilir.

Bağlantı ücretli, sponsorlu veya kullanıcı tarafından oluşturulmuşsa sponsored, nofollow veya ugc gibi diğer değerler ayrıca değerlendirilmelidir.

Noopener, noreferrer ve diğer rel değerlerinin ayrıntılı kullanımı için noopener ve noreferrer ile HTML rel içeriklerini inceleyebilirsiniz.

İnternet sitenizdeki bağlantı yapısı, yönlendirmeler, güvenlik etiketleri ve teknik SEO hatalarının belirlenmesi için SEO analizi yaptırabilir, kapsamlı optimizasyon çalışmaları için teknik SEO hizmetinden yararlanabilirsiniz