JavaScript: Tanım, SEO etkisi ve doğrulama

JavaScript nedir?

JavaScript, istemci tarafında (tarayıcı) veya sunucu tarafında (ör. Node.js) çalışabilen, olay tabanlı ve dinamik davranışlar eklemeye uygun hafif bir betik dilidir. DOM manipülasyonu, asenkron API çağrıları, animasyonlar, form doğrulama ve tek sayfa uygulamaları (SPA) için yaygın olarak kullanılır. Modern geliştiriciler JavaScript'i, kullanıcı arayüzü mantığını, veri bağlamayı ve istemci tarafı iş akışlarını yürütmek için tercih eder.

JavaScript'in SEO için önemi

JavaScript, sayfanın arama motorları tarafından görünen içeriğini ve kullanıcı deneyimini doğrudan etkileyebilir. Tarayıcıda oluşturulan içerik (client-side rendering) doğru şekilde render edilmezse Google veya diğer arama motorlarının sayfayı tarayıp dizine eklemesi zorlaşır; bu durum daha çok indeksleme aşamasını etkiler. Tarama, dizine ekleme ve sıralama üç ayrı aşamadır: JavaScript içeriğinin taranabilir ve dizine eklenebilir olması dizine katkı sağlar, fakat sayfanın sıralaması birçok sinyale bağlıdır ve yalnızca dizine eklenme garantisi sıralama avantajı vermez.

Ayrıca JavaScript kodunun performansı Core Web Vitals (LCP, INP, CLS) üzerinde etkili olabilir; ağır veya bloke eden kaynaklar kullanıcı deneyimini ve böylece dolaylı olarak sıralamaları etkileyebilir. Temmuz 2024 itibarıyla Google, tarama için Googlebot Smartphone'u varsayılan olarak kullanır; bu yüzden mobil görünümdeki JavaScript davranışı SEO açısından belirleyicidir.

JavaScript nasıl çalışır

Tarayıcılar HTML ve CSS'i aldıktan sonra JavaScript dosyalarını indirip yürütür; bu yürütme DOM'u değiştirebilir ve yeni içerik oluşturabilir. Sunucu tarafı JavaScript (ör. Node.js) ise HTML'i sunucu üzerinde oluşturup istemciye hazır HTML gönderebilir (server-side rendering). Bu iki modelin karışımı (isomorfik/universal rendering) da yaygındır. Arama motorları, JavaScript tarafından oluşturulan içeriği işlemeye çalışır ancak bunun için ek kaynak ve zamana ihtiyaç duyulabilir; ayrıca render edilmiş sonucu algılayabilmeleri için sayfanın gerekli kaynaklara erişebilmesi gerekir.

Doğrulama ve hata ayıklama araçları

Kendi sitenizde JavaScript kaynaklı SEO sorunlarını doğrulamak için şu araçları kullanın: Chrome DevTools (Elements ve Network panelleri ile render edilmiş DOM'u kontrol edin), Google Search Console URL Inspection (sahip olduğunuz URL'ler için render durumunu görün), Rich Results Test ve Schema Markup Validator (yapısal veriyi test etmek için), PageSpeed Insights ve Chrome UX Report (alan verisi ve Core Web Vitals), ayrıca curl ve sunucu logları (bot davranışını analiz etmek için).

Örnek curl kontrolleri: HTTP başlıklarını görmek için curl -I https://example.com/sayfa; belirli bir user-agent ile HTML almak için curl -A "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" https://example.com/sayfa (HTML almak için -I kullanmayın). Tarayıcıda render edilmiş içeriği kontrol etmek için Chrome DevTools Elements panelini kullanın; View Source ile Elements arasındaki fark, View Source'un orijinal HTML'i göstermesi, Elements'in ise JavaScript ile oluşturulan DOM'u göstermesidir.

JavaScript türleri

Genel olarak şu dağılımlar kullanılır:

- İstemci tarafı (Client-side rendering): Tarayıcı içinde JS çalıştırılır; hızlı kullanıcı etkileşimleri sağlar ama indeksleme için ek doğrulama gerekebilir.

