SvelteKit ile SSR ve SEO'ya Etkisi

Cumartesi, Haziran 1, 2024
2 min read
svelte-reactivity

SSR Nedir ve Neden Önemlidir?

SSR, web sayfalarının sunucu tarafında hazırlanıp, tarayıcıya içeriklerin hazır halde gönderilmesi işlemidir. Bu, sayfanın ilk yükleme süresini önemli ölçüde azaltır ve SEO’ya olumlu etki eder. Bu sayede, sayfanın daha hızlı yüklenmesi sağlanır. Böylece Google, Yandex gibi arama motorları tarafından daha doğru bir şekilde indekslenir.

SvelteKit ile SSR Kullanımı

SvelteKit, popülerleşen Svelte framework’üne dayalı bir web framework’üdür. SvelteKit, SSR’ı destekler ve SEO için gerekli tüm özellikleri hazır olarak sunar.

SvelteKit uygulamamızın ilgili layout.js veya layout.server.js dosyasında aşağıdaki gibi bir kod ile SSR’ı aktif hale getirebiliriz:

// SSR'ı aktif etmek için
export const prerender = true;

Bu sayede, uygulamamızın SEO dostu olmasını sağlayabiliriz.

// SSR'ı devre dışı bırakmak için
export cosnt prerender = false;

SSR’ı devre dışı bırakmak için ise yukarıdaki gibi bir kod kullanabiliriz. Bu da uygulamamızın sadece bir SPA (Single Page Application) işlevi ile çalışmasını sağlar.

Ne Zaman SSR Kullanmamalıyız?

SSR her zaman uygun olmayabilir. Örneğin prerender (önceden oluşturulmuş) bir sayfa dinamik bir içerik sunamaz. Ancak yine de Svelte’in onMount fonksiyonu ile bu tür durumları düzeltebiliriz yine de kullanıcıya bir miktar gecikme yaşatabilir. Bu nedenle, SSR’ın kullanımı, uygulamanın gereksinimlerine bağlı olarak değişir.

Sonuç

Web sayfamızın arama motorlarında daha iyi sıralamalarda yer almasında SSR yalnızca bir etken olup bunun yanında sayfa hızı (speed index), mobil uyumluluk, içerik başlıkları, meta açıklamaları gibi faktörler de etkilidir.

Websitenizin performansını ve sıralamalarını artırmak için siz de SvelteKit’in sağladığı kolaylıkla SSR’ı aktif hale getirebilirsiniz.

Sorularınız veya destek almak için ücretsiz 30 dakikalık danışmanlık hizmetimizden faydalanabilirsiniz.

Ücretsiz Danışmanlık