HTML Rel Nedir? Bağlantı Rel Öznitelikleri

İnternet sayfalarındaki bağlantılar yalnızca kullanıcıyı başka bir adrese yönlendirmek için kullanılmaz. Bir bağlantının mevcut sayfayla nasıl bir ilişkiye sahip olduğu, güvenlik açısından nasıl işlenmesi gerektiği veya tarayıcının bağlantılı kaynağı ne şekilde kullanacağı da belirtilebilir.

HTML içerisinde bu ilişkiyi açıklamak için rel özniteliği kullanılır.

HTML rel özniteliği, mevcut HTML belgesiyle bağlantı verilen kaynak arasındaki ilişkiyi tanımlar. “Rel” ifadesi, İngilizce relationship, yani ilişki kelimesinin kısaltmasıdır.

Rel özniteliği aşağıdaki amaçlarla kullanılabilir:

Bağlantının reklam veya sponsorlu olduğunu belirtmek
Kullanıcı tarafından oluşturulduğunu bildirmek
Bağlantıyla editoryal ilişki kurulmadığını göstermek
Yeni sekmede açılan bağlantının güvenliğini artırmak
Yönlendiren sayfa bilgisinin gönderilmesini engellemek
Sayfanın tercih edilen URL’sini tanımlamak
CSS dosyasını HTML belgesine bağlamak
Site simgesini tanımlamak
Alternatif dil veya belge sürümünü göstermek
Tarayıcıya belirli kaynakları önceden yükleme talimatı vermek
Ardışık içeriklerde önceki ve sonraki sayfayı belirtmek
Lisans, yazar veya yardım sayfasıyla ilişki kurmak

Rel özniteliğinin anlamı, kullanıldığı HTML elementine ve yazılan rel değerine göre değişir. Örneğin rel="nofollow" bir bağlantının arama motorlarıyla ilişkisini açıklarken rel="stylesheet" tarayıcıya bağlantılı kaynağın bir CSS dosyası olduğunu bildirir.

Bağlantıların SEO çalışmalarındaki genel rolünü anlamak için SEO ne demek? içeriği incelenebilir.

Rel Ne Demek?

Rel, İngilizce “relationship” kelimesinin kısaltmasıdır ve Türkçede ilişki anlamına gelir.

HTML rel özniteliği, bağlantı verilen hedef kaynakla mevcut belge arasında nasıl bir ilişki olduğunu belirtir.

Temel kullanım biçimi şöyledir:

<a href="https://ornek.com/" rel="nofollow">Örnek bağlantı</a>

Bu kodda:

<a> bağlantı elementidir.
href hedef adresi gösterir.
rel mevcut belgeyle hedef adres arasındaki ilişkiyi açıklar.
nofollow bağlantının ilişki türünü belirtir.
“Örnek bağlantı” kullanıcı tarafından görülen bağlantı metnidir.

HTML Rel Özniteliği Nedir?

Rel özniteliği, bağlantının amacını veya bağlantılı kaynağın mevcut belgeyle olan ilişkisini tarayıcılara, arama motorlarına ve diğer yazılımlara açıklayan HTML özelliğidir.

Rel özniteliği görsel bir düzenleme yapmaz. Bağlantının rengini, boyutunu veya yeni sekmede açılıp açılmayacağını tek başına belirlemez.

Örneğin:

<a href="https://ornek.com/" rel="external">Dış site</a>

rel="external" bağlantının site dışındaki bir kaynağa yöneldiğini belirtir. Ancak bağlantıyı otomatik olarak yeni sekmede açmaz. Yeni sekme için ayrıca target="_blank" kullanılmalıdır.

<a href="https://ornek.com/" target="_blank" rel="noopener">
    Dış site
</a>

Rel Özniteliği Hangi HTML Etiketlerinde Kullanılır?

Rel özniteliği başlıca şu HTML elementlerinde kullanılabilir:

<a>
<link>
<area>
<form>

Ancak bütün rel değerleri her elementte kullanılamaz. Örneğin canonical çoğunlukla <link> elementiyle, nofollow ise bağlantı oluşturan <a> elementiyle kullanılır.

HTML elementi

Kullanım amacı

Örnek rel değerleri

<a>

Kullanıcının tıklayacağı bağlantılar

nofollow, sponsored, ugc, noopener

<link>

Belge ile kaynak arasındaki ilişki

stylesheet, canonical, icon, preload

<area>

Görsel haritalardaki bağlantılar

nofollow, noopener, noreferrer

<form>

Form gönderimiyle oluşan ilişki

external, nofollow, noopener

A Etiketinde Rel Kullanımı

<a> etiketi, kullanıcıların tıklayabildiği bağlantıları oluşturur.

Temel bağlantı:

<a href="https://ornek.com/">Örnek Site</a>

Rel değeri eklendiğinde bağlantının niteliği açıklanır:

<a href="https://ornek.com/" rel="nofollow">Örnek Site</a>

<a> elementinde kullanılan rel özniteliği için geçerli bir href adresi bulunmalıdır.

Link Etiketinde Rel Kullanımı

<link> elementi çoğunlukla HTML belgesinin <head> bölümünde kullanılır. Kullanıcının tıklayacağı görünür bir bağlantı oluşturmak yerine tarayıcıya veya arama motoruna belgeyle ilgili bilgi verir.

CSS dosyası bağlama örneği:

<link rel="stylesheet" href="/css/style.css">

Canonical kullanımı:

<link rel="canonical" href="https://ornek.com/ana-sayfa/">

Favicon kullanımı:

<link rel="icon" href="/favicon.ico">

Birden Fazla Rel Değeri Kullanılabilir mi?

Evet. Aynı bağlantıda birden fazla rel değeri kullanılabilir.

Değerler boşlukla ayrılmalıdır:

<a href="https://ornek.com/"
   target="_blank"
   rel="nofollow noopener">
    Örnek bağlantı
