A ve LINK etiketleri/elementleri ile oluşturulan bağlantılar için rel özelliği ileri yönlü ilişkinin, rev özelliği ise ters yönlü ilişkinin belirtilmesini sağlar. Bu iki özelliğin amacı, tarayıcıların, robotların ve arama motorlarının sayfalar arasındaki alakayı kurmasını amaçlamak ile birlikte tarayıcı desteği ile sayfalar arası gezintiyi de kolaylaştırmaktır. Aşağıdaki listede HTML 4 ile tanımlanan link tipleri gösterilmektedır. Bu link tiplerinden Stylesheet değeri hariç hepsi navigasyon ile ilgili olmasından dolayı güncel sayfanın, kendisinin de içinde bulunduğu birbirleri ile ilişkili sayfalar dizisinde bir sayfa veya kaynak olduğu düşünülmelidir.
Tarayıcılar bazı linkleri kullanıcılara göstermek için elementlerin title özelliklerini etiketlendirme için kullanırlar. Ayrıca robotlar ve örümcekler de linki yorumlarken title özelliğinden faydalanırlar. Bu yüzden link tipi belirtilen A ve LINK elementlerinde title özellikleri belirtilmelidir. Kullanılmadığı takdirde tarayıcı, ya varsayılan değeri kullanacak ya da link tipini göz ardı edecektir. Robotlar veya örümcekler ise title özelliği belirtilsin yada belirtilmesin aksi belirtilmedikçe linkleri izlemeye devam edeceklerdir.
HTML 4 Link Tipleri
Link Adı Açıklama
Alternate Bağlantının, güncel sayfanın alternatif bir sürümü olduğunu belirtir.
Appendix Bağlantının, güncel sayfanın bir eki olduğunu belirtir.
Bookmark Bağlantının, güncel sayfa ile alakalı bir yer imi olduğunu belirtir.
Chapter Bağlantının, sayfa dizisi içinde herhangi bir bölümü işaret ettiğini belirtir.
Contents Bağlantının, sayfa dizisinin İçindekiler listesinin bulunduğu kaynağı işaret ettiğini belirtir.
Copyright Bağlantının, güncel sayfanın telif hakkı bilgilerini içeren kaynağa işaret ettiğini belirtir.
Glossary Bağlantının, güncel sayfada kullanılan terimlerin açıklandığı terimler sözlüğüne işaret ettiğini belirtir.
Help Bağlantının, güncel sayfa ile ilgili yardım sayfasına işaret ettiğini belirtir.
Index Bağlantının, sayfalar dizisinin dizinine/fihristine işaret ettiğini belirtir.
Next Bağlantının, güncel sayfadan sonraki sayfa olduğunu belirtir.
Prev Bağlantının, güncel sayfadan önceki sayfa olduğunu belirtir.
Section Bağlantının, güncel sayfanın ana bölümüne işaret ettiğini belirtir.
Start Bağlantının, sayfa dizisindeki ilk sayfayı işaret ettiğini belirtir.
Stylesheet Bağlantının, güncel sayfanın stil şablonlarını içerdiğini belirtir.
Subsection Bağlantının, güncel sayfanın alt bölümüne işaret ettiğini belirtir.
Ek Link Tipleri
Aşağıdaki listede, HTML 4 önergesinde bulunmayan Shortcut Icon ve nofollow tipleri gösterilmektedir.
Link Adı Açıklama
Shortcut Icon Bağlantının, güncel sayfanın tarayıcı penceresinde ve/veya sık kullanılanlar listesinde gösterilecek ikonu olduğunu belirtir.
nofollow Bağlantının, güncel sayfa ile bir ilgisinin olmadığını veya izlenmemesi gereken bir bağlantı olduğunu belirtir.
rel="alternate"
Link tipi olarak sadece alternate değeri kullanıldığında sayfanın alternatifine işaret eder. Fakat, diğer link tipleri ile kullanıldığında ilgili link tipinin alternatifi olduğunu belirtir.
Aşağıdaki örnek, A elementi ile oluşturulan bir bağlantının güncel sayfanın alternatifine işaret ettiğinin belirtilmesini göstermektedir.
<a rel="alternate" href="otekisayfa.aspx">Öteki Sayfa</a>
Aşağıdaki örnek, ana sayfanın farklı dillerdeki sürümlerini belirtilmesini göstermektedir.
<link rel="alternate"
type="text/html"
hreflang="en"
title="İngilizce Ana Sayfa"
href="http://www.mynotlar.com/en/default.aspx"/>
<link rel="alternate"
type="text/html"
hreflang="de"
title="Almanca Ana Sayfa"
href="http://www.mynotlar.com/de/default.aspx"/>
rel="appendix" Örneği
Aşağıdaki örnek, güncel sayfanın bir hosting tanıtım sayfası olduğu varsayılarak, hosting paketi ile ilgili ek bilgilerin bulunduğu sayfalara verilen linklerin rel="appendix" özelliği ile güncel sayfanın eki olduğunun belirtilmesini göstermektedir.
<a rel="appendix" href="ozellikler.aspx">Sunucu Özellikleri</a>
<a rel="appendix" href="bilesenler.aspx">ASP.NET Bileşenleri</a>
rel="bookmark" Örneği
Aşağıdaki örnek, güncel sayfanın bir hosting tanıtım sayfası olduğu varsayılarak, paket tanıtım broşürünün PDF formatındaki dosyasına verilen bağlantının rel="bookmark" özelliği ile güncel sayfa ile ilgili bir yer imi olduğunun belirtilmesini göstermektedir. Ayrıca, broşürün DOC formatlı alternatif sürümü rel="bookmark alternate" ile belirtilmiştir.
<link rel="bookmark" href="hosting_brosur.pdf" title="Windows Hosting Broşür (PDF)" />
<link rel="bookmark alternate" href="hosting_brosur.doc" title="Windows Hosting Broşür (DOC)" />
rel="chapter" Örneği
Aşağıdaki örnekler, diğer sayfalara verilen bağlantıların rel="chapter" özelliği ile güncel sayfa ile aynı bölüm içindeki diğer sayfalar olduğunun belirtilmesini göstermektedir.
<a rel="chapter" href="bolum1.aspx">Bölüm 1</a>
<a rel="chapter" href="bolum3.aspx">Bölüm 3</a>
<a rel="chapter" href="bolum4.aspx">Bölüm 4</a>
<a rel="chapter" href="linux_hosting.aspx">Linux Hosting</a>
<a rel="chapter" href="vps_hosting.aspx">VPS Hosting</a>
rel="contents" Örneği
Aşağıdaki örnek, rel="contents" özelliği ile bağlantının güncel sayfanın da içinde bulunduğu sayfalar dizisinin İçindekiler sayfası olduğunun belirtilmesini göstermektedir.
<link rel="contents" href="liste.aspx" title="İçindekiler" />
rel="copyright" Örneği
Aşağıdaki örnek, rel="copyright" özelliği ile güncel sayfanın telif hakkı bilgilerinin bulunduğu sayfaya link tanımlanmasını göstermektedir.
<link rel="copyright" href="telifhakki.aspx" title="Kopya Hakkı" />
rel="glossary" Örneği
Aşağıdaki örnek, rel="glossary" özelliği ile güncel sayfada kullanılan terimlerin açıklandığı terimler sözlüğüne link tanımlanmasını göstermektedir.
<link rel="glossary" href="barindirma_nedir.aspx" title="Terimler Sözlüğü" />
<a rel="glossary" href="barindirma_nedir.aspx"/>Terimler Sözlüğü</a>
rel="help" Örneği
Aşağıdaki örnek, rel="help" özelliği ile bağlantının güncel sayfa ile ilgili yardım sayfası olduğunun belirtilmesini göstermektedir.
<link rel="help" href="yardim.aspx" title="Yardım" />
rel="index" Örneği
Aşağıdaki örnek, rel="index" özelliği ile güncel sayfanın da içinde bulunduğu sayfalar dizisinin dizin sayfası olduğunun belirtilmesini göstermektedir.
<link rel="index" href="dizin.aspx" title="Fihrist" />
rel="next" Örneği
Aşağıdaki örnek, rel="next" özelliği ile güncel sayfanın da içinde bulunduğu sayfalar dizisi içinde güncel sayfadan sonra gelen sayfa olduğunun belirtilmesini göstermektedir.
<link rel="next" href="bolum3.aspx" title="Bölüm 3" />
rel="prev" Örneği
Aşağıdaki örnek, rel="prev" özelliği ile güncel sayfanın da içinde bulunduğu sayfalar dizisi içinde güncel sayfadan önce gelen sayfa olduğunun belirtilmesini göstermektedir.
<link rel="prev" href="bolum1.aspx" title="Bölüm 1" />
rel="section" Örneği
Aşağıdaki örnek, rel="section" özelliği ile "hosting.aspx" sayfasının güncel sayfanın üst bölümü olduğunun belirtilmesini göstermektedir.
<link rel="section" href="hosting.aspx" title="Hosting Ana Sayfa" />
rel="subsection" Örneği
Aşağıdaki örnek, rev="subsection" özelliği ile güncel sayfanın "hosting.aspx" sayfasının alt bölümü olduğunun belirtilmesini göstermektedir.
<link rev="subsection" href="hosting.aspx" title="Hosting Ana Sayfa" />
rel="stylesheet" Örneği
Aşağıdaki örnek, rel="stylesheet" özelliği ile güncel sayfada kullanılacak stil şablonlarının bulunduğu dosyanın ve alternatif dosyaların belirtilmesini göstermektedir.
<link rev="stylesheet" href="bicim.css" title="Varsayılan CSS Şablonu" />
<link rev="stylesheet alternate" href="mavili.css" title="Mavi Tonlu" />
<link rev="stylesheet alternate" href="yesilli.css" title="Yeşil Tonlu" />
rel="start" Örneği
Aşağıdaki örnek, rel="start" özelliği ile güncel sayfanın içinde bulunduğu sayfalar dizisindeki ilk sayfanın belirtilmesini göstermektedir.
<link rev="start" href="bolum1.aspx" title="Bölüm 1" />
rel="shortcut icon" Örneği
Aşağıdaki örnek, rel="shortcut icon" özelliği kullanılarak, oluşturulan bağlantının sayfa ikonu olduğunun belirtilmesini göstermektedir.
<link rel="shortcut icon" href="favicon.ico" />
rel="nofollow"
Gelişmiş arama motorları daha kaliteli sonuçlar elde edebilmek ve verebilmek için genel olarak sayfaları belirli algoritmalarla ölçerek sayfaya puan verirler. Bir çok farklı değişken ve/veya etmenden oluşan bu algoritmalar doğal olarak tüm arama motorlarında da birbirlerinden farklıdır. Bazıları sayfalara, 0-100 arası puan verirken bazıları 0-100000 arası puan verebilmektedir. Google arama motorunun ise PageRank™ ismi ile tescilli 0-10 arası önem derecesine göre bir puanlama sistemi vardır.
Google PageRank puanlama sistemi diğer arama motoru algoritmalarından farklı olarak sayfaların birbirlerine puan vermesi mantığı ile hesaplama yapar. Bu hesaplamada bir sayfadan başka bir sayfaya verilen link puan olarak haneye yazılır. Yani temel olarak, sayfa A'dan sayfa B'ye verilen link sayfa A'nın sayfa B'ye önem verdiğini gösterir ki bu da sayfa B'ye 1 puan kazandırır.
Yoruma açık bloglarda sayısız spam yorum ve link eklenmektedir ki bu, PageRank puanlama sistemine göre link verilen sayfanın haksız puan kazanması anlamına gelir. Spam olarak eklenen bu linklere rel="nofollow" eklenmesi arama motorlarına, tarayıcılara ve link analiz robotlarına (bot) hedef bağlantı için ek bir önem derecesi oluşturmaması gerektiğini bildirir. Yani, güncel sayfanın hedef bağlantıya nötr bir etkisinin olmasını sağlar.
Aşağıdaki örnek, güncel sayfanın programcılık ile ilgili bir sayfa olduğu varsayılarak Galatasaray'ın resmi sitesine oluşturulan bağlantının rel="nofollow" özelliği ile her iki sayfa için nötr bir etki oluşturulmasını göstermektedir. nofollow kullanımı ile birlikte arama motoru programcılık ile alakalı olan güncel sayfa ile spor ile alakalı olan Galatasaray'ın ana sayfası arasında bir ilişki kurmayacaktır.
<a rel="nofollow" href="http://www.galatasaray.org">Galatasaray</a>
|