- Sunucu tarafı (Server-side rendering / SSR): Sunucu hazır HTML üretir; arama motorları için daha öngörülebilir dizinleme sunar.

- İkili yaklaşımlar (Hybrid / ISR): Kritik içerik Sunucu tarafında sağlanır, etkileşimler istemcide tamamlanır; performans ve dizinleme arasında denge sağlar.

JavaScript ile başlamanın yolları

Öğrenmeye başlamadan önce hedefinizi belirleyin: basit etkileşimler mi, SPA mı yoksa sunucu tarafı render mı? Temel adımlar: modern bir tarayıcıda Chrome DevTools kullanmayı öğrenin; basit DOM manipülasyonları ve fetch/async-await ile API çağrılarını deneyin; küçük projelerde framework (React, Vue, Svelte) seçimi yapmadan önce vanilla JavaScript ile kavramları pekiştirin; üretim için bundling (esbuild, Vite, webpack) ve performans optimizasyonlarını öğrenin.

Yaygın JavaScript hataları

Sık yapılan hatalar ve kısa açıklamaları:

- Tüm içeriği yalnızca client-side render ile sunmak ve dizine eklenebilirliği doğrulamamak — çözüm: kritik içeriği sunucu tarafında veya prerender ile sağlamak ve URL Inspection ile doğrulamak.

- Kaynakları robots.txt ile veya HTTP başlıklarıyla engellemek; bu, render için gereken dosyaların alınmasını engelleyebilir. Tarama erişimini sunucu logları ve curl ile kontrol edin.

- Ağır ana iş parçacığı (main thread) işlemleri ve büyük JS paketleri; Core Web Vitals üzerinde olumsuz etki. Code-splitting ve asenkron yüklemeyi kullanın.

- Görünür bağlantıları veya metni yalnızca JavaScript ile oluşturarak arama motorlarının erişimini riske atmak; görünür, indexlenebilir içerik ve erişilebilir linkler sağlamaya dikkat edin.

JavaScript kontrol listesi: teknik checklist

**Bot erişimi** — nerede doğrulanır: curl -I ve sunucu logları — geçer: gerekli JS/CSS kaynaklarını engelleyen 4xx/5xx veya robots.txt kuralı yoksa.
**Render kontrolü** — nerede doğrulanır: Chrome DevTools Elements vs View Source — geçer: kritik içerik Elements panelinde görünüyorsa.
**İndeksleme sinyali** — nerede doğrulanır: site: operatörü (indikasyon) ve Search Console URL Inspection (sahip iseniz) — geçer: URL Inspection render sonucu uygun ve sayfa dizinde görünüyorsa.
**Yapısal veri** — nerede doğrulanır: Rich Results Test / Schema Markup Validator — geçer: beklenen yapılandırma hata üretmeden tanınıyorsa.
**Performans** — nerede doğrulanır: PageSpeed Insights, Chrome DevTools Performance — geçer: mobil ve masaüstü senaryolarda ana iş parçacığı gecikmeleri ve LCP/INP hedefleri makul seviyedeyse.

Not: site: operatörü üçüncü taraf sayfalar için indeksleme göstergesi sağlar ancak kesin bir kaynak değildir; bir sayfanın gerçekten dizine eklenip eklenmediğini doğrulamak için URL sahipliğiniz varsa Google Search Console URL Inspection'ı kullanın.

Ek not: Google, geleneksel cache sayfalarını 2024 başlarında kaldırdı; bu nedenle cache üzerinden eski render çıkışına referans vermek artık mümkün olmayabilir. Ayrıca Search Generative Experience (AI özetleri) gibi SERP özellikleri yaygınlaştı; arama motorlarının kullandığı kaynakların görülebilir olması, özetlerde referans verilme olasılığını etkileyebilir.

Teknik sorun giderme sırasında kendinize şu adımları sorun: tarayıcıda JS kapatıldığında sayfa anlamlı mı; Googlebot user-agent ile sayfa nasıl görünüyor; kritik içerik Elements panelinde render ediliyor mu; yapısal veri testlerinden hata alınıyor mu; PageSpeed veya alan verisi olumsuz mu?

Teknik SEO Rehberi'ni okuyun

Sıkça Sorulan Sorular