SEO ve Javascript Dosyaları

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

Dosya adedi ve çağrılma zamanı
Çalışma zamanı ve çalışma esnasındaki davranışları.
Javascript dosyalarını SEO açısından 1. yolla incelersek yapılması gerekenler şunlardır.

• 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.
• ondemand 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.

Java Script minimizer

• 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/min

Çok güzel bir yazı olmuş eline sağlık.
Bence çok gerekmediği takdirde js animasyonları vs yapılmamalıdır.
En temizi düz HTML.
Görselliğinde önemli olduğunu düşünürsek CSS 'de botlar tarafından hızlı okunur.
Fakat gerekmediği sürece js kullanmanın lüzumu yoktur bence.
Öyle animasyonlar falan, bunlara gerek duymamak lazım.