Server-Side Rendering (SSR) vs. Static Site Generation (SSG): SEO Karşılaştırması

## Javascript Frameworklerinin (React, Vue) Kanlı SEO Sınavı Eski dünya çok basitti: PHP siteleri kullanıcının "Bana makaleyi ver" isteği üzerine HTML kodlarını sunucuda saniyelerce harmanlar ve çıktı olarak kullanıcının (Ve Googlebot'un) önüne tüm metinlerin rahatça okunabileceği düz, anlaşılır bir HTML kağıdı basardı. Fakat Modern Tek Sayfa Uygulamaları (SPA) yani Client-Side Rendering (CSR) dediğimiz React veya Angular sistemlerinde, Googlebot siteye girdiğinde ona boş pespembe bir kutu ve "Beni Tarayıcında (Browser) 2 saniye çalıştır ki HTML üreteyim" diyen Javascript kod kütüphaneleri verilir. Googlebot eski yıllarda "Ben Javascript'i render edecek (Çizecek) kadar sabırlı ve işlemci zenini değilim" deyip Javascript sitelerinin indeksini boş kutu olarak tescilledi (SEO Fail). Çözüm ise modern SSR ve SSG mimarisindedir. ## 1. Server-Side Rendering (SSR) Tarafı: "Ne İstersen Anında Aşçısı" **SSR Mimarisinde:** Kullanıcı /araba URL'sini çağırdığı an, Node.js (Next.js vb) altyapılı sunucu, veritabanına gidip araba fiyatlarını HTML iskeletinin içine yedirir (Sunucunun donanımsal çabasıyla) tamamen hazır ve taranabilir, kusursuz SEO uyumlu Saf HTML şasesini Googlebot'a teslim eder. * **Avantajı:** Sürekli değişen, saat başı borsa kurları güncellenen dinamik siteleriniz varsa (Piyasa Takip, Flash Haber Raporları) Googlebot her adımda anlık veriyi sıcacık HTML olarak alır. * **Dezavantajı - TTFB Sinyali:** Sunucu, gelen her bağlantıda sıfırdan veritabanı sorgusu çekip HTML paketlemek zorunda olduğu için (Önbellek - Cache mekanizması zayıf kurgulanmışsa) çok ciddi performans kasılmaları ve TTFB (Time To First Byte) gecikmesi yaşatarak LCP hızında Core Web Vitals sınıfında geride bırakabilir. ## 2. Static Site Generation (SSG) Tarafı: "Her Şeyi Önceden Pişirdik Paketledik" **SSG Mimarisinde:** Geliştiriciler (Developer) kodu yayına alırken "Build (Derleme)" komutuna basarlar. Sistem arkadaki 1000 adet SEO aracınızı ve Makalenizi veritabanından bir defa emer, bir milyon tane birbirinden bağımsız "saf, düz ve sabit" HTML statik klasörü yaratır. * **Avantajı (SEO Şahikası):** Googlebot siteye ulaştığında ve `/araba` linkine tıkladığında, sunucu hiçbir veritabanı sorgusu çalıştırmaz, masanın üstünde haftalar öncesinden basılmış ve bekleyen Saf HTML sayfasını saliselik (CDN destekli milisaniyelik) bir hızla kullanıcıya ve bota zımbalar. TTFB hızı 20 milisaniyeler civarında kusursuz akar, Core Web vitals metriklerinde LCP skoru 1 saniyenin altına vurur. * **Dezavantajı:** Haber siteniz varsa ve anlık (Dakika başı) breaking news girmeniz elzemse, her seferinde tüm siteye "Re-build (Yeniden Derleme)" emri verip sunucuyu ve kodları baştan yazdırmak dakikalar sürecek ve dinamizmi öldürecektir. (ISG - Incremental Static Regeneration teknolojsi bu eksiği kısmen kapatmıştır).