JavaScript SEO: SPA, Hydration ve Indexleme Sorunları

Googlebot Harika Midir Yoksa JS Konusunda Kör Mü?

Tek sayfa uygulamalar (Single Page Application - SPA) ve JavaScript (React, Vue, Angular vs) tabanlı dinamik arayüzler yazılımcılar açısından eşsiz bir kullanıcı deneyimi sunsa da SEO bağlamında patlamaya hazır bombadır. Google'ın tarama algoritmaları gelişmiş olup sayfaya girip Chrome tabanlı Web Rendering Service (WRS) motoru vasıtasıyla JavaScript'leri çalıştırsalar dahi (Execute), bu operasyon klasik HTML dökümüne kıyasla devasa miktarda sunucu gücü / tarama bütçesi yakmaktadır. Milyon HTML sayfası birkaç dakikada okunabilir ancak milyon JS ile sarmalanan sayfanın işlenmesi (Render süreci) haftalarca sürer ve sayfanız indexe geç girer.

CSR, SSR, SSG - Hangi Mimariyi Seçeceğiz?

Siz "ben sayfamı React ile yaptım" diyen yazılımcınıza soracağınız ilk soru "Bu uygulama İstemci Tarafında (Client-Side Rendering) mı çalışıyor, Sunucu Tarafında Modüler (Server-Side Rendering) mi yoksa Statik Çıktıyla mı (SSG) çalışıyor?" olmalıdır.

• İstemci Tarafı Görselleme (CSR): Tüm script tarayıcıya (veya bota) iner (beyaz sayfa atar), tarayıcı JS dosyasını okuyup bitirdikten sonra (hydrate) DOM html e dönüşür. Arama motorları genellikle scriptlerin hepsinin işlenmesini beklemeye toleranslı değillerdir ve sitenizi bomboş bir white screen sanıp sıralamaya yerleştirmezler. (SEO İçin Felaket)
• Sunucu Tarafı Görselleme (SSR): Sunucudan istemciye hazır bir HTML atılır. Ziyaretçi hızlıca okumaya (LCP) başlar ve arka planda Javascript sessizce aktive olur (Hydration). (SEO İçin Mükemmel)

En Hatalı 3 JavaScript SEO Hatası

1. Dahili yönlendirmelerinizi / internal linking <a href=""> yerine OnClick eventleriyle (<div onClick="redirect()">) gibi yapılandırmaktır. Botlar JS click aksiyonlarını tıklatarak gezemediğinden, içerikler arası link suyunuz akmaz. URL discovery iflas eder.
2. Dinamik title veya dinamik H1 değiştirici JS snippetları kullanıldığı zaman Botlar Snapshot anında ilk "yükleniyor" veya "boş" versiyonlarını indexinize kaydederler. Kritik sayfa içi SEO tagleri her zaman sunucudan statik şekilde dökülmelidir. SSR altyapısını zorunlu kılar.
3. Soft 404 sayfaları oluşturmak. Bulunamayan veya veritabanında silinmiş ürün id'sine sahip client sayfa 404 hata protokolü HTTP yanıtıyla (Network Logunda görünür) bildirilmediği için Google ürünü indekslemeye çalışmayı ısrarla sürdürür.