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

Bir keresinde, site ziyaretçileri harici bağlantılara tıkladıktan sonra şüpheli web sitelerine yönlendirilen bir müşterimiz vardı. Sorun, büyük bir güvenlik açığı oluşturan küçük bir eksik kod parçasıydı.

Bu korkutucu bir düşünce, ancak bu güvenlik açığı herhangi bir WordPress sitesini etkileyebilir. rel="noopener" gibi teknik terimler kafa karıştırıcı görünebilir ve web sitenizin ziyaretçileriniz için gerçekten güvenli olup olmadığı konusunda sizi endişelendirebilir.

WPBeginner olarak binlerce siteyi güvence altına aldık ve bu küçük ayrıntıların büyük bir fark yarattığını öğrendik. rel="noopener"'ın ne olduğunu basit terimlerle ve neden bu kadar önemli olduğunu açıklayacağız.

Bu küçük özniteliğin sizi ve kullanıcılarınızı nasıl koruduğuna bakalım.

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.

WordPress'in bu bağlantı için oluşturduğu HTML kodu şuna benzer:

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

Bazı HTML özniteliklerinin bağlantıya eklendiğini unutmayın: rel="noopener" ve rel="noreferrer". Bu öznitelikler bir güvenlik açığını gidermek için eklenir.

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 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 bunun WordPress SEO'larını etkileyeceğini düşündükleri için kullanmaktan kaçınırlar.

Ama bu sadece bir efsane.

Sitenizin SEO sıralamaları veya genel WordPress performansı üzerinde herhangi 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 hakkındaki makalemize bakın.

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

rel="noreferrer" WordPress'teki bağlı kuruluş bağlantılarını etkilemez. Bazı kullanıcılar, rel="noreferrer"'ın yönlendirme bilgilerinin yeni sekmeye aktarılmasını engellediği için etkilediğine inanmaktadır.

Ancak, çoğu bağlı kuruluş programı size bağlı kuruluş kimliğinizi içeren benzersiz bir URL sağlar. Bu, bağlı kuruluş kimliğinizin diğer web sitesinin izlemesi için bir URL parametresi olarak iletildiği anlamına gelir.

İkinci olarak, çoğu bağlı kuruluş pazarlamacısı, bağlı kuruluş bağlantıları için 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.

Ancak, kaldırmanız gerekiyorsa, WordPress'te Gutenberg blok düzenleyicisini devre dışı bırakmanız ve klasik düzenleyiciyi kullanmanız gerekir.

rel="noopener" etiketini manuel olarak kaldırırsanız, bloğun güvenliğinizi sağlamak için otomatik olarak geri ekleyeceği için durum böyledir.

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. WPCode Ücretsiz Eklentisini, WordPress'e kolayca özel kod ekleme hakkındaki rehberimizde 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.

Bağlantılarınızdaki öznitelikler üzerinde daha fazla kontrol için All in One SEO (AIOSEO) eklentisini kullanmanızı öneririz. AIOSEO, nofollow veya sponsored gibi öznitelikleri doğrudan WordPress düzenleyicisinin içine kolayca eklemenize olanak tanır ve 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 Uzman Rehberleri

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.