</a>

Başka bir örnek:

<a href="https://ornek.com/" rel="ugc nofollow">
    Kullanıcı bağlantısı
</a>

HTML açısından tercih edilmesi gereken yazım biçimi, değerlerin boşluklarla ayrılmasıdır.

Doğru Kullanım

rel="ugc nofollow noopener"

Kaçınılması Gereken Kullanım

rel="ugc,nofollow,noopener"

Bazı sistemler virgülle ayrılmış değerleri yorumlayabilse de standart ve daha güvenli kullanım biçimi boşlukla ayırmaktır.

En Çok Kullanılan HTML Rel Değerleri

Yaygın rel değerleri kullanım amaçlarına göre sınıflandırılabilir.

Rel değeri

Temel amacı

Genellikle kullanıldığı element

nofollow

Bağlantının editoryal olarak desteklenmediğini belirtmek

<a>

Rel Nofollow Nedir?

rel="nofollow", sayfa sahibinin bağlantı verilen kaynakla editoryal olarak ilişki kurmak veya bağlantıyı desteklemek istemediğini belirten rel değeridir.

Kullanım örneği:

<a href="https://ornek.com/" rel="nofollow">
    Örnek bağlantı
</a>

Nofollow şu durumlarda kullanılabilir:

Bağlantı verilen kaynağa güvenilmiyorsa
Sponsorlu ve kullanıcı bağlantısı gibi daha özel değerler uygun değilse
Sayfa sahibi bağlantıyı editoryal olarak desteklemek istemiyorsa
Kontrol edilemeyen dış bağlantılar bulunuyorsa

Nofollow bağlantı:

Kullanıcının bağlantıya tıklamasını engellemez.
Bağlantıyı görünmez yapmaz.
Hedef sayfanın kesinlikle taranmayacağını garanti etmez.
Hedef sayfanın indekslenmesini kesin olarak engellemez.
Bağlantıyı yeni sekmede açmaz.

Nofollow, bir sayfayı arama sonuçlarından çıkarmak için kullanılan bir indeks engelleme yöntemi değildir.

Bağlantıların site otoritesi ve SEO açısından rolü için backlink nedir? içeriği incelenebilir.

Rel Sponsored Nedir?

rel="sponsored", reklam, sponsorluk, ücretli yerleşim veya ticari anlaşma sonucunda verilen bağlantıları belirtmek için kullanılır.

Kullanım örneği:

<a href="https://ornek.com/" rel="sponsored">
    Sponsorlu bağlantı
</a>

Sponsored kullanılması gereken bağlantılara örnekler:

Ücretli tanıtım yazısındaki bağlantılar
Reklam bağlantıları
Affiliate bağlantıları
Sponsorlu içerikler
Ticari anlaşmayla eklenen linkler
Ürün yerleştirme bağlantıları
Ücret karşılığında verilen yönlendirmeler

Sponsorlu bağlantıda farklı değerler birlikte kullanılabilir:

<a href="https://ornek.com/"
   target="_blank"
   rel="sponsored noopener">
    Sponsorlu bağlantı
</a>

Geçmişte ücretli bağlantılar için yalnızca nofollow kullanılabiliyordu. Günümüzde ticari ilişkinin daha açık tanımlanması için sponsored daha açıklayıcı bir değerdir.

Rel UGC Nedir?

UGC, “User Generated Content” ifadesinin kısaltmasıdır ve kullanıcı tarafından oluşturulan içerik anlamına gelir.

rel="ugc", site yönetimi tarafından değil kullanıcılar tarafından eklenen bağlantıları belirtir.

Kullanım örneği:

<a href="https://ornek.com/" rel="ugc">
    Kullanıcının eklediği bağlantı
</a>

UGC kullanılabilecek alanlar:

Blog yorumları
Forum mesajları
Kullanıcı profilleri
Topluluk sayfaları
Soru-cevap platformları
Üye içerikleri
Kullanıcı değerlendirmeleri

Spam riskine karşı ugc ve nofollow birlikte kullanılabilir:

<a href="https://ornek.com/" rel="ugc nofollow">
    Forum bağlantısı
</a>

Nofollow, Sponsored ve UGC Karşılaştırması

Rel değeri	Kullanım amacı	Örnek bağlantı
nofollow	Bağlantıyla editoryal ilişki kurmamak	Güvenilmeyen dış kaynak
sponsored	Ticari veya ücretli ilişkiyi belirtmek	Reklam ve affiliate bağlantısı
ugc	Kullanıcı tarafından eklenen bağlantıyı belirtmek	Forum veya yorum bağlantısı
ugc nofollow	Kullanıcı bağlantısını ve güven sınırlamasını birlikte belirtmek	Kontrol edilmemiş forum linki
sponsored nofollow	Ticari bağlantıyı ek olarak nofollow ile nitelendirmek	Ücretli tanıtım bağlantısı

Rel Noopener Nedir?

rel="noopener", yeni sekme veya pencerede açılan sayfanın kaynak sayfanın pencere nesnesine erişmesini sınırlandıran güvenlik odaklı rel değeridir.

Kullanım örneği:

<a href="https://ornek.com/"
   target="_blank"
   rel="noopener">
    Yeni sekmede aç
</a>

Noopener özellikle target="_blank" ile açılan ve kontrol edilmeyen dış bağlantılarda kullanılır.

Noopener:

Yeni sayfanın kaynak pencereye erişimini sınırlar.
Kaynak sayfanın kötü niyetli biçimde değiştirilmesi riskini azaltır.
Yönlendiren sayfa bilgisini tek başına gizlemez.
SEO açısından nofollow ile aynı görevi yerine getirmez.

Güncel tarayıcılarda target="_blank" davranışı çoğunlukla noopener güvenliğiyle birlikte uygulanır. Buna rağmen kodun amacını açıkça belirtmek ve daha savunmacı bir yapı oluşturmak için rel="noopener" yazılabilir.

