Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
HTML <a> rel özelliği
#1
Merhaba arkadaşlar,

Bugün sizlere <a> rel özelliğinden bahsetmek istiyorum.

“Rel” özelliği sayfalarımızdaki bağlantıların neyle alakalı olduğu yada ne içerdiğine ilişkin bilgi vermek için kullanılır. Mesela stil dosyalarını sayfaya eklerken kullanırız.
Örnek : <link rel="stylesheet" href="tema/css/Menu.css">


Bu konuda ise <a> etiketi ile birlikte nasıl kullanabileceğimizden bahsedeceğiz.
Öncelikle; bu özelliğin <a> etiketiyle birlikte kullanılmasının SEO açısından da bize oldukça fayda sağlayacağını belirtmekte fayda var.

Web sayfalarında yaygın olarak kullanılan follow, nofollow gibi özellikleriyle ilgili eminim birçoğumuzun bilgisi vardır yada denk gelmişizdir.
Sitelerimizde, arama motorlarının index'lemesini istemediğimiz sayfalar olabilir.
Bu gibi durumlarda eskiden bu yana robots.txt dosyalarıyla yada <meta name="robots" content="nofollow" /> gibi meta etiketleriyle arama motorlarına bu bağlantıyı/sayfayı izleme gibi komutlar vermekteyiz.
Ama bazen bir kısım bağlantıları izlenmeyip aynı yerde bulunan diğer bağlantıların arama motorlarınca izlenmesini isteyebiliriz.
Sayfadaki takip edilecek bağlantıları yada takip edilmeyecek bağlantıları robots dosyamıza tanımlamak biraz zahmetli ve sıkıcı olabilir.
İşte tam da bu noktada imdadımıza “<a>” etiketinin “rel” özelliği yetişiyor.
Bağlantıları yazarken bu özellik sayesinde arama motorlarına komut verebiliyoruz.
Örneğin; siteminizin Yönetim paneline giriş için kullanılan bağlantının izlenmemesi için <a href="giris.php" rel="nofollow">Yönetim Paneli</a> şeklinde kullanarak arama motoruna bu  bağlantıyı izleme demiş oluruz.
Ya da tam tersine  <a href="hakkimizda.php" rel="follow">Hakkımızda</a> gibi bir kullanımla arama motoruna bu bağlantıyı izleyebilirsin diye söylemiş oluruz.
Bunun dışında rel özelliğine farklı değerler atayarak arama motoruna bağlantı hakkında bilgi verebiliriz.

Atayabileceğimiz değerler ise şunlardır;

alternate       :  Bağlantının, geçerli sayfanın bir alternatifi olduğunu belirtir.

author            :  Bağlantının, geçerli sayfanın yazarını bildirdiğini belirtir.

bookmark     :   Bağlantının, geçerli sayfayla alakalı bir yer imi olduğunu belirtir.

help                 :  Bağlantının, geçerli sayfayla ilgili bir yardım içerdiğini belirtir.

license            :  Bağlantının, geçerli sayfayla ilgili telif hakkı bilgilerini içerdiğini belirtir.

next                :  Bağlantının, geçerli sayfadan bir sonraki sayfa olduğunu belirtir.

nofollow         :  Bağlantının, geçerli sayfala alakasının olmadığını veya izlenmemesi gereken bir bağlantı olduğunu belirtir. Arama motorları bağlantıyı izlemez.

noreferrer      :  Kullanıcı bağlantıyı takip ederse tarayıcının HTTP referer başlığını göndermemesini belirtir.

prefetch         :   Bağlantısı verilen sayfanın, ön belleğe alınmasını belirtir.

prev                :   Bağlantının, bir önceki sayfayı içerdiğini belirtir.

search             :   Bağlantının, geçerli sayfa için arama aracı olduğunu belirtir.

tag                  :    Bağlantının, geçerli sayfa için etiketler bulundurduğunu belirtir.


Bu özelliklerden belki de bizim en çok dikkat etmemiz gereken ve en önemlisi "nofollow" özelliğidir.
Google sitemizi değerlendirirken, sitemizde bulunan içerikle birlikte dışarıya verdiğimiz bağlantıları bir bütün olarak ele alır ve öyle değerlendirir. Yani Sitemizden verilen bağlantılar oldukça önemlidir. Güvenilmeyen bir site yada sayfaya bağlantı vermek google gözündeki değerimizin düşmesine neden olabilir. Bu yüzden içerikten emin olunmadığında nofollow özelliğini kullanmak mantıklı olacaktır.
Bunun dışında yine; güvenilmeyen kullanıcı yorumları veya misafir defteri girişleri gibi içeriklerin bulunduğu yerler için de nofollow uygulayabiliriz.


Tarayıcı Destekleri : Chrome, Internet Explorer, Firefox, Safari, Opera
Cevapla


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Özel HTML Karakter Kodları Administrator 0 4,638 25-11-2015, 16:53
Son Yorum: Administrator
  HTML İle Form Örneği root 3 16,694 06-11-2015, 17:45
Son Yorum: wtrk

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi