WordPress'te rel="noopener" Nedir? (Açıklamalı)

Bir kullanıcının, normal harici bağlantılara tıkladıktan sonra ziyaretçilerinin güvensiz web sitelerine yönlendirildiği bir durumu bir keresinde ele aldık. Sorun, güvenlik riski oluşturan küçük bir kod parçacığının eksik olmasından kaynaklanıyordu.

Editörünüzde rel="noopener" gibi teknik terimler gördüğünüzde meraklanmak veya hatta biraz kafanızın karışması tamamen normaldir. Ne işe yaradığını ve web sitenizin buna ihtiyacı olup olmadığını merak edebilirsiniz.

Neyse ki, sitenizi güvende tutmak için geliştirici olmanıza gerek yok. WPBeginner ekibimiz binlerce web sitesini güvence altına aldı ve bu arka plan ayarlarını nasıl yöneteceğimizi tam olarak biliyoruz.

Bu küçük metin özniteliğinin aslında ne yaptığını ve okuyucularınızı nasıl koruduğunu inceleyelim. Endişelenmeyin, rel="noopener" eklemek web sitenizin ziyaretçileri için tamamen görünmezdir. Bağlantılarınızın rengini veya yeni sekmenin ne kadar hızlı açıldığını değiştirmez. Sadece arka planda çalışır.

WordPress'te rel=”noopener” Nedir?

WordPress web sitenize bağlantı eklediğinizde, bağlantıya tıklandığında ne olacağını kontrol etmek için HTML özniteliklerini kullanabilirsiniz.

Örneğin, bir bağlantı oluşturduğunuzda, onu yeni bir sekmede açmanıza olanak tanıyan bir geçiş düğmesi bulunur.

Bağlantıya bir HTML özniteliği eklendiğini fark edin: rel="noopener". Bu öznitelik, bir güvenlik açığını gidermek için eklenmiştir.

<a href="http://example.com" target="_blank" rel="noopener">external link</a>

Bir bağlantıyı yeni bir sekmede açmak için target="_blank" kullandığınızda, varsayılan olarak arka planda potansiyel olarak beklenmedik bir şey olur. Yeni sekme aslında bulunduğunuz orijinal sekmeye geri dönen bir tür bağlantıya sahip olur.

Bu bağlantı, web tarayıcılarında `window.opener` adı verilen bir şey aracılığıyla yapılır. Yeni sekmedeki sayfa, orijinal sekmenin bazı özelliklerine erişebilir ve hatta bunları kontrol edebilir, örneğin sayfanın adresini değiştirebilir (`window.opener.location`).

Bu, ‘Reverse Tabnabbing’ olarak bilinen bir güvenlik açığı oluşturur.

Güvenilir bir web sitesindeki bir bağlantıya tıkladığınızı ve yeni bir sekmede kötü amaçlı bir sayfayı açtığını hayal edin. Bu window.opener bağlantısı nedeniyle, o kötü amaçlı sayfa, az önce görüntülediğiniz orijinal güvenilir sayfayı sahte bir giriş sayfasına (bir kimlik avı dolandırıcılığı) dönüştürebilir ve orijinal sekmeye geri döndüğünüzde sizi kandırabilir.

noopener bağlantı özniteliği, bu özel güvenlik riskini önlemek için tasarlanmıştır.

Yeni bir sekmede açılan bir bağlantıya rel="noopener" eklediğinizde, tarayıcıya iki sekme arasında o window.opener bağlantısını oluşturmamasını söylersiniz. Bu, kullanıcılarınızı dolandırıcılık ve kimlik avı girişimlerinden korur.

rel=”noopener” WordPress SEO'nızı Nasıl Etkiler?

Etkilemez.

rel="noopener" özniteliği WordPress sitenizin güvenliğini artırsa da, bazı kullanıcılar WordPress SEO'nuzu etkileyeceğini düşündükleri için kullanmaktan kaçınırlar.

Ama bu sadece bir efsane.