Rel Noreferrer Nedir?

rel="noreferrer", kullanıcı bağlantıyı takip ettiğinde yönlendiren sayfaya ait referrer bilgisinin hedef kaynağa gönderilmemesini sağlar.

Kullanım örneği:

<a href="https://ornek.com/"
   target="_blank"
   rel="noreferrer">
    Gizli yönlendirme
</a>

Noreferrer:

Yönlendiren sayfanın adres bilgisini gizler.
Noopener davranışını da içerir.
Hedef sitenin analiz araçlarında trafik kaynağının görülmesini etkileyebilir.
Nofollow ile aynı anlama gelmez.
Kullanıcının bağlantıya tıklamasını engellemez.

Referans trafiğinin doğru ölçülmesi isteniyorsa noreferrer gereksiz yere kullanılmamalıdır.

Noopener, Noreferrer ve Nofollow Arasındaki Fark

Bu üç rel değeri sıklıkla birbirine karıştırılır ancak görevleri farklıdır.

Kriter	noopener	noreferrer	nofollow
Temel amaç	Pencere güvenliği	Referrer gizliliği	Bağlantı ilişkisinin niteliği
SEO bağlantı işareti	Hayır	Hayır	Evet
Referrer bilgisini gizler	Hayır	Evet	Hayır
Kaynak pencereye erişimi sınırlar	Evet	Evet	Hayır
Yeni sekmeyle ilişkili	Genellikle evet	Genellikle evet	Zorunlu değil
Kullanıcı tıklamasını engeller	Hayır	Hayır	Hayır
Hedef sayfanın indeksini engeller	Hayır	Hayır	Hayır

Güvenli Yeni Sekme Kullanımı

<a href="https://ornek.com/"
   target="_blank"
   rel="noopener">
    Dış bağlantı
</a>

Referrer Bilgisi Gönderilmeyen Kullanım

<a href="https://ornek.com/"
   target="_blank"
   rel="noreferrer">
    Dış bağlantı
</a>

Nofollow ve Güvenlik Birlikte

<a href="https://ornek.com/"
   target="_blank"
   rel="nofollow noopener">
    Nofollow dış bağlantı
</a>

Rel Opener Nedir?

rel="opener", yeni açılan sayfanın kaynak pencereyle bağlantı kurmasına açıkça izin vermek için kullanılabilen rel değeridir.

Örnek:

<a href="/yardim/"
   target="_blank"
   rel="opener">
    Yardım penceresini aç
</a>

Opener bilinçsiz biçimde kullanılmamalıdır. Güvenilmeyen dış sayfalara kaynak pencereye erişim verilmesi güvenlik riski oluşturabilir.

Değer	Davranış
noopener	Yeni pencerenin kaynak pencereye erişimini sınırlar
opener	Yeni pencerenin kaynak pencereyle bağlantısını koruyabilir
noreferrer	Referrer bilgisini gizler ve noopener davranışı sağlar

Rel External Nedir?

rel="external", bağlantının mevcut internet sitesinin parçası olmayan dış bir belgeye yöneldiğini belirtir.

<a href="https://ornek.com/" rel="external">
    Dış kaynak
</a>

External değeri:

Bağlantıyı otomatik olarak yeni sekmede açmaz.
Nofollow anlamına gelmez.
Güvenlik önlemi sağlamaz.
Bağlantının site dışına yöneldiğini semantik olarak açıklar.

Yeni sekmede açılması isteniyorsa ayrıca target="_blank" eklenmelidir:

<a href="https://ornek.com/"
   target="_blank"
   rel="external noopener">
    Dış kaynak
</a>

Rel Canonical Nedir?

rel="canonical", benzer veya yinelenen sayfalar arasında tercih edilen ana URL’yi belirtmek için kullanılır.

Canonical görünür <a> bağlantısında değil, genellikle HTML belgesinin <head> bölümünde bulunan <link> elementiyle kullanılır.

<head>
    <link rel="canonical"
          href="https://ornek.com/ana-sayfa/">
</head>

Canonical kullanılabilecek durumlar:

URL parametreleri
Ürün varyasyonları
Filtre sayfaları
UTM içeren bağlantılar
Benzer içerik sürümleri
HTTP ve HTTPS farklılıkları
www ve www olmayan adresler
Sıralama parametreleri

Canonical etiketi yönlendirme yapmaz. Kullanıcı mevcut sayfada kalmaya devam eder.

Canonical yapının ayrıntıları için canonical URL nedir? rehberi incelenebilir.

Canonical, Nofollow, Noindex ve 301 Farkı

Yöntem	Temel amaç	Kullanıcı yönlendirilir mi?
rel=”canonical”	Tercih edilen URL’yi bildirmek	Hayır
rel=”nofollow”	Bağlantı ilişkisini nitelendirmek	Hayır
meta noindex	Sayfanın indekslenmemesini istemek	Hayır
301 yönlendirme	URL’yi kalıcı olarak başka adrese taşımak	Evet
robots.txt	Tarama erişimini yönetmek	Hayır

Bu yöntemler aynı amaca hizmet etmez. Sorunun türüne göre uygun teknik çözüm seçilmelidir.

Teknik sorunları belirleme ve doğru yöntemi seçme süreci için teknik SEO çalışması yapılabilir.

Rel Alternate Nedir?

rel="alternate", mevcut belgenin alternatif bir sürümünü belirtir.

Alternatif sürüm:

Farklı dilde olabilir.
Farklı medya türü olabilir.
RSS veya Atom akışı olabilir.
Alternatif stil dosyası olabilir.
Mobil veya özel formatlı sürüm olabilir.

Alternatif Dil Kullanımı

<link rel="alternate"
      hreflang="tr"
      href="https://ornek.com/tr/sayfa/">

<link rel="alternate"
      hreflang="en"
      href="https://ornek.com/en/page/">

RSS Akışı Kullanımı

