2026'da JavaScript SEO: Render, Dizine Ekleme ve Yapay Zeka Tarayıcıları

React, Vue, Angular veya Svelte gibi modern framework'ler sayfaları tarayıcıda oluşturur. Bu etkileşim için harikadır ama görünürlük için risklidir. JavaScript SEO, bir JS sitesinin arama motorları ve yapay zekalar tarafından okunabilir kalmasını sağlayan uygulamalar bütünüdür. Bu rehber Google'ın JavaScript'i nasıl işlediğini, render seçeneklerini, sık yapılan hataları ve sayfalarınızı nasıl test edeceğinizi açıklıyor.

Google JavaScript sayfalarını nasıl işler?

Üç aşamada: tarama, render, dizine ekleme. Google Search Central bu süreci şöyle anlatır:

1. Tarama: Googlebot URL'yi çeker ve ham HTML'i okur. Burada bulunan bağlantılar hemen kuyruğa alınır.
2. Render: sayfa bir render kuyruğunda bekler, ardından başsız (headless) bir Chromium JavaScript'i çalıştırır ve nihai sayfayı oluşturur.
3. Dizine ekleme: Google render edilmiş içeriği analiz eder, ardından dizine eklenip eklenmeyeceğine ve nasıl ekleneceğine karar verir.

Sonuç: ham HTML'de bulunmayan her şey, render adımının başarılı olmasına bağlıdır. Bir komut dosyası başarısız olursa, zaman aşımına uğrarsa veya robots.txt tarafından engellenirse, Google daha önce gördüğünü, yani boş bir kabuk olabilecek şeyi dizine ekler.

CSR, SSR ve statik render arasındaki fark nedir?

Fark, HTML'in nerede oluşturulduğudur: tarayıcıda, her istek için sunucuda veya derleme sırasında bir kez.

Next.js, Nuxt, SvelteKit veya Astro gibi framework'ler, içerik sayfaları için SSR ve statik üretimi varsayılan hale getirir. Bir blog, dokümantasyon veya ürün sayfaları için içeriği yalnızca tarayıcıda render etmenin nadiren bir nedeni vardır.

En sık yapılan JavaScript SEO hataları nelerdir?

Sorunların çoğu, yalnızca bir etkileşimden sonra var olan içerik veya bağlantılardan kaynaklanır.

• href'siz bağlantılar: “div” veya “span” öğelerinde tıklama işleyicileriyle oluşturulan gezinme izlenmez. Gerçek “a href” bağlantıları kullanın.
• Etkileşimlerin arkasındaki içerik: yalnızca bir tıklamadan, sekme değişikliğinden veya sonsuz kaydırmadan sonra yüklenen metin, Googlebot tarafından hiç render edilmeyebilir.
• Engellenen kaynaklar: robots.txt'de yasaklanan JavaScript veya API dosyaları render'ı engeller.
• Geç ayarlanan meta veriler: JavaScript tarafından değiştirilen başlıklar, canonical'lar veya noindex etiketleri ham HTML ile çakışabilir.
• Hash URL'leri: “/#/product” gibi parçalar ayrı sayfalar olarak ele alınmaz; History API'yi ve temiz yolları kullanın.
• Soft 404'ler: “bulunamadı” gösteren ama 200 durum kodu veren tek sayfalık bir uygulama dizine eklemeyi karıştırır.
• Ağır paketler: büyük komut dosyaları render'ı yavaşlatır, Core Web Vitals'a zarar verir ve zaman aşımı riskini artırır.

JavaScript yapay zeka görünürlüğü için neden önemlidir?

Çünkü çoğu yapay zeka tarayıcısı yalnızca ham HTML'i okur. Vercel'in yapay zeka tarayıcı trafiği üzerine 2024 çalışması gibi tarayıcı günlüğü analizleri, OpenAI ve Anthropic botlarının JavaScript dosyalarını çektiğini ama çalıştırmadığını ortaya koydu. Metni yalnızca JavaScript çalıştıktan sonra görünen bir sayfa, Google onu doğru dizine eklese bile, ChatGPT, Claude veya Perplexity'yi besleyen sistemlere boş görünebilir.

Yapay zekalar tarafından alıntılanmak sizin için önemliyse, ana yanıtı, başlıkları, tabloları ve bağlantıları sunucu HTML'sine koyun ve robots.txt'nizin istediğiniz yapay zeka tarayıcılarına izin verdiğinden emin olun. Yapay zeka tarayıcıları için robots.txt rehberimiz başlıca botları listeler, yapay zeka taranabilirlik denetimi ise sayfalarınızda neyi okuyabildiklerini gösterir.

JavaScript SEO nasıl test edilir?

Ham HTML'i Google'ın render ettiğiyle karşılaştırın.

1. Sayfa kaynağını görüntüleyin (denetçiyi değil): ana içeriğiniz yoksa JavaScript'e bağlıdır.
2. Google Search Console'daki URL Denetleme aracını kullanın ve render edilmiş HTML'e ve ekran görüntüsüne bakın.
3. Herhangi bir herkese açık URL için render edilmiş HTML'i de gösteren Zengin Sonuçlar Testi'ni çalıştırın.
4. Render yapmayan tarayıcıların kabaca ne aldığını görmek için tarayıcınızda JavaScript'i devre dışı bırakın.
5. Siteyi bir tarayıcıyla JavaScript modunda ve JavaScript'siz tarayın, ardından bulunan bağlantıları ve sözcükleri karşılaştırın.
6. Önemli URL'lerin dizine eklenme durumunu bir dizine eklenebilirlik denetleyicisiyle kontrol edin.

JavaScript SEO kontrol listesi nedir?

Altı kural çoğu durumu kapsar:

• Ana içerik, başlık, meta açıklama ve canonical ilk HTML'de bulunmalı.
• İç bağlantılar, taranabilir URL'lere sahip “a href” öğeleri olmalı.
• robots.txt'de engellenen JavaScript, CSS veya API dosyası olmamalı.
• Eksik sayfalar ve yönlendirmeler için doğru HTTP durum kodları kullanılmalı.
• Tembel yükleme (lazy loading) yalnızca ekranın altındaki medya için kullanılmalı, ana metin için asla.
• Her büyük ön yüz sürümünden sonra render, Search Console'da test edilmeli.

Sonuç

JavaScript ve SEO, içerik var olmak için JavaScript'e bağımlı olmadığında birlikte çalışır. İçerik sayfalarını sunucuda veya derleme sırasında render edin, bağlantıları gerçek tutun ve Google'ın ve yapay zekaların gerçekte ne gördüğünü test edin. Sorank makalelerini doğrudan CMS'inize, iç bağlantılar ve yapılandırılmış veriyle birlikte temiz HTML olarak autopilot ile yayımlar: planlara ve 3 günlük ücretsiz denemeye bakın.