Sitenizin SEO sıralamaları veya genel WordPress performansınız üzerinde hiçbir etkisi yoktur.

"noopener" ve "nofollow" Arasındaki Fark Nedir?

rel="noopener" ile rel="nofollow"'u karıştırmak kolaydır. Ancak, bunlar tamamen ayrı özniteliklerdir.

noopener özniteliği, web sitenizin siteler arası hacklenmesini önler ve WordPress güvenliğini artırır.

Diğer yandan, nofollow özniteliği, web sitenizin SEO bağlantı suyunu bağlantı verilen web sitesine aktarmasını engeller.

Arama motorları, web sitenizdeki bir bağlantıyı takip ederken nofollow özniteliğini arar ve dikkate alır. Ancak, noopener etiketini dikkate almazlar.

nofollow özniteliği, arama motorlarına bağladığınız web sitesine herhangi bir SEO yetkisi aktarmamalarını söyler. WordPress blok düzenleyicisinde bir bağlantıya nofollow eklemek için yerleşik bir geçiş anahtarı bulunurken, daha gelişmiş kontrol için genellikle bir eklentiye ihtiyaç duyulur.

Örneğin, sitenizdeki tüm harici bağlantılara otomatik olarak nofollow etiketini uygulamak isteyebilirsiniz, bu da bir SEO eklentisinin gerekli olduğu yerdir.

Daha fazla bilgi edinmek için, WordPress'te bağlantılara başlık ve nofollow ekleme makalemize bakın.

rel=”noreferrer” WordPress'teki Affiliate Bağlantılarını Etkiler mi?

WordPress'in eski sürümlerinde, bağlantılara otomatik olarak bir rel="noreferrer" etiketi de ekleniyordu. Çoğu bağlı kuruluş programı URL parametrelerini kullansa da (bu da etkilenmedikleri anlamına gelir), noreferrer etiketi zaman zaman bağlı kuruluş panolarından ve analiz araçlarından izleme verilerini gizliyordu.

Bu nedenle, WordPress 5.3.1 sürümünde noreferrer etiketini kaldırdı. Artık bağlı kuruluş bağlantılarınızı etkilemesi konusunda endişelenmenize gerek yok.

İkinci olarak, çoğu bağlı pazarlamacı, bağlı bağlantıları için bir bağlantı gizleme eklentisi kullanır.

Bağlantı gizleme ile kullanıcılarınızın tıkladığı bağlı kuruluş bağlantısı aslında web sitenizin kendi URL'sidir ve bu URL daha sonra kullanıcıları hedef URL'ye yönlendirir.

WordPress'te rel="noopener" Nasıl Devre Dışı Bırakılır?

Web sitenizdeki bağlantılardan rel="noopener" kaldırmanıza gerek yoktur. Web sitenizin güvenliği için iyidir ve web siteniz üzerinde herhangi bir performans veya SEO etkisi yoktur.

Eğer kaldırmak zorundaysanız, o zaman WordPress'te Gutenberg blok düzenleyicisini devre dışı bırakmanız ve klasik düzenleyiciyi kullanmanız gerekecektir.

Çünkü rel="noopener"'ı bağlantıdan manuel olarak kaldırırsanız, blok düzenleyici web sitenizi güvende tutmak için onu otomatik olarak geri ekleyecektir.

Blok düzenleyici devre dışı bırakıldıktan sonra, temanızın functions.php dosyasına veya (önerilen) WPCode eklentisine bir kod parçacığı eklemeniz gerekecektir. WordPress'te özel kodu kolayca ekleme kılavuzumuzda WPCode Ücretsiz Eklentisini nasıl kullanacağınızı öğrenebilirsiniz.

Aşağıdaki kodu yeni bir PHP parçacığına kopyalayın:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

'Aktif' geçişini açtığınızdan ve ardından 'Kod Parçasını Kaydet' düğmesine tıkladığınızdan emin olun.