<link rel="alternate"
      type="application/rss+xml"
      title="RSS"
      href="/feed/">

Alternate tek başına yeterli bilgi vermeyebilir. Kullanım amacına göre hreflang, type veya title gibi diğer özniteliklerle desteklenebilir.

Rel Stylesheet Nedir?

rel="stylesheet", bağlantılı dosyanın HTML belgesinin görünümünü düzenleyen bir CSS stil dosyası olduğunu belirtir.

<link rel="stylesheet" href="/css/style.css">

Bu kod genellikle belgenin <head> bölümünde bulunur.

Tarayıcı:

CSS dosyasını indirir.
Dosyadaki stil kurallarını işler.
Sayfanın görsel tasarımını uygular.

Yanlış dosya yolu veya yüklenmeyen stil dosyası, sayfanın tasarımsız görünmesine neden olabilir.

Rel Icon Nedir?

rel="icon", internet sitesinin tarayıcı sekmesinde veya yer imlerinde kullanılabilecek simgesini belirtir.

<link rel="icon"
      type="image/png"
      href="/favicon.png">

Farklı boyutlar belirtilebilir:

<link rel="icon"
      type="image/png"
      sizes="32x32"
      href="/favicon-32x32.png">

Site simgesi doğrudan SEO sıralama garantisi sağlamaz ancak marka tanınabilirliğini ve kullanıcı deneyimini destekleyebilir.

Rel Preload Nedir?

rel="preload", mevcut sayfanın yüklenmesi sırasında kısa süre içerisinde ihtiyaç duyulacak önemli bir kaynağın önceden yüklenmesini sağlar.

Örnek:

<link rel="preload"
      href="/fonts/site-font.woff2"
      as="font"
      type="font/woff2"
      crossorigin>

Preload kullanılabilecek kaynaklar:

Yazı tipleri
Kritik görseller
CSS dosyaları
JavaScript dosyaları
Ses ve video kaynakları

Preload değerinde as özniteliğinin doğru kullanılması önemlidir.

Örnek değerler:

as="font"
as="image"
as="style"
as="script"

Her kaynağı preload yapmak doğru değildir. Gereksiz preload kullanımı ağ önceliklerini bozabilir ve sayfa performansını olumsuz etkileyebilir.

Sayfa yüklenme performansının ölçülmesi için Google PageSpeed Insights kullanılabilir.

Rel Prefetch Nedir?

rel="prefetch", mevcut sayfada hemen gerekmeyen ancak kullanıcının sonraki adımında ihtiyaç duyabileceği kaynağın önceden getirilmesini sağlar.

<link rel="prefetch" href="/sonraki-sayfa.html">

Örnek kullanım:

Kullanıcının büyük olasılıkla açacağı sonraki sayfa
Sonraki aşamada ihtiyaç duyulacak JavaScript
Bir sonraki içerikte kullanılacak görsel
Adım adım formun sonraki ekranı

Prefetch düşük öncelikli bir hazırlık olarak düşünülebilir.

Preload ve Prefetch Arasındaki Fark

Kriter	preload	prefetch
Amaç	Mevcut sayfa için gerekli kaynağı yüklemek	Gelecekte gerekebilecek kaynağı hazırlamak
Öncelik	Daha yüksek	Daha düşük
Kullanım zamanı	Mevcut sayfa yüklenirken	Sonraki gezinme ihtimali için
Örnek	Ana yazı tipi	Sonraki sayfanın görseli
Yanlış kullanım riski	Ağ önceliğini bozabilir	Gereksiz veri tüketebilir

Rel Preconnect Nedir?

rel="preconnect", tarayıcının başka bir kaynağa bağlantı kurma işlemlerini erkenden başlatmasına yardımcı olur.

<link rel="preconnect"
      href="https://cdn.ornek.com/"
      crossorigin>

Preconnect şu işlemleri erkenden başlatabilir:

DNS çözümleme
TCP bağlantısı
Güvenli bağlantı görüşmesi

Şu kaynaklarda kullanılabilir:

CDN
Haricî yazı tipi kaynağı
API
Önemli üçüncü taraf alan adı
Medya sunucusu

Çok sayıda alan adına preconnect eklemek yerine yalnızca kritik kaynaklar seçilmelidir.

Rel DNS-Prefetch Nedir?

rel="dns-prefetch", belirli alan adının DNS çözümlemesini sayfa ihtiyaç duymadan önce başlatmaya yardımcı olur.

<link rel="dns-prefetch"
      href="//cdn.ornek.com">

DNS-prefetch yalnızca alan adı çözümleme aşamasına odaklanır. Preconnect ise daha kapsamlı bağlantı hazırlığı yapabilir.

Preconnect ve DNS-Prefetch Karşılaştırması

Kriter	preconnect	dns-prefetch
DNS çözümleme	Evet	Evet
Bağlantı kurulumu	Evet	Hayır
Güvenli bağlantı hazırlığı	Yapabilir	Hayır
Kaynak kullanımı	Daha yüksek	Daha düşük
Uygun kullanım	Kritik dış kaynak	Daha düşük öncelikli alan adı

Rel Modulepreload Nedir?

rel="modulepreload", JavaScript modüllerinin önceden yüklenmesini ve modül yapısına uygun biçimde hazırlanmasını sağlar.

<link rel="modulepreload"
      href="/js/app.js">

Standart preload ile benzer bir performans amacı taşır ancak JavaScript modüllerine özel davranış sunar.

Rel Manifest Nedir?

rel="manifest", web uygulamasının manifest dosyasını HTML belgesine bağlamak için kullanılır.

<link rel="manifest"
      href="/site.webmanifest">

Manifest dosyası şu bilgileri içerebilir:

Uygulama adı
Kısa ad
Başlangıç adresi
Tema rengi
Arka plan rengi
Görüntüleme modu
Uygulama simgeleri

