Noopener Noreferrer nedir: “noopener” ve “noreferrer” terimleri, HTML’de kullanılan bir özellik olan rel özelliği ile ilişkilidir. Bu özellik, genellikle harici bağlantılar (hyperlink) içeren <a> etiketinde kullanılır. “noopener” ve “noreferrer” değerleri, bağlantının açılma şeklini ve bağlantı güvenliğini etkiler.
- “noopener“: Bu değer, yeni sekmede açılan bağlantının (ör.
target="_blank"kullanılarak), açan sayfa üzerindewindow.openerözelliği aracılığıyla JavaScript ile kontrol edilebilmesini engeller. Bu, performans ve güvenlik açısından önemlidir çünkü açan sayfanın yeni sekmede açılan sayfayı manipüle etmesini önler. - “noreferrer“: Bu değer, bağlantıyı açan sayfanın HTTP referans bilgilerinin yeni sekmede açılan sayfaya iletilmemesini sağlar. Bu, özellikle gizlilik ve güvenlik konularında önemlidir, çünkü referans bilgileri, kullanıcının hangi sayfadan geldiğini ve bazı durumlarda hassas verileri içerebilir.
Bu iki değer, genellikle bir arada kullanılır (rel="noopener noreferrer"), böylece hem performans ve güvenlik sağlanır hem de kullanıcı gizliliği korunur.
Güvenlik: “noopener” ve “noreferrer” kullanarak, açılan sayfanın kötü amaçlı JavaScript kodlarıyla açan sayfayı manipüle etme veya kullanıcı bilgilerine erişme riski azalır. Bu, özellikle kullanıcıların güvenliğini korumak için önemlidir.
Performans: “noopener” kullanarak, açılan sayfanın, açan sayfanın kaynaklarını (bellek, CPU vb.) kullanmasını engelleyerek sistemin performansını optimize eder. Bu, kullanıcı deneyimi ve sayfa hızı açısından önemlidir.
Gizlilik: “noreferrer” kullanarak, açılan sayfaya iletilen referans bilgileri engellenir. Bu sayede, kullanıcıların hangi sayfadan geldikleri ve bazen hassas bilgiler içerebilecek referans bilgileri korunur.
SEO (Arama Motoru Optimizasyonu): “noopener” ve “noreferrer” kullanımı, SEO açısından doğrudan bir etkiye sahip değildir. Ancak, kullanıcıların güvenliğini ve gizliliğini sağlayarak kullanıcı deneyimini iyileştirir ve dolaylı olarak SEO’ya katkıda bulunur.
Özetle, “noopener” ve “noreferrer” kullanarak, web sayfalarının güvenliğini, performansını ve gizlilik korumasını sağlamak mümkündür. Bu nedenle, harici bağlantılar için bu özellikleri kullanmak önemlidir.
noopener ve noreferrer kullanım örnekleri
<a>etiketi: HTML’de,<a>etiketi bir hyperlink (bağlantı) oluşturmak için kullanılır. Bağlantılar, farklı sayfalar, belgeler veya aynı sayfa içindeki bölümlere yönlendirebilir.
Örnek:
<a href=“https://www.example.com” target=“_blank” rel=“noopener noreferrer”>Example Website</a>
Bu örnekte, href ile bağlantı hedefi, target ile bağlantının nasıl açılacağı ve rel ile bağlantının ilişkisi belirtilmiştir. “noopener noreferrer” değerleri güvenlik ve gizlilik sağlamaktadır.
<link>etiketi: HTML’de,<link>etiketi, harici kaynakları (ör. CSS dosyaları) bağlamak veya mevcut sayfa ile ilgili meta verileri (ör. ikonlar) tanımlamak için kullanılır.<link>etiketi,<head>bölümünde yer alır.
Örnek:
<link rel=”stylesheet” href=”styles.css” />
Bu örnekte, rel özelliği ile bağlantının ilişkisi (“stylesheet” yani stil sayfası) ve href ile bağlantı hedefi belirtilmiştir.
<meta>etiketi: HTML’de,<meta>etiketi, sayfa ile ilgili meta verileri sağlamak için kullanılır. Bu etiket, sayfanın karakter kodlaması, yazarı, açıklaması ve anahtar kelimeler gibi bilgileri içerebilir.<meta>etiketi,<head>bölümünde yer alır.
Örnek:
<meta charset=”UTF-8″ />
<meta name=”description” content=”A sample website description.” />
<meta name=”keywords” content=”sample, website, keywords” />
<meta name=”author” content=”John Doe” />
Bu örneklerde, <meta> etiketi ile sayfanın karakter kodlaması, açıklaması, anahtar kelimeleri ve yazarı tanımlanmıştır.
HTML başlıkları, belge yapısı ve içerikle ilgili önemli bilgiler sunar. İyi yapılandırılmış bir HTML belgesi, kullanıcı deneyimini ve arama motoru optimizasyonunu (SEO) geliştirir. “noopener” ve “noreferrer” gibi özelliklerle birlikte, sayfaların güvenliği ve gizliliği de sağlanmış olur.
noopener ve noreferrer google değer verir mi?
Google, “noopener” ve “noreferrer” gibi özelliklerin kullanılmasını önerir çünkü bu özellikler web sayfası güvenliği ve kullanıcı gizliliği açısından önemlidir. Bununla birlikte, “noopener” ve “noreferrer” kullanımının doğrudan SEO (Arama Motoru Optimizasyonu) değerine etkisi yoktur.
Ancak, kullanıcı deneyimini ve güvenliğini artırarak, bu özellikler dolaylı olarak SEO’ya katkıda bulunabilir. Güvenli ve kullanıcı dostu bir web sitesi, kullanıcıların site üzerinde daha fazla zaman geçirmesini sağlar ve daha yüksek dönüşüm oranlarına yol açar. Bu nedenle, “noopener” ve “noreferrer” gibi özelliklerin kullanımı, web sayfasının genel kalitesini artırır ve bu da Google’ın değer verdiği bir faktördür.
Sonuç olarak, “noopener” özelliği doğrudan bir SEO avantajı sağlamasa da, güvenli ve kullanıcı dostu bir web sitesi oluşturmak için önemli bir unsurdur ve bu nedenle Google tarafından önerilir.
En Son 24 Nisan 2023 18:42 tarihinde Emrah Aladağ Yazarı Tarafından Güncellendi.