Bu, WordPress'in yeni bağlantılara rel="noopener" eklemesini durduracaktır. Ayrıca özniteliği kaldırmak için eski bağlantıları manuel olarak düzenlemeniz gerekecektir.

Herhangi bir HTML koduna dokunmadan bağlantılarınızdaki öznitelikler üzerinde daha fazla kontrol için, All in One SEO (AIOSEO) eklentisini kullanmanızı öneririz.

WordPress güvenliği otomatik olarak yönetirken, AIOSEO size nofollow veya sponsored gibi SEO özniteliklerini doğrudan blok düzenleyicinin bağlantı açılır penceresine eklemenizi sağlar, bu da harici bağlantılarınızı SEO en iyi uygulamaları için yönetmenize yardımcı olur.

rel=”noopener” Hakkında Sıkça Sorulan Sorular

WordPress'teki “noopener” özniteliği hakkında en sık aldığımız sorulardan bazılarına burada yanıtlar bulabilirsiniz.

1. rel=”noopener” kullanmanın temel amacı nedir?

rel="noopener"'ın temel amacı güvenliktir. Yeni bir sekmenin, onu açan orijinal sekmeyi kontrol etmesini engelleyerek ziyaretçilerinizi kötü amaçlı kimlik avı dolandırıcılıklarından korur.

2. rel=”noopener” SEO için iyi midir?

rel="noopener" özniteliğinin web sitenizin SEO'su üzerinde doğrudan olumlu veya olumsuz bir etkisi yoktur. İşlevi tamamen güvenlik içindir ve arama motorları bunu bir sıralama faktörü olarak kullanmaz.

3. Bağlantılarımdan rel=”noopener” kaldırmalı mıyım?

Hayır, rel="noopener"'ı kaldırmak için iyi bir neden yoktur. SEO veya site performansı üzerinde olumsuz bir yan etkisi olmayan önemli bir güvenlik faydası sağlar, bu nedenle yerinde bırakmak en iyisidir.

4. WordPress otomatik olarak rel=”noopener” ekler mi?

Evet, WordPress yeni bir sekmede açılacak şekilde ayarlanan bağlantılara otomatik olarak rel="noopener" ekler. Bu önemli güvenlik özelliği ilk olarak WordPress 4.7.4'te tanıtıldı ve modern blok düzenleyicinin standart bir parçasıdır.

WordPress'te Bağlantı Kullanımı Hakkında Ek Kaynaklar

Bu makalenin WordPress'te rel="noopener" hakkında bilgi edinmenize yardımcı olduğunu umuyoruz. Ayrıca WordPress'te bağlantı kullanma hakkında bazı diğer rehberleri de görmek isteyebilirsiniz:

• WordPress'te Bağlantı Ekleme Konusunda Yeni Başlayanlar İçin Rehber
• WordPress'te Harici Bağlantıları Yeni Bir Pencerede veya Sekmede Açma
• WordPress'te Nofollow Bağlantıları Nasıl Eklenir (Yeni Başlayanlar İçin Basit Rehber)
• WordPress'te Bağlantı Ekle Açılır Penceresine Başlık ve NoFollow Ekleme
• WordPress'te Tüm Harici Bağlantıları Nofollow Yapma
• WordPress'te Bağlantı Tıklamalarını ve Düğme Tıklamalarını Nasıl İzlenir (Kolay Yol)
• WordPress'te Giden Bağlantılar Nasıl İzlenir
• WordPress'te Bağlantı Rengini Değiştirme (Başlangıç Rehberi)
• SEO için Dahili Bağlantı: En İyi Uygulamaların Nihai Rehberi
• Daha Hızlı Yükleme Hızları İçin WordPress'te Bağlantıları Önceden Yükleme
• WordPress'te Bozuk Bağlantılar Nasıl Bulunur ve Düzeltilir (Adım Adım)
• WordPress İçin En İyi Dahili Bağlantı Eklentileri (Otomatik + Manuel)

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.