Bu yapı özellikle web uygulaması deneyimlerinde kullanılabilir.

Rel Next ve Prev Nedir?

rel="next" ve rel="prev", bir belge dizisindeki sıradaki ve önceki sayfaları belirtir.

Sonraki Sayfa

<link rel="next"
      href="https://ornek.com/blog/sayfa/3/">

Önceki Sayfa

<link rel="prev"
      href="https://ornek.com/blog/sayfa/1/">

Görünür bağlantılarda da kullanılabilir:

<a href="/blog/sayfa/3/" rel="next">
    Sonraki Sayfa
</a>

Bu değerler:

Sayfalama
Kitap bölümleri
Ders serileri
Adım adım rehberler
Görsel galerileri

gibi sıralı belgelerde semantik ilişki oluşturabilir.

Tek başına sıralama garantisi sağlamaz ve sayfalama yapısındaki iç bağlantıların yerine geçmez.

Rel Author Nedir?

rel="author", bağlantı verilen kaynağın mevcut belge veya en yakın makale içeriğinin yazarıyla ilgili olduğunu belirtir.

<a href="/yazar/ayse-yilmaz/" rel="author">
    Ayşe Yılmaz
</a>

HTML belgesinin <head> bölümünde de kullanılabilir:

<link rel="author" href="/yazar/ayse-yilmaz/">

Author değeri içerik ile yazar sayfası arasında semantik ilişki kurar.

Rel License Nedir?

rel="license", mevcut içeriğin kullanım veya telif lisansını açıklayan kaynağa bağlantı verir.

<a href="/lisans/" rel="license">
    İçerik kullanım lisansı
</a>

Bu değer:

Açık lisanslı içeriklerde
Fotoğraf ve medya sayfalarında
Yazılım projelerinde
Eğitim materyallerinde
Yayın politikalarında

kullanılabilir.

Rel Help Nedir?

rel="help", bağlantılı kaynağın mevcut içerik veya işlemle ilgili yardım sunduğunu belirtir.

<a href="/yardim/form-doldurma/" rel="help">
    Form doldurma yardımı
</a>

Şu alanlarda kullanılabilir:

Form yardım bağlantıları
Kullanım rehberleri
Teknik destek sayfaları
Açıklama ve yardım dokümanları
Yönetim paneli yönlendirmeleri

Rel Bookmark Nedir?

rel="bookmark", bir makale veya bölüm için kalıcı bağlantıyı belirtmek amacıyla kullanılabilir.

<a href="/blog/html-rel-nedir/"
   rel="bookmark">
    Kalıcı bağlantı
</a>

Bu değer çoğunlukla içerik kartlarındaki başlıklarda veya kalıcı bağlantı alanlarında kullanılabilir.

Rel Tag Nedir?

rel="tag", bağlantı verilen kaynağın mevcut belge için bir etiket veya konu sınıflandırması olduğunu belirtir.

<a href="/etiket/html/" rel="tag">
    HTML
</a>

Her kategori bağlantısına otomatik olarak tag eklemek yerine gerçekten mevcut içeriği sınıflandıran etiket bağlantılarında kullanılmalıdır.

Rel Search Nedir?

rel="search", bağlantılı kaynağın mevcut site veya belgeyle ilgili bir arama arayüzü sunduğunu belirtir.

<a href="/arama/" rel="search">
    Sitede ara
</a>

Belgenin <head> bölümünde arama tanımı için de kullanılabilir.

Rel Privacy-Policy Nedir?

rel="privacy-policy", bağlantılı belgenin mevcut sitenin veya hizmetin gizlilik politikasını içerdiğini belirtir.

<a href="/gizlilik-politikasi/"
   rel="privacy-policy">
    Gizlilik Politikası
</a>

Bu değer özellikle:

Site alt bilgisinde
Üyelik formlarında
Mobil uygulama sayfalarında
Hesap oluşturma ekranlarında

kullanılabilir.

Rel Terms-of-Service Nedir?

rel="terms-of-service", bağlantılı belgenin mevcut hizmetin kullanım şartlarını içerdiğini belirtir.

<a href="/hizmet-sartlari/"
   rel="terms-of-service">
    Hizmet Şartları
</a>

Gizlilik politikası ve hizmet şartları için ayrı ilişki değerleri kullanılabilir.

Rel Değerlerinin Kullanım Grupları

Kullanım grubu	Rel değerleri
SEO ve bağlantı niteliği	nofollow, sponsored, ugc
Güvenlik ve gizlilik	noopener, noreferrer, opener
Belge kimliği	canonical, alternate, author, license
Sayfa sırası	next, prev
Kaynak yükleme	stylesheet, preload, prefetch, modulepreload
Bağlantı hazırlığı	preconnect, dns-prefetch
Site ve uygulama	icon, manifest, search
Yasal belgeler	privacy-policy, terms-of-service
İçerik sınıflandırması	tag, bookmark

Rel, Href, Target ve Referrerpolicy Farkı

Öznitelik

Görevi

Örnek

href

Hedef adresi belirtir

href="/iletisim/"

rel

Kaynakla ilişkiyi açıklar

rel="nofollow"

target

Bağlantının nerede açılacağını belirtir

target="_blank"

hreflang

Hedef belgenin dilini belirtir

hreflang="en"

type

Hedef kaynağın türü hakkında ipucu verir

type="text/css"

referrerpolicy

Yönlendiren bilgi politikasını belirler

referrerpolicy="no-referrer"

download

Kaynağın indirilmesini amaçlar

download="dosya.pdf"

Rel ile target birbirinin alternatifi değildir.

Örneğin:

<a href="https://ornek.com/"
   target="_blank"
   rel="noopener">
    Yeni sekmede güvenli bağlantı
</a>

Burada:

href hedefi belirler.
target yeni sekme davranışını belirler.
rel güvenlik ilişkisini tanımlar.

HTML Rel Özniteliklerinin SEO’ya Etkisi

