SEO için Server Side Rendering Önemi

SSR vs CSR

Modern web tarafında iki ana paradigma var:

• SSR (Server Side Rendering) — HTML sunucuda üretilir, hazır olarak gelir. Razor, Next.js (SSR mode), Nuxt vs.
• CSR (Client Side Rendering) — Boş HTML + büyük JS bundle. JS çalışıp DOM'u doldurur. React SPA, Vue SPA vs.

Neden SEO İçin Önemli?

Google son yıllarda JS render edebildiğini söylüyor; doğru. Ama bunu her zaman, her sayfa için ve aynı hızda yapmıyor.

• Google bot ilk geçişte SSR HTML'i okur
• JS render gerektiren sayfalar için ikinci bir kuyrukta bekletilir
• Bu süre saatler veya günler olabilir
• Sonuç: CSR site, SSR rakiplerine göre indexleme hızı 5-10 kat daha yavaş

Bir kurumsal site WordPress'ten Razor SSR'ye geçtiğinde organik trafiği 6 ayda %220 arttı. URL'ler ve içerik aynıydı; fark sadece render stratejisiydi.

Razor ile SSR Kolay

ASP.NET Core Razor zaten SSR. Yapmanız gereken birkaç ek şey var:

@page
@model HomeModel
@{
    ViewData["Title"] = "ElmaWeb — Kurumsal Yazılım";
    ViewData["Description"] = "ASP.NET Core MVC ile yönetim sistemleri...";
}

<h1>@ViewData["Title"]</h1>

Per-Sayfa Meta Yönetimi

Her sayfanın kendi başlık ve açıklamasını layout'a iletmesi şart. _Layout.cshtml:

<title>@ViewData["Title"]</title>
<meta name="description" content="@ViewData["Description"]" />
<meta property="og:title" content="@ViewData["Title"]" />
<meta property="og:description" content="@ViewData["Description"]" />
<link rel="canonical" href="@Url.AbsoluteAction()" />