Core Web Vitals Nedir? Web Sitesi Hızı SEO'yu Nasıl Etkiler?

Günümüz dijital dünyasında kullanıcılar aradıkları bilgilere, ürünlere veya hizmetlere saniyeler içinde ulaşmak ister. Google, kullanıcıların bu beklentisini karşılamak ve onlara en iyi deneyimi sunan web sitelerini ödüllendirmek amacıyla algoritmalarını sürekli güncelliyor. Bu güncellemelerin en kritik teknik ayaklarından biri de Core Web Vitals (Önemli Web Verileri) kriterleridir.

Web sitesi hızının ve sayfa deneyiminin SEO üzerindeki doğrudan etkisini anlamak, arama sonuçlarında üst sıralara tırmanmanın en temel anahtarıdır. Bu rehberde, Core Web Vitals metriklerini ve sunucu taraflı optimizasyonlarla sitenizi nasıl hızlandıracağınızı detaylandıracağız.

Core Web Vitals (Önemli Web Verileri) Nedir?

Core Web Vitals, Google'ın bir web sayfasının kullanıcı deneyimini, hızını, etkileşimini ve görsel kararlılığını ölçerken kullandığı gerçek dünya kullanıcı deneyimi metrikleri setidir. Google, sitenizin sadece teknik olarak ne kadar sürede yüklendiğine değil, kullanıcının o sayfayla nasıl etkileşime girdiğine de önem verir.

Core Web Vitals üç ana temel metrikten oluşur:

1. LCP (Largest Contentful Paint - En Büyük İçerikli Boyama)

LCP, bir web sayfasının ana içeriğinin (genellikle büyük bir görsel, banner alanı veya büyük bir metin bloğu) ekranda görünür hale gelme süresini ölçer. Basitçe, kullanıcının sayfaya girdiğinde "burada işe yarar bir şeyler var" dediği andır.

İyi: 2.5 saniye veya daha az

İyileştirilmesi Gerekiyor: 2.5 - 4.0 saniye arası

Zayıf: 4.0 saniyenin üzeri

2. INP (Interaction to Next Paint - Sonraki Boyamayla Etkileşim)

Google, Mart 2024 itibarıyla eski FID (First Input Delay) metriğini tamamen emekliye ayırarak yerine INP (Interaction to Next Paint) metriğini getirdi. INP, kullanıcının sayfa ömrü boyunca gerçekleştirdiği tüm tıklama, dokunma veya klavye etkileşimlerinin sunucu ve tarayıcı tarafından ne kadar hızlı yanıtlandığını ölçer. Sitenizin dinamik elementlerinin hantallığını test eden en kritik metriktir.

İyi: 200 milisaniye veya daha az

İyileştirilmesi Gerekiyor: 200 - 500 milisaniye arası

Zayıf: 500 milisaniyenin üzeri

3. CLS (Cumulative Layout Shift - Kümülatif Düzen Kayması)

CLS, sayfa yüklenirken içeriklerin beklenmedik şekilde yer değiştirmesini (görsel kararsızlığı) ölçer. Örneğin, tam bir butona tıklayacakken üstten bir reklamın yüklenip butonu aşağı kaydırması ve kullanıcının yanlış yere tıklaması zayıf bir CLS skoruna işarettir.

İyi: 0.1 veya daha az

İyileştirilmesi Gerekiyor: 0.1 - 0.25 arası

Zayıf: 0.25'in üzeri

Web Sitesi Hızı ve Sayfa Deneyiminin SEO'ya Doğrudan Etkisi

Hızlı bir web sitesi sadece Google botlarını memnun etmekle kalmaz, doğrudan ticari dönüşüm oranlarınızı (Conversion Rate) artırır. Yavaş yüklenen bir web sitesi şu olumsuz zincirleme reaksiyona neden olur:

Hemen Çıkma Oranı (Bounce Rate) Artar: Sayfanın açılması 3 saniyeyi geçtiğinde, kullanıcıların %50'sinden fazlası siteyi henüz tam yüklenmeden terk eder.

Tarama Bütçesi (Crawl Budget) Azalır: Google botları sitenizi ziyaret ettiğinde yavaş yanıt alırsa, sitenizde daha az sayfa tarar ve yeni içeriklerinizin dizine eklenmesi (indexlenmesi) gecikir.

Dönüşüm Kaybı Yaşanır: E-ticaret sitelerinde 1 saniyelik bir gecikme bile satışlarda %7'ye varan düşüşlere neden olabilir.

Teknik SEO: Core Web Vitals Skorları Nasıl İyileştirilir?

Sitenizi optimize etmek için ağır içerik yönetim sistemlerinin (WordPress gibi hantal eklenti havuzları) aksine, hafif ve özel kodlanmış native altyapılar kullanmak her zaman en büyük avantajdır. İşte teknik seviyede yapılması gereken başlıca optimizasyonlar:

Sunucu Optimizasyonu ve Sıkıştırma

Sunucu yanıt süresini (TTFB) düşürmek, LCP skorunu doğrudan iyileştirir. Sunucuda zRAM gibi bellek sıkıştırma katmanlarının kullanılması, PHP tabanlı sistemlerin çok daha hızlı işlenmesini sağlar. Ayrıca sitenizde Gzip veya Brotli sıkıştırmasının aktif olduğundan emin olun.

Görsel ve Varlık Yönetimi

Büyük boyutlu görseller LCP ve CLS skorlarının baş düşmanıdır. Sitenizdeki tüm görselleri yeni nesil formatlar olan WebP veya AVIF formatlarına dönüştürün. Görsellerin etiketlerinde width ve height değerlerini mutlaka önceden belirterek tarayıcıya yer rezerve ettirin (bu işlem CLS'yi sıfıra indirir).

CSS ve JS Dosyalarının Optimize Edilmesi

Sayfanın yüklenmesini engelleyen (render-blocking) JavaScript ve CSS kaynaklarını erteleyin. Kritik olmayan JS dosyalarını defer veya async parametreleri ile çağırın. Kullanılmayan CSS kodlarını temizleyerek stil dosyalarınızı küçültün.