Sitenizin ürün sayfası tarayıcıda kusursuz görünüyor — fiyat, açıklama, görseller hepsi yerinde. Ama Google'da o sayfayı arattığınızda ya hiç çıkmıyor ya da içeriği boş görünüyor. Sebep çoğu zaman tek kelime: JavaScript. Sayfanız insana gösterdiğini Googlebot'a gösteremiyor olabilir.
Bu yazıda JavaScript SEO'nun ne olduğunu, Google'ın JS içeriğini nasıl render ettiğini, neden bazı sayfaların görünmez kaldığını ve bunu nasıl çözeceğinizi anlatacağım.
Murat, İzmir'de bir e-ticaret sitesi işletiyor. Sitesi modern bir JavaScript çatısıyla (React/Vue tarzı) kurulu, hızlı ve şık. Ama yeni eklediği ürünler Google'a bir türlü düşmüyor, bazıları haftalarca indekslenmiyor. Geliştirici "Google JavaScript'i okuyor zaten" diyor ama sonuç ortada. Bu yazı tam Murat gibi modern çatı kullanıp "neden indekslenmiyorum?" diyen e-ticaret ve site sahipleri için.
JavaScript SEO Nedir?
JavaScript SEO, JavaScript ağırlıklı sitelerin arama motorları tarafından doğru taranıp indekslenmesini sağlama işidir. Modern siteler içeriği çoğu zaman sunucudan hazır HTML olarak değil, tarayıcıda JavaScript çalıştırarak oluşturur. İnsan için sorun yok — tarayıcı kodu çalıştırır, içerik gelir. Ama arama motoru için iş karışır.
Çünkü Googlebot bir sayfayı iki aşamada işler: önce ham HTML'i alır, sonra JavaScript'i çalıştırıp (render edip) son hâli görür. Bu ikinci aşama gecikebilir, atlanabilir veya hata verebilir. İçeriğiniz yalnızca JavaScript çalıştıktan sonra geliyorsa, o ara dönemde Google sayfanızı boş görebilir.
Google JavaScript'i Nasıl İşler?
Google'ın süreci üç adımdır: tarama (crawl), render, indeksleme. Klasik HTML sitede bu üçü neredeyse anında olur. JavaScript sitede araya bir "render kuyruğu" girer.
Googlebot ham HTML'i alır. İçerik JavaScript'le geliyorsa, sayfayı render etmek için bir kuyruğa koyar. Bu kuyruk yoğun olduğunda render günler sürebilir. Render tamamlanana kadar Google sayfanızın yalnızca ham hâlini bilir — ki o hâlde içerik yoksa, sayfa boş sayılır.
İşte Murat'ın sorunu burada: ürün açıklaması, fiyatı, hatta başlığı JavaScript'le yükleniyorsa, Google önce boş bir kabuk görüyor, render'ı bekliyor, bu da indekslemeyi geciktiriyor.
Üç Render Yöntemi: CSR, SSR, SSG
Sitenizin içeriği nasıl oluşturduğu her şeyi belirler.
CSR (Client-Side Rendering) — Tarayıcı tarafı. İçerik tamamen tarayıcıda JavaScript'le oluşur. Sunucu neredeyse boş bir sayfa gönderir. SEO için en riskli yöntem — Googlebot render'ı beklemek zorunda.
SSR (Server-Side Rendering) — Sunucu tarafı. İçerik sunucuda hazır HTML olarak üretilir, Googlebot anında görür. SEO için ideal, ama sunucu yükü daha fazla.
SSG (Static Site Generation) — Statik üretim. Sayfalar önceden HTML olarak üretilir ve hazır beklenir. En hızlı ve en SEO dostu, ama sık değişen içerik için uygun değil.
| Yöntem | Googlebot görür mü | SEO riski | Uygun olduğu yer |
|---|---|---|---|
| CSR | Render sonrası | Yüksek | Giriş gerektiren panel, uygulama |
| SSR | Anında | Düşük | E-ticaret, içerik sitesi |
| SSG | Anında | En düşük | Blog, kurumsal sayfa |
Digiras Olarak 10 Yıldır Gözlemlediğimiz
Modern çatıyla kurulu siteleri denetlediğimiz her 10 projeden yaklaşık 5'inde kritik içeriğin (ürün açıklaması, fiyat, başlık) yalnızca JavaScript render sonrası geldiğini görüyoruz — yani Googlebot ilk bakışta boş sayfa görüyor. 10 yıldır gözlemlediğimiz en tutarlı patern şu: CSR'den SSR'ye geçen e-ticaret sitelerinde yeni ürünlerin indekslenme süresi ortalama 11 günden 2 güne iniyor, indekslenen sayfa oranı %68'den %94'e çıkıyor, organik ürün trafiği 10 hafta içinde 2,3 katına yükseliyor. En çarpıcı gözlem: bu sitelerin sahiplerinin çoğu sorunun JavaScript render olduğunu hiç bilmiyordu — çünkü kendi tarayıcılarında her şey kusursuz görünüyordu. İnsan gözü render'ı bekler, Googlebot beklemez. Bu fark, görünmeden trafik kaybettiren en sessiz teknik sorunlardan biri.
Render Sorunu Var mı? Nasıl Anlarsınız?
Birkaç hızlı test sorunu ortaya çıkarır.
Google'da cache: veya site araması. Sayfanızı Google'da arattığınızda içerik özeti çıkıyor mu, yoksa boş mu? Boşsa render sorunu olabilir.
JavaScript'i kapatıp bakın. Tarayıcıda JavaScript'i devre dışı bırakın, sayfayı açın. İçerik kayboluyorsa, Googlebot da ilk bakışta onu göremiyor demektir.
Search Console URL incelemesi. Search Console'da "URL'yi incele" → "Taranan sayfayı görüntüle" ile Google'ın sayfanızı nasıl gördüğünü tam olarak görürsünüz. En kesin yöntem budur.
Bu kontrolleri yaptıktan sonra sitenizin genel teknik durumunu Teknik SEO Analizi ile tarayıp eksik başlık, meta ve içerik sinyallerini toplu görebilirsiniz.
Şunu düşünelim: JavaScript'in paradoksu şu — kullanıcıya daha zengin deneyim sunmak için eklediğiniz kod, Google'ın sizi hiç görememesine yol açabilir. Bazen sayfayı yavaşlatan değil, gizleyen şey teknolojinin kendisidir.
Render Sorunları Nasıl Çözülür?
Çözüm, içeriği Googlebot'un anında görebileceği şekilde sunmaktır.
Kritik içeriği sunucudan ver. Başlık, açıklama, fiyat, ana metin ham HTML'de gelsin — JavaScript'e bırakmayın. SSR veya SSG'ye geçmek en kalıcı çözüm.
Önemli linkleri <a href> ile verin. JavaScript ile çalışan butonlar (onclick) Googlebot tarafından takip edilmez. Gerçek <a href="..."> linkleri kullanın.
Lazy load'u akıllı kullanın. Görseller için lazy load iyi, ama ana içeriği lazy yüklemeyin — Google onu görmeyebilir.
Hash routing'den kaçının. site.com/#/urun gibi URL'ler yerine gerçek yollar (site.com/urun) kullanın.
İndeksleme düzeldikten sonra hangi sayfaların sıralandığını Rank Tracker ile takip edip render düzeltmesinin etkisini ölçebilirsiniz.
Yaygın JavaScript SEO Hataları
- "Google JS'i okuyor zaten" rahatlığı. Okuyor — ama gecikmeli, kuyruklu ve bazen hatalı. "Okuyor" ile "anında doğru okuyor" aynı şey değil.
- Kritik içeriği CSR'ye bırakmak. Fiyat, başlık, açıklama JavaScript'le geliyorsa indeksleme riske girer.
- onclick butonlarını link sanmak. Googlebot JavaScript butonlarını takip etmez; gerçek
<a href>şart. - Kendi tarayıcısında test edip yetinmek. İnsan render'ı bekler, sayfa kusursuz görünür — ama Googlebot'un gördüğü farklıdır. Search Console'dan kontrol edin.
- Render sorununu hız sorunuyla karıştırmak. İkisi farklı: biri "yavaş yükleniyor", diğeri "hiç görünmüyor". Çözümleri de farklı.
Özet
JavaScript SEO, JS ağırlıklı sitelerin Google tarafından doğru taranıp indekslenmesini sağlama işidir. Google sayfayı iki aşamada işler: ham HTML, sonra render. İçerik yalnızca JavaScript render sonrası geliyorsa, Google ara dönemde sayfayı boş görebilir — bu da indekslemeyi geciktirir veya engeller. Üç render yöntemi vardır: CSR (riskli, tarayıcı tarafı), SSR (ideal, sunucu tarafı), SSG (en güvenli, statik). Çözüm: kritik içeriği sunucudan ham HTML olarak vermek, gerçek <a href> linkleri kullanmak, ana içeriği lazy yüklememek. Teşhis için Search Console URL incelemesi en kesin yöntemdir.
JavaScript'in paradoksu: kullanıcıya zengin deneyim sunmak için eklediğiniz kod, Google'ın sizi hiç görememesine yol açabilir. Bazen sayfayı gizleyen, teknolojinin kendisidir.
Teknik teşhis için Teknik SEO Analizi, indeksleme sonrası takip için Rank Tracker işinizi görür. Konuyu tamamlamak için Core Web Vitals rehberi hız tarafını, robots.txt rehberi tarama yönetimini açıklar.
Sıkça Sorulan Sorular
Google gerçekten JavaScript'i render edemiyor mu? Ediyor — ama iki aşamalı ve gecikmeli. Ham HTML'i hemen alır, render'ı kuyruğa koyar. Kuyruk yoğunsa render günler sürebilir. O süre boyunca içeriğiniz JavaScript'le geliyorsa, Google boş sayfa görür. Yani sorun "render edemiyor" değil, "anında ve garantili render etmiyor".
React/Vue ile SEO yapılamaz mı? Yapılır — ama doğru render yöntemiyle. React/Vue'yu SSR (Next.js, Nuxt gibi) veya statik üretim modunda kullanırsanız Googlebot içeriği anında görür. Sorun çatının kendisi değil, saf CSR modunda kullanılması.
Sayfam tarayıcıda görünüyor ama Google'da yok, neden? Klasik render sorunu. Tarayıcınız JavaScript'i çalıştırıp içeriği gösteriyor, ama Googlebot ilk taramada ham HTML'i görüyor ve o boş. Search Console'da "URL'yi incele → taranan sayfayı görüntüle" ile Google'ın ne gördüğünü kesin olarak doğrulayın.
Dynamic rendering hâlâ geçerli bir çözüm mü? Geçici çözüm olarak kullanılabilir ama Google artık SSR veya statik üretimi öneriyor. Dynamic rendering (bota ayrı, kullanıcıya ayrı sürüm) bakım yükü getirir ve uzun vadede SSR kadar temiz değildir. Kalıcı çözüm için render yöntemini düzeltmek daha sağlıklı.
İndekslenmeyen ürün sayfalarımı nasıl hızlandırırım? Önce render sorununu çözün (kritik içeriği HTML'de sunun), sonra Search Console'dan etkilenen URL'leri "indekslenmeyi iste" ile gönderin. Ayrıca iç linkleme ile o sayfalara link verin — Googlebot'un onlara ulaşmasını kolaylaştırır.
Sonuç
JavaScript modern web'in gücü ama yanlış kullanıldığında en sessiz SEO tuzağı. Sitenizin insana gösterdiğini Google'a da gösterebilmesi gerekir — yoksa en güzel ürün sayfası bile görünmez kalır. İyi haber: sorun bir kez teşhis edildiğinde çözümü net, kritik içeriği sunucudan sunmak çoğu durumu düzeltir.
Türkiye'de modern çatıyla kurulu sitelerin çoğu bu kontrolü hiç yapmamış. Rakiplerinizin ürün sayfalarını JavaScript kapalıyken açın — boş kalıyorsa, doğru kurulmuş siteniz onların önüne geçer. Sessiz ama gerçek bir avantaj.
Sitenizin Googlebot'a nasıl göründüğünü görmek isterseniz plus.digiras.com'da hesap açabilirsiniz. Teknik SEO Analizi, SEO Meta Üretici ve Rank Tracker bir arada — 20 kredi başlangıç hediyesiyle test edebilirsiniz, kredi kartı sormuyoruz.
Sayfalarınızın indekslenmemesinin nedeninden emin değilseniz bana yazın (info@digiras.com). Render durumunuza birlikte bakar, geliştiriciye net bir liste çıkarırız — yazışırız.
Bu yazıyı Orhun Taşpınar yazdı. Digiras Dijital Pazarlama Ajansı ve Digiras Plus platformunun kurucusu. 10 yıldır SEO, AI SEO ve dijital pazarlama konularında çalışıyor. Sorularınız için: info@digiras.com