WordPress'te rel=”noopener noreferrer” nedir?

rel noopener nedir

Elbette WordPress kullanıyorsanız, koda baktıysanız bağlantılarda bazı garip etiketler göreceksiniz.

İlk başta korkutucu geliyor, çünkü bunu kendin eklemediğini biliyorsun ve bunun nereden geldiğini düşünüyorsun? Endişelenme, kötü bir şey olmadı, onu ekleyen WordPress'in kendisi.

Bunu neden yapıyor? Sizi korumak için daha ayrıntılı olarak açıklıyorum.

Web sayfamıza harici bir bağlantı yerleştirirken oluşan herhangi bir güvenlik açığından korunmamıza yardımcı olan bir HTML özelliğidir.

Her seferinde target=”_blank” ile yeni bir pencerede açılacak bir bağlantı oluşturuyoruz. Bunu yaparak, JavaScript programlama dili sayesinde window.opener seçicisi aracılığıyla bazı şeyleri değiştirebilen kötü niyetli bilgisayar korsanlarına maruz kaldık.

Bizi sahte bir sayfaya götürmek ve verilerimizi girmemizi istemek gibi şeyler.

Bu nedenle WordPress 4.7.4 sürümünden başlayarak, target=”_blank” ile yeni bir sekmeye oluşturulan herhangi bir bağlantı, rel=”noreferrer noopener” ile bağlantılı olacaktır. böylece herhangi bir dış bağlantıya karşı herhangi bir güvenlik açığından kaçınılır.

rel=»noreferrer noopener'a sahip olduğumu nasıl doğrulayabilirim?

Burada size WordPress editörümü gösteriyorum ve bir örnek yapacağız.

Bir gönderi oluşturuyoruz ve bir test dış bağlantısı ekliyoruz.

yeni sekme bağlantısı

Şimdi girişi HTML formatında göreceğiz, bunun için sağ taraftaki blok başlığında görünen üç noktaya tıklayıp "HTML Olarak Düzenle"yi seçiyoruz.

wp html olarak düzenle

Şimdi bağlantımın nasıl yapılandırıldığını göreceğiz. Varsayılan olarak WordPress'in kodu çağırdığını fark edebiliriz. rel=”noreferrer noopener”

rel noopener

Noreferrer'in ne olduğunu merak ediyor musunuz?

Kişisel bilgilerimizi gideceğimiz yeni sekmeye geçirmemek için Noopener ile gelen bir başka özellik.

noopener noreferrer eklemek SEO'yu etkiler mi?

Tabii ki hayır, bağlantıların konumlandırılmasını etkilemez.

Ayrıca nofollow özniteliğine sahip bağlantıları etkileyip etkilemeyeceğini merak ediyor olabilirsiniz.

Bir bakalım, örneğin şöyle bir bağlantımız olsaydı:

<a rel="nofollow" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>

Ve şimdi aşağıdaki gibi olmalıdır:

<a rel="nofollow noopener noreferrer" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>

Size söyleyeyim, SEO'yu da etkilemez.

Ben demiyorum, Google kendisi söylüyor.

Google'dan yanıt verdikleri için bağlantılarımıza noopener eklenmesi konumlandırmayı etkilemez.

Ve bağlı kuruluş bağlantılarım için? Noreferrer özelliği kişisel bilgileri aktarmama izin vermiyorsa zarar görür müyüm?

Ayrıca, çoğu bağlı kuruluş programı size bağlı kuruluş kimliğinizi içeren benzersiz bir URL sağlamaz.

Noopener ve Noreferrer'ı değiştirebilir miyim?
Evet yapabilirsiniz, bu bağlantının korunmasını etkilemez.

Aşağıdaki örneğe bakalım, test girişimde kodları tersten yerleştirdim

html yeniden açıcı

Girişi kaydediyorum ve Önizleme'ye tıklıyorum. Bir kez görüntülediğimde, kaynak kodunu göreceğim, Ctrl+U'ya tıklayarak (Chrome'da çalışıyorsanız)

relopener kaynak kodu

Koruma işlevini yerine getiren özniteliklerin hala mevcut olduğunu fark edebiliriz.

Bu işlevi devre dışı bırakabilir miyim?
Yapabilirsin ama tekrar ifşa olursun, bu yüzden bunu yapmanın bir anlamı olmaz.

Aynı şekilde, devre dışı bırakmak istiyorsanız, aktif alt temanızın functions.php dosyasına gitmeli ve aşağıdaki kodu eklemelisiniz:

// Esto desactiva voluntariamente una funcionalidad de seguridad de tinyMCE.
// NO ES RECOMENDABLE usar este código.
add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}

Umarım bu makale, noopener özelliğinin harici bağlantılarda nasıl çalıştığını anlamanıza yardımcı olmuştur.

Hiçbir şeyi değiştirmemenizi öneririz çünkü bu şekilde korunmuş ve güvende olursunuz.

Bir sonraki eğitime kadar 😉

Yorum yapın