Rel değerlerinin SEO üzerindeki etkisi kullanılan değere göre değişir.

Nofollow

Bağlantının editoryal destek olarak değerlendirilmemesi gerektiğini bildirir. Kesin indeks engelleme yöntemi değildir.

Ücretli veya ticari bağlantının niteliğini açıklar.

UGC

Bağlantının kullanıcı tarafından oluşturulan içerikten geldiğini belirtir.

Canonical

Benzer URL’ler arasında tercih edilen sayfayı gösterir ve yinelenen içerik yönetimini destekler.

Alternate

Farklı dil veya içerik sürümleri arasındaki ilişkiyi açıklayabilir.

Next ve Prev

Ardışık belgeler arasında semantik ilişki kurar ancak tek başına SEO stratejisi oluşturmaz.

Noopener ve Noreferrer

Temel amaçları SEO değil, güvenlik ve gizliliktir.

Site içerisindeki başlıklar, bağlantılar ve diğer HTML alanlarının optimizasyonu için site içi SEO yaklaşımı uygulanabilir.

Dofollow Rel Değeri Var mı?

HTML standardında rel="dofollow" şeklinde özel bir rel değeri bulunmaz.

Normal bağlantı şu şekilde oluşturulur:

<a href="https://ornek.com/">
    Normal bağlantı
</a>

Rel değeri eklenmeyen standart bağlantılar SEO sektöründe yaygın olarak “dofollow bağlantı” şeklinde adlandırılabilir. Ancak HTML kodunda dofollow yazılması gerekmez.

Doğru Normal Bağlantı

<a href="https://ornek.com/">
    Örnek Site
</a>

Gereksiz Kullanım

<a href="https://ornek.com/" rel="dofollow">
    Örnek Site
</a>

Nofollow Bütün Dış Linklere Eklenmeli mi?

Hayır. Bütün dış bağlantılara otomatik olarak nofollow eklemek zorunlu değildir.

Editoryal olarak güvenilen, kullanıcıya fayda sağlayan normal kaynak bağlantıları rel değeri olmadan kullanılabilir.

Nofollow şu durumlarda değerlendirilmelidir:

Kaynak güvenilir değilse
Bağlantı kontrol edilemiyorsa
Başka özel rel değeri uygun değilse
Editoryal destek verilmek istenmiyorsa

Ücretli bağlantılarda sponsored, kullanıcı içeriklerinde ugc daha açıklayıcı olabilir.

İç Linklerde Nofollow Kullanılmalı mı?

Genellikle site içi bağlantılarda nofollow kullanılması doğru bir tarama veya indeks yönetimi yöntemi değildir.

Site içi bağlantılar:

Arama motorlarının sayfaları keşfetmesini
Site mimarisinin anlaşılmasını
Kullanıcıların ilgili sayfalara ulaşmasını
Sayfalar arasında otorite dağılımını

destekler.

Bir sayfanın indekslenmesi istenmiyorsa hedefe göre:

Meta noindex
Canonical
Robots.txt
Şifre koruması
URL kaldırma
Yönlendirme

gibi farklı teknik çözümler değerlendirilmelidir.

Bağlantı metinlerinin doğru kullanımı için anchor text rehberi incelenebilir.

WordPress’te Rel Değeri Nasıl Eklenir?

WordPress içerisinde rel değeri birkaç farklı yöntemle eklenebilir.

HTML Görünümünden Ekleme

Bağlantı kodu doğrudan düzenlenebilir:

<a href="https://ornek.com/"
   target="_blank"
   rel="nofollow noopener">
    Örnek bağlantı
</a>

Editör Üzerinden Ekleme

Kullanılan WordPress editörü veya eklentiye göre bağlantı seçeneklerinde:

Yeni sekmede aç
Nofollow ekle
Sponsored olarak işaretle
UGC olarak işaretle

gibi alanlar bulunabilir.

Tema veya Eklenti Üzerinden Otomatik Ekleme

Bazı temalar ve eklentiler dış bağlantılara otomatik rel değerleri ekleyebilir. Otomatik kurallar uygulanmadan önce bütün bağlantıların aynı nitelikte olmadığı unutulmamalıdır.

Örneğin bütün dış bağlantılara nofollow noreferrer eklemek:

Güvenilir editoryal kaynakları nofollow yapabilir.
Referans trafiği verilerini etkileyebilir.
Gereksiz kod üretimine neden olabilir.

HTML Rel Kod Örnekleri

Normal Bağlantı

<a href="https://ornek.com/">
    Normal bağlantı
</a>

Nofollow Bağlantı

<a href="https://ornek.com/" rel="nofollow">
    Nofollow bağlantı
</a>

Sponsorlu Bağlantı

<a href="https://ornek.com/" rel="sponsored">
    Sponsorlu bağlantı
</a>

Kullanıcı Tarafından Eklenen Bağlantı

<a href="https://ornek.com/" rel="ugc nofollow">
    Kullanıcı bağlantısı
</a>

Yeni Sekmede Güvenli Bağlantı

<a href="https://ornek.com/"
   target="_blank"
   rel="noopener">
    Yeni sekmede aç
</a>

Nofollow ve Noopener Birlikte

<a href="https://ornek.com/"
   target="_blank"
   rel="nofollow noopener">
    Dış bağlantı
</a>

Sponsorlu ve Güvenli Bağlantı

<a href="https://ornek.com/"
   target="_blank"
   rel="sponsored noopener">
    Sponsorlu bağlantı
</a>

Canonical

<link rel="canonical"
      href="https://ornek.com/ornek-sayfa/">

Stil Dosyası

<link rel="stylesheet"
      href="/css/style.css">

Favicon

<link rel="icon"
      href="/favicon.ico">

Alternatif Dil

<link rel="alternate"
      hreflang="en"
      href="https://ornek.com/en/page/">

Kritik Yazı Tipini Önceden Yükleme

<link rel="preload"
      href="/fonts/site-font.woff2"
      as="font"
      type="font/woff2"
      crossorigin>

CDN Bağlantısını Erkenden Kurma

<link rel="preconnect"
      href="https://cdn.ornek.com/"
      crossorigin>

HTML Rel Kullanımında Yapılan Hatalar

Dofollow Değeri Eklemek

Standart normal bağlantı için rel değeri gerekmez.

Canonical Değerini A Etiketinde Kullanmak

Canonical, görünür bağlantı yerine <head> içerisindeki <link> elementiyle uygulanmalıdır.

Nofollow ile Noindex’i Karıştırmak

Nofollow bağlantıyı niteler. Hedef sayfanın indekslenmesini kesin biçimde engellemez.

Bütün Dış Linkleri Nofollow Yapmak

Güvenilir editoryal kaynaklar için normal bağlantı kullanılabilir.

Ücretli Bağlantıyı İşaretlememek

Reklam, sponsorluk ve affiliate ilişkileri sponsored ile belirtilebilir.

Kullanıcı Bağlantılarını Kontrol Etmemek

Forum ve yorum bağlantıları spam riskine karşı ugc veya ugc nofollow olarak işaretlenebilir.

Noreferrer Değerini Gereksiz Kullanmak

Referans trafik bilgisinin hedef siteye aktarılmasını engelleyebilir.

External Değerinin Yeni Sekme Açtığını Sanmak

rel="external" bağlantıyı yeni sekmede açmaz. Bunun için target gerekir.

Rel Değerlerini Virgülle Ayırmak

Standart HTML kullanımında değerler boşlukla ayrılmalıdır.

Preload Değerini Aşırı Kullanmak

Çok sayıda kaynağa yüksek öncelik vermek performansı geliştirmek yerine kötüleştirebilir.

Preload ve Prefetch’i Karıştırmak

Preload mevcut sayfa, prefetch ise gelecekteki olası ihtiyaçlar için kullanılır.

Opener ve Noopener’ı Birlikte Kullanmak

Birbiriyle çelişen değerler aynı bağlantıya eklenmemelidir.

Href Olmadan Rel Eklemek

Bağlantı hedefi bulunmayan <a> elementinde rel kullanmak anlamlı değildir.

Doğru ve Yanlış Rel Kullanımları

Yanlış veya sorunlu kullanım

Daha doğru kullanım

rel="dofollow"

Rel değeri kullanmamak

rel="ugc,nofollow"

rel="ugc nofollow"

<a rel="canonical">

<link rel="canonical">

Ücretli linki normal bırakmak

rel="sponsored"

Yorum linkini kontrolsüz bırakmak

rel="ugc nofollow"

rel="external" ile yeni sekme beklemek

target="_blank" rel="external noopener"

Bütün kaynaklara preload vermek

Yalnızca kritik kaynakları preload yapmak

İç sayfayı nofollow ile indeks dışı bırakmak

Amaca göre noindex veya canonical kullanmak

rel="noopener opener"

Amaca göre yalnızca biri

Noreferrer’ı gereksiz eklemek

Analiz ihtiyacına göre noopener kullanmak

Hangi Bağlantıda Hangi Rel Değeri Kullanılmalı?

Bağlantı türü	Önerilebilecek kullanım
Normal editoryal bağlantı	Rel kullanılması gerekmez
Ücretli reklam bağlantısı	sponsored
Affiliate bağlantısı	sponsored
Forum bağlantısı	ugc veya ugc nofollow
Blog yorumundaki bağlantı	ugc nofollow
Güvenilmeyen dış bağlantı	nofollow
Yeni sekmede dış bağlantı	noopener
Referrer bilgisi gönderilmeyecek bağlantı	noreferrer
Tercih edilen sayfa URL’si	canonical
Alternatif dil sayfası	alternate ve hreflang
CSS dosyası	stylesheet
Site simgesi	icon
Kritik mevcut kaynak	preload
Sonraki sayfada gerekebilecek kaynak	prefetch
Kritik dış alan adı	preconnect
Gizlilik politikası	privacy-policy
Hizmet koşulları	terms-of-service

Rel Özniteliği Kontrol Listesi

Kontrol alanı	Yapılması gereken
Element	Rel değerinin kullanılan elemente uygunluğu kontrol edilmeli
Href	Bağlantı hedefinin geçerli olduğu doğrulanmalı
Değer ayrımı	Birden fazla değer boşlukla ayrılmalı
Normal bağlantı	Gereksiz rel değeri eklenmemeli
Sponsorlu link	sponsored kullanılmalı
Kullanıcı linki	ugc değerlendirilmeli
Güvenilmeyen link	nofollow kullanılabilir
Yeni sekme	noopener değerlendirilmelidir
Referrer verisi	Noreferrer kullanımının analiz etkisi düşünülmeli
Canonical	Head içerisindeki link elementiyle kullanılmalı
Alternatif dil	Alternate ve hreflang birlikte düzenlenmeli
Kaynak yükleme	Preload ve prefetch amacı ayrılmalı
Performans	Gereksiz preload ve preconnect azaltılmalı
İç bağlantılar	Nofollow ile tarama yönetimi yapılmamalı
Çelişkili değerler	Opener ve noopener birlikte kullanılmamalı
Test	Sayfa kaynak kodu ve tarayıcı davranışı kontrol edilmeli

HTML Rel Hakkında Sıkça Sorulan Sorular

HTML rel nedir?

HTML rel, mevcut belgeyle bağlantı verilen kaynak arasındaki ilişkiyi açıklayan özniteliktir.

Rel neyin kısaltmasıdır?

Rel, İngilizce “relationship” kelimesinin kısaltmasıdır.

Rel özniteliği hangi etiketlerde kullanılır?

Başlıca <a>, <link>, <area> ve <form> elementlerinde kullanılabilir.

Rel nofollow nedir?

