İnternet üzerindeki çoğu menü kodu SEO-dostudur. https://www.dynamicdrive.com ve benzeri sitelerde daha fazla örnek bulabilirsiniz.
SEO
-dostu menülerin temelinde bütün linklerin DIV içindeki uygun link etiketleriyle düz HTMLye yerleştirildiği fikri yatar. CSS ve JavaScript’in doğru bir şekilde kullanılmasıyla “muhteşem” etkileri açığa çıkar.
Linklerinizin okunabilirliğini arttırmak için başka yöntemler de vardır. Herhangi bir nedenden dolayı link etiketleri içindeki linkleri özelleştiremezseniz aşağıdaki yöntemleri kullanabilirsiniz:
* Linklerinizin yer aldığı bir Site Haritası listesi oluşturun. Site Haritası, linkleri içeren basit bir HTML sayfasıdır. Site Haritanız çok genişse parçalara ayırabilirsiniz. Ayrıca arama motoruna özgü Site Haritaları da oluşturabilirsiniz.
* <noscript> etiketler içindeki bütün dinamik linklerinizi listeleyin. Arama motorlarının sadece aynı linkleri görmesini sağlamaya çalıştığınız için bu yaptığınız meşrudur.
Ajax, JavaScript ve XML tabanlı bir teknolojidir ve Asynchronous (Eşzamansız) JavaScript ve XML’yi destekler. Sayfanın tamamı yerine sadece ilgili kısımları yeniden yükleyerek bir web sitenin belirli bölümlerini değiştirmek için kullanılır.
Ajax’taki temel sorun, web örümceklerinin Ajax içeren bir HTML dosyasını okurken JavaScript! çalıştıramamalarıdır. Dış dosya içeriğini yükleyen tipik bir Ajax uygulamasını inceleyelim:
//do nothing } else {
selectedURL = form.menuOption.options[ optionlndex ].valué; window.location.assign( selectedURL );}}
</script>
</head>
<body>
<hl>Menu Example</hl>
<form name=”myform”>
<select name=”menuOption” size=”l” onChange=”goTo( this.form )”> <option>Menu Options (choose below)</option>
<option value=”https://www.abcde.com/keywordl.html”>Link 1</ option>
<option value=”https://www.abcde.com/keyword2.html”>Link 2</ option>
<option value=”https://www.abcde.com/keyword3.html”>Link 3</ option>
<option value=”https://www.abcde.com/keyword4.html”>Link 4</ option>
<option value=”https://www.abcde.com/keyword5.html”>Link 5</
</selec€>
</form>
</body>
</HTML>
Bu HTML kodu Şekil 1-8’te gösterildiği şekilde tarayıcınız tarafından çevrilir. Şeklin, aşağı ok tuşuna basıldığında açılan kutuyu gösterdiğini de belirtmeliyiz.
Şekil 1-8’te gösterilen seçeneklerden herhangi birine tıklarsanız, tarayıcınız buna uygun düşen linki açar. Bu yaklaşımdaki temel sorun, belirli bir sayfaya gitmek için kullandığımız linkin standart olmamasıdır. Bu tür bir linkleme web örümcekleri için sorun anlamına gelir bu nedenle de bazı linklerinizi gezinmezler. Asıl linklerin dış JavaScript ve HTML dosyalarında tutulduğu daha kötü örnekler de mevcuttur. Bu tip tasarımlardan kaçınmalısınız.
input name=”mytotn” value=”Google Search Engine” type=button onClick=”window.location.href=’https://www.google.com'”>
</form>
<br><br>
</body>
</html>
Bu kodu tarayıcınızda açtığınızda, Şekil 1-7’ye benzer bir ekran çıkacaktır.
Bu, dinamik linkleri asla kullanamayacağınız anlamına gelmez. Tabii ki kullanabilirsiniz, fakat web örümceklerinin ihtiyaçları olanı görebilmeleri için kodunuzda ince ayarlar yapmanız gerekir. Önceki örneği göz önünde bulundurduğumuzda, aşağıdaki ilk kod yerine ikinci kodu kullanmanız uygun tercih olacaktır:
1.Kod: <a href=”#” onClick=”javascript:gotoLocationY()”>Yahoo Portal</a>
2.Kod: <a href=”https://www.yahoo.com” onClick=”javascript:gotoLo cationY ()”>Yahoo Portal</a>
Exampte 1′ Clck here to m to CNN
Exampfe 2: CSck lige te m to Yahoo Isanapte 3:
Şekil 1-7. Hatalı link örneği çıktısı
Sitelerin çoğu dinamik JavaScript menüleri kullanır. Aşağıdaki kod parçası buna örnektir:
<html>
<head>
<script type=”text/javascript”> function goTo( form ) {
var optionlndex = form.menuOption.selectedlndex; if ( optionlndex == 0 ) {
dosyalarına erişimini engellemenizdir.
Bu sıralar, Google’ın gizli (HTML) DIV etiketlerini endekslemediğine dair söylentiler var. Söylenene göre arama motoru spammer’ları bu teknikleri arama motorlarını şaşırtmak için kullanıyorlar. Her ne kadar doğru olma ihtimali olsa da genelde bu tür bir işlevselliğe aynı boyuttaki ekranda daha fazla bilgi sunmak amacıyla ihtiyaç duyulur. Şüpheye düşerseniz, bunun yanıltıcı bir yöntem veya sadece web örümcekleri için tasarlanmış bir yöntem olup olmadığını kendinize sorun. Her ikisi için de cevabınız hayır ise sorun yok demektir.