SEO ve Javascript Dosyalar

SEO ve Javascript Dosyalar

JS Optimizasyon Araçları
  • http://jscompress.com/
  • http://javascript-minifier.com/
  • http://www.jsmini.com/
  • https://htmlcompressor.com/compressor/
  • http://refresh-sf.com/yui/
  • https://www.npmjs.com/package/minimize

Javascript Dosyalar Googleında En Çok zorlandığı konulardan bir tanesi. Javascript dosyalar içerik itibari ile çalışabilen ve HTML dosyalar yüklendikten sonra da işlem yapan ve çeşitli dosyaların indirilmesi veya sayfa içeriğinin değiştirilmesi gibi öenmli yazılımsal kodlamaları barındıran dosyalardır.

Bu Dosyalar ele alındığında 2 farklı şekilde ayrı ayrı ve birleşik olarak incelenirler

  1. Dosya adedi ve çağrılma zamanı
  2. Çalışma zamanı ve çalışma esnasındaki davranışları.

Javascript dosyalarını SEO açısından 1. yolla incelersek yapılması gerekenler şunlardı.

  • Tüm sayfa açıldıktan sonra çalıştırılmalıdır
  • HTML kodların sonunda yer almalıdır.
  • Javascript Dosyalar içerisinde tekrar javascript çağrıları yapılmamalıdır.
  • mümkün olduğunca az dosya çağrılmalıdır.
  • headerless url lerden çağrılmalıdır
  • mümkünse CDN kullanılmalıdır.
  • Sayfanın açılıiını geciktirmemelidir.
  • tüm HTMl, CSS, Javascript dosyaların büyüklüğü 64 KB yi aşmamalıdır.
  • minimize edilmiş ve boşluklardan arındırılmış olmalıdır.
  • Mümkünse HTMl kodun içerisinde yer almalıdır.

Tüm bu yazdıklarımızın sebebi herbir dosyanın url adresinden çağrılması sonucu HTTP çağrılarda 0.3 ile 0.5 sn arasındaki DNS sorgu süresinden kurtulmak ve ayrıca gereksiz gidiş gelişleri engellemektir.

2. yolla Js dosyaları SEO açısından incelediğimizde ise;

  • Javascript çağrılar mümkün olduğunca dosyanın sonunda ve tagından hemen önce çağrılmalı
  • asenkron çağrılara yer verilmeli böylelikle script dosyalarının bir seferde birden fazla dosyanın indirilmesine imkan sağlanmaldır.
  • eğer script dosyaları asenkron çağrılara izin vermiyecek bir şekilde hazırlanmış ise DEFER yöntemi ile dosya çağrıları sona bırakılabilir veya dosyanın onunda çağrılarak sayfanın bir an evvel açılması sağlanabilir.
  • Ayrıca sayfa düzenini oluşturacak CSSler HTML kod içerisine alındıktan sonra, kalan CSSler Javascript çağrıları ile birlikte kolaylıkla sayfaya eklenebilmektedir.
  • ondeman yöntemi ile birlikte tüm javascript dosyaları çağrılmasındansa ihtiyaca göre dosyalar çağrılabilir.

şeklinde javascript dosyalarımızı SEO için optimize edebiliriz.

SEOinforobot

Yorumlar

Yorumda Görünecektir
Yorumda Görünecektir
90596
Sayıları Kutuya Yazınız

bu site iyimi www.depolama.net

yunus günhan 14.01.2016 15:07