Bağlantının editoryal olarak desteklenmediğini veya ilişkilendirilmek istenmediğini belirten değerdir.

Nofollow bağlantıya tıklanmasını engeller mi?

Hayır. Kullanıcı bağlantıya normal biçimde tıklayabilir.

Nofollow hedef sayfanın indekslenmesini engeller mi?

Hayır. Hedef sayfa başka bağlantılar veya site haritası üzerinden keşfedilebilir.

UGC nedir?

Kullanıcı tarafından oluşturulan içeriklerdeki bağlantıları ifade eder.

UGC ve nofollow birlikte kullanılır mı?

Evet. Kontrol edilmeyen kullanıcı bağlantılarında rel="ugc nofollow" kullanılabilir.

Noopener nedir?

Yeni sekmede açılan sayfanın kaynak pencereye erişimini sınırlandıran güvenlik değeridir.

Noreferrer nedir?

Hedef sayfaya yönlendiren sayfa bilgisinin gönderilmesini engeller ve noopener davranışını da sağlar.

Noopener SEO’yu etkiler mi?

Temel amacı SEO değil, pencere güvenliğidir.

Noreferrer SEO’yu etkiler mi?

Nofollow gibi bir SEO bağlantı niteliği değildir. Ancak trafik kaynağının analiz araçlarında görünmesini etkileyebilir.

External bağlantıyı yeni sekmede açar mı?

Hayır. Yeni sekme için target="_blank" kullanılmalıdır.

Dofollow rel değeri var mı?

Standart HTML içerisinde özel bir dofollow rel değeri yoktur. Normal bağlantıda rel kullanılmaması yeterlidir.

Canonical rel nedir?

Benzer veya yinelenen URL’ler arasında tercih edilen sayfayı belirtir.

Canonical kullanıcıyı yönlendirir mi?

Hayır. Kullanıcı mevcut URL’de kalır. Canonical bir 301 yönlendirmesi değildir.

Alternate ne işe yarar?

Mevcut belgenin alternatif dil, format veya içerik sürümünü belirtir.

Stylesheet ne işe yarar?

Bağlantılı kaynağın bir CSS stil dosyası olduğunu belirtir.

Icon ne işe yarar?

Tarayıcı sekmesinde ve yer imlerinde kullanılabilecek site simgesini tanımlar.

Preload ne işe yarar?

Mevcut sayfa için kısa süre içinde ihtiyaç duyulacak önemli kaynağın önceden yüklenmesini sağlar.

Prefetch ne işe yarar?

Kullanıcının sonraki adımında gerekebilecek kaynağı düşük öncelikle önceden getirebilir.

Preconnect ne işe yarar?

Kritik bir haricî kaynağa bağlantı kurulmasını erkenden başlatır.

DNS-prefetch ne işe yarar?

Belirli alan adının DNS çözümlemesini erkenden yapmaya yardımcı olur.

Bir bağlantıda birden fazla rel kullanılabilir mi?

Evet. Değerler boşlukla ayrılarak birlikte kullanılabilir.

İç linklere nofollow eklenmeli mi?

Genellikle hayır. Nofollow site içi indeks veya tarama yönetiminin temel yöntemi değildir.

Bütün dış linkler nofollow olmalı mı?

Hayır. Güvenilir ve editoryal olarak verilen normal bağlantılar rel değeri olmadan kullanılabilir.

WordPress rel değerlerini otomatik ekler mi?

Tema, editör ve eklenti yapılandırmasına göre bazı rel değerleri otomatik eklenebilir. Sayfa kaynak kodu kontrol edilmelidir.

HTML Rel Değerlerini Bağlantının Amacına Göre Kullanın

HTML rel özniteliği, bağlantının yalnızca nereye gittiğini değil, hedef kaynakla mevcut belge arasında nasıl bir ilişki bulunduğunu da açıklar.

Bağlantı adresi href ile, açılacağı alan target ile, kaynakla ilişkisi ise rel özniteliğiyle belirtilir. Bu üç öznitelik farklı görevlere sahiptir ve birbirinin yerine kullanılmaz.

SEO açısından nofollow, sponsored ve ugc değerleri öne çıkar. Ücretli bağlantılar sponsored, kullanıcı tarafından oluşturulan bağlantılar ugc ve editoryal olarak desteklenmeyen bağlantılar nofollow ile işaretlenebilir.

Güvenlik açısından noopener, özellikle yeni sekmede açılan dış bağlantılarda kullanılabilir. noreferrer ise yönlendiren sayfa bilgisini gizler ve aynı zamanda noopener davranışı sunar.

Canonical değeri, görünür bir bağlantı oluşturmak için değil, tercih edilen sayfa URL’sini belirtmek için <head> içerisindeki <link> elementinde kullanılmalıdır.

Stylesheet, icon, preload, prefetch, preconnect ve modulepreload gibi değerler ise tarayıcının dış kaynakları nasıl değerlendireceğini ve yükleyeceğini belirler.

Rel değerleri rastgele veya bütün bağlantılara aynı şekilde eklenmemelidir. Bağlantının:

Normal editoryal bağlantı mı
Sponsorlu bağlantı mı
Kullanıcı tarafından oluşturulan bağlantı mı
Yeni sekmede açılan dış kaynak mı
Alternatif sayfa mı
Kritik bir sayfa kaynağı mı

olduğu belirlenerek uygun değer seçilmelidir.

Rel öznitelikleri, bağlantı yapısının yalnızca küçük bir bölümüdür. İnternet sitesinin HTML yapısı, canonical etiketleri, iç bağlantıları, tarama erişimi ve diğer teknik unsurları birlikte değerlendirilmelidir. Sitenizdeki bağlantıların, canonical etiketlerinin, kaynak yükleme talimatlarının ve diğer HTML öğelerinin doğru kullanımını kontrol etmek için kapsamlı bir SEO çalışması uygulanabilir.