htmljavacss

HTML Kodu, JavaScript ve CSS

Günümüzde JavaScript ve CSS web tasarımının vazgeçilmez ögelerinden olmuştur. Bu nedenle de geniş bir ölçüde kullanılmaktadır (Bir önceki sayfada bulunan, sitemizin temelini attığımız kodda bulunmuyor). Bu sayfamızın kaynak koduna bakacak olursanız etikelerinin arasında bulunan :

bu satır ana dizinimizde (root) bulunan ve sitenin içeriğini biçimlendiren arama-motoru-optimizasyonu.css isminde harici bir css dosyası yükler. Bu dosyanın içeriği :

.amo-tbl-sol {
vertical-align: top;
background-color: #666666;
}
.amo-tbl-sag {
vertical-align: top;
background-color: #CCCCCC;
}
.amo-tbl-gnl {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.amo-tbl-orta {
vertical-align: top;
padding: 3px;
text-align: justify;
}

...... şeklinde devam ediyor.

Dosyanın içeriğini bir editörle oluşturduk ve css uzantısı ile kaydettik. Dosya ismini de Anahtar Kelimlerimiz olan "Arama Motoru Optimizasyonu" seçtik.

Aynı işlemi JavaScript kodlarımızı isimlendirirken yaptık (sayfamızda henüz JavaScript olmadığı için bu kod kaynak kodumuzda yokur. Ama size örnek vermek amacıyla allta bir kod yazıyoruz).

Bu kodların Arama Motoru Optimizasyonunda nasıl bir rol oynadığını şimdi açıklayacağız.

Örümcekler (Spider - Crawler) sitenizi gezerken sayfa kodlarını yukardan başlayarak aşağıya dogru satır satır okuyup işlediğini daha önce belirtmiştik. Örümcekler (Spider - Crawler) özellikle kaynak kodunun üst kısmında bulunan satırları dikkate alırlar. Eğer sayfanızı biçimlendirmek için kullandığınız JavaScript (OnMouseOver, JavaScript Menü gibi, effektler için kullanılan) ve CSS kodlarını harici bir dosyada tutmak yerine sayfanın üstlerine yazmış olsaydınız Örümcekler sitenizin içeriğini bulmak için daha aşağıya inmek zorunda kalacaktır. Bu da Örümceklerin işini zorlaştırdığı ve zaman kaybettirdiği icin hiç hoşlarına gitmez.

Burdan da görüyorsunuz ki Anahtar Kelime ne sıklıkta kullanıldığının ve Anahtar Kelime Kalıplarının kaynak kodunun neresinde olduğu sitenizin indekslenmesini etkiliyor. Bu nedenle kaynak kodunun ilk 20 satırını JavaScript ve CSS kodlarıyla doldurmamak akıllıca olacaktır. Bunun yerine JavaScript ve CSS kodlarınızı harici dosyalarda tutarak Arama Motoru indekslemesi için sitenizi gezen Örümceklere temiz bir kod sunarak Anahtar Kelimelerinizi bulmalarını kolaylaştırmış olursunuz.