How Does rel=”noopener” Affect Your WordPress SEO?

It doesn’t. Even though the rel="noopener" attribute improves WordPress security, some users avoid using it because they think it will impact their WordPress SEO. But that’s just a myth. It has no impact on your site’s SEO rankings or your overall WordPress performance.

What’s the Difference Between “noopener” and “nofollow”?

The noopener attribute prevents your website from cross-site hacking and improves WordPress security. On the other hand, the nofollow attribute prevents your website from passing on SEO link juice to the linked website. Search engines look for and consider the nofollow attribute when following a link on your website. However, they do not give any consideration to the noopener tag.

WPBeginner Sites»WPBeginner»Blog»Yeni Başlayanlar İçin Rehber»WordPress’te rel=”noopener” Nedir? (Açıklamalı)

WordPress’te rel=”noopener” Nedir? (Açıklamalı)

By Editorial Staff | Reviewed by Syed Balkhi | Ekim 10, 2024 | Reader Disclosure

Paylaş Tweet Paylaş WhatsApp E-posta

WordPress içeriğinize bir bağlantı ekliyorsunuz ve bunun yeni bir sekmede açılmasını istiyorsunuz. Yeterince kolay. Ancak WordPress’in otomatik olarak eklediği rel="noopener" özelliğini fark ettiniz mi?

Deneyimlerimize göre, bu küçük kod parçası web sitenizin güvenliği ve kullanıcı deneyimi açısından çok önemli bir rol oynamaktadır. Ancak SEO’yu hiçbir şekilde etkilemez.

Bu makale rel="noopener" özelliğinin amacını, WordPress sitenizi nasıl etkilediğini ve neden iyi bir şey olduğunu açıklayacaktır.

What Is rel="noopener" in WordPress? (Explained)

WordPress’te rel=”noopener” Nedir?

WordPress web sitenize bağlantılar eklediğinizde, bağlantıya tıkladığınızda ne olacağını kontrol etmek için HTML niteliklerini kullanabilirsiniz.

Örneğin, bir bağlantı oluşturduğunuzda, yeni bir sekmede açmanıza olanak tanıyan bir geçiş anahtarı vardır.

Bu bağlantı için WordPress tarafından oluşturulan HTML kodu şuna benzer:

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

Bağlantıya bazı HTML niteliklerinin eklendiğine dikkat edin: rel="noopener ” ve rel="noreferrer". Bu nitelikler bir güvenlik açığını gidermek için eklenmiştir.

Sorun, JavaScript kodunun yeni bir sekmenin yönlendiren penceresinin kontrolünü ele geçirmesine izin vermek için kullanılabilmesidir. Kötü amaçlı koddan etkilenen harici bir web sitesine bağlantı verirseniz, bu web sitesi JavaScript’teki window.opener özelliğini kullanarak orijinal web sayfasını (WordPress sitenizde) değiştirerek bilgi çalabilir ve kötü amaçlı kod yayabilir.

WordPress, yeni sekmenin bu JavaScript özelliğinden yararlanmasını önlemek için rel="noopener" özelliğini ekler. Benzer şekilde rel="noreferrer" özelliği de yönlendirici bilgilerinin yeni sekmeye aktarılmasını engeller.

rel=”noopener” WordPress SEO’nuzu Nasıl Etkiler?

Öyle değil.

rel="noopener" özelliği WordPress sitenizin güvenliğini artırsa da, bazı kullanıcılar WordPress SEO‘larını etkileyeceğini düşündükleri için bu özelliği kullanmaktan kaçınmaktadır.

Ama bu sadece bir efsane.

Sitenizin SEO sıralaması 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ı niteliklerdir.

Noopener özelliği, web sitenizin siteler arası saldırıya uğramasını önler ve WordPress güvenliğini artırır.

Öte yandan nofollow özelliği, web sitenizin SEO bağlantı gücünü bağlantılı web sitesine aktarmasını engeller.

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

WordPress varsayılan olarak harici bağlantılarınıza nofollow eklemenize izin vermez. WordPress’te nofollow eklemek istiyorsanız, bir eklenti kullanmanız gerekecektir.

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 Satış Ortaklığı Bağlantılarını Etkiler mi?

rel="noreferrer" WordPress’teki bağlı kuruluş bağlantılarını etkilemez. Bazı kullanıcılar rel= "noreferrer" yönlendiren bilgisinin yeni sekmeye geçmesini engellediği için etkilediğine inanmaktadır.

Ancak, çoğu satış ortaklığı programı size satış ortaklığı kimliğinizi içeren benzersiz bir URL sağlar. Bu, satış ortağı kimliğinizin diğer web sitesinin izlemesi için bir URL parametresi olarak aktarıldığı anlamına gelir.

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

Bağlantı gizleme ile, kullanıcılarınızın tıkladığı satış ortağı bağlantısı aslında web sitenizin kendi URL’sidir ve 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" ifadesini 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, bunu kaldırmanız gerekiyorsa, WordPress’teki Gutenberg blok düzenleyicisini devre dışı bırakmanız ve klasik düzenleyiciyi kullanmanız gerekecektir.

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

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

Aşağıdaki kodu yeni bir PHP parçacığına kopyalamanız yeterlidir:

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

‘Etkin’ geçişini açtığınızdan emin olun ve ardından ‘Snippet’i Kaydet’ düğmesine tıklayın.

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

WordPress’te bağlantılarınıza hangi rel niteliklerinin ekleneceği üzerinde daha fazla kontrol sahibi olmak ister misiniz? AIOSEO eklentisini kullanmanızı öneririz çünkü doğrudan WordPress editörünün içinden başlık, nofollow ve diğer bağlantı niteliklerini eklemenize olanak tanır.

WordPress’te Bağlantı Kullanımına İlişkin Uzman Kılavuzları

Umarız bu makale WordPress’te rel="noopener" hakkında bilgi edinmenize yardımcı olmuştur. WordPress’te bağlantı kullanımıyla ilgili diğer kılavuzları da görmek isteyebilirsiniz:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginner'da Popüler Hemen şimdi!

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Hakkında Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

26 yorumBir Cevap Bırakın

Moinuddin Waheed

This is very helpful guide for me as I have been teaching html and css to my students and this for have not talked about these two attributes. Most of the teachers only bother to tell target equals blank attribute for opening link in new tabs.
The best part is that we have all these options at our end in wordpress as well.
noopener is good for security reasons as it protects from cross site hacking.
Thanks for this detailed tutorial.

Yanıtla
- WPBeginner Support
  
  Glad we could share this
  
  Yanıtla
  
  Yönetici
Oleg Bibik

Great info, thanks. I now know the difference between noopener and nofollow.

Yanıtla
- WPBeginner Support
  
  Glad we could help clear that up
  
  Yanıtla
  
  Yönetici
April

The noopener is also present with the WordPress Classic editor.

Yanıtla
- WPBeginner Support
  
  True, we cover the block editor as that is the default editor for WordPress.
  
  Yanıtla
  
  Yönetici
Maria

Is that ok If i am using “noopener & Noreferrer” for interlinking?

Yanıtla
- WPBeginner Support
  
  You normally shouldn’t add that for internal links but you can if you would like.
  
  Yanıtla
  
  Yönetici
Navneet Kumar

Can we say rel=”noopener no referrer ” provide dofollow backlink to external website?

I mean if we receive this attribute then we received dofollow backlinks or nofollow backlinks?

Thanks in advance

Yanıtla
- WPBeginner Support
  
  These attributes would not affect if a link is dofollow or nofollow, that would be determined if the link is nofollow or not.
  
  Yanıtla
  
  Yönetici
Nadya

is it ok to use rel=”noopener noreferrer nofollow” in any position?

like

rel=”nofollow noopener noreferrer”
rel=”noreferrer nofollow noopener”

Yanıtla
- WPBeginner Support
  
  You shouldn’t need to worry about the order
  
  Yanıtla
  
  Yönetici
Ryan

Thank you for your article.

I checked my website on web.dev, and I was confused what is noopener and noreferrer.

After I put it to all of link with target=”_blank”, my best practice score went from <80 to 86.

Thank you.

Yanıtla
- WPBeginner Support
  
  Glad our guide could help, don’t forget that sites with scores like that are mainly suggestions
  
  Yanıtla
  
  Yönetici
Jill

Hello,

What about the custom templates used in Wordpress? Should rel=”noopener” be used in the links in the custom posts templates? Especially, internal linking?

Yanıtla
- WPBeginner Support
  
  You would not need to worry about noopener in the links to the templates for your posts and custom post types.
  
  Yanıtla
  
  Yönetici
Graham

does this affect Analytics? Yes or no?

Yanıtla
- WPBeginner Support
  
  noreferrer will prevent Google Analytics from tracking the site that the link came from.
  
  Yanıtla
  
  Yönetici
Lory

Can we use noopener but remove noreferrer? Its driving me crazy messing up my analytics. Not only can I not see referral traffic, but I also cannot see which posts have done well over time since referral traffic now shows as direct traffic to my home page. If noopener is the important tag, why is noreferrer included with it? There has to be some way around this.

Yanıtla
- WPBeginner Support
  
  Unless I hear otherwise, we do not have a specific built-in method to set that up but there are plugins available if you are wanting to remove that from your links.
  
  Yanıtla
  
  Yönetici
Zol

Hye WPbeginner Support, O/

I don’t use plugin to cloak my affiliate links on my website and I just manually add rel=”nofollow” to affiliate links in html editor.

My question..is this a good practice for SEO ?
Should I cloak it?

Thanks in advanced for your reply..

Yanıtla
- WPBeginner Support
  
  Hi Zol,
  
  It is good practice to cloak URLs. It allows you to better manage links, track your affiliate traffic, and makes your URLs look more understandable by both humans and machines.
  
  Yanıtla
  
  Yönetici
Shyam Mahanta

My wordpress have ssl certificate (auto ssl from the hosting company) but why the secure lock icon doesn’t appear in the Url? It opens in https but shows connection is not secure. Help is really appreciated.

Yanıtla
- WPBeginner Support
  
  Hi Shyam,
  
  Please see our guide on fixing common SSL issues in WordPress.
  
  Yanıtla
  
  Yönetici
Seleno

Hello
I have affiliate website and since wordpress addded noopener my earnings droped down,

But i was not sure if it can cause this

So noopener will never effect the affiliate links ?

Usualy i’m removing it

And it will not effect the seo or internal links ?
Thanks

Yanıtla
- WPBeginner Support
  
  Hi Seleno,
  
  It does not affect your affiliate links and have no impact on SEO.
  
  Yanıtla
  
  Yönetici