Core Web Vitals 2026 SEO Rehberi

Google 2021'den beri sıralama algoritmasında Core Web Vitals denilen 3 kullanıcı deneyimi metriğine ağırlık veriyor. 2024'te FID (First Input Delay) yerine INP (Interaction to Next Paint) geldi, daha sıkı ölçüm. 2026'da bu metrikler sıralamanın yarısını belirliyor. İçerik kaliteniz olsa bile metrikler kötüyse alt sıralarda kalırsınız. Bu yazıda 3 metriği detaylı anlatıyoruz.

Core Web Vitals 3 metrik

LCP — Largest Contentful Paint

"En büyük içerik ne kadar sürede görünüyor?" Sayfanın ana görsel veya başlık görünme süresi.

• İyi: < 2.5 saniye
• Geliştirilmeli: 2.5-4 saniye
• Kötü: > 4 saniye

INP — Interaction to Next Paint

"Tıklamadan tepkiye kadar süre." Buton, link, form etkileşiminden sonra sayfanın yanıt verme hızı.

• İyi: < 200ms
• Geliştirilmeli: 200-500ms
• Kötü: > 500ms

CLS — Cumulative Layout Shift

"Sayfa yüklenirken ne kadar sıçrıyor?" İçerik aniden taşınıyor mu?

• İyi: < 0.1
• Geliştirilmeli: 0.1-0.25
• Kötü: > 0.25

Neden bu 3 metrik kritik?

Google'ın araştırması:

• Core Web Vitals iyi olan sitelerde bounce rate %24 düşük
• Conversion rate 2x yüksek
• Mobil aramada top-3 sıralama %33 daha olası

LCP nasıl iyileştirilir?

1. Hero görseli optimize

• WebP formatı (PNG/JPG yerine, %30-50 küçük)
• Boyut: max 1920×1080 (gerekiyorsa)
• fetchpriority="high" attribute ekle
• Preload link: <link rel="preload" as="image" href="hero.webp">

2. Render-blocking CSS azalt

Critical CSS inline + diğer CSS async yükleme.

3. Sunucu hızı

• LiteSpeed (Apache yerine)
• Türkiye lokasyonu (Avrupa/ABD değil)
• SSD disk (HDD değil)
• HTTP/2 veya HTTP/3

4. CDN

Cloudflare ücretsiz. Statik varlıkları dünya genelinde 200+ POP'tan.

INP nasıl iyileştirilir?

1. JavaScript miktarını azalt

• Kullanılmayan kütüphaneleri sil
• Code splitting (lazy load)
• Bundle size: max 200KB ideal

2. Long tasks'leri parçala

50ms'den uzun JavaScript görevleri kötü. setTimeout veya requestIdleCallback ile parçala.

3. Web Worker kullan

Heavy hesaplamaları (resim işleme, encryption) Web Worker'a taşı, ana thread'i serbest bırak.

4. Event listeners optimize

• Throttle (her 100ms bir çalıştır)
• Debounce (kullanıcı durduğunda çalıştır)
• Passive listeners: addEventListener('scroll', fn, {passive: true})

CLS nasıl iyileştirilir?

1. Tüm görsellere boyut

<img src="..." width="800" height="450">

Browser yüklenmeden önce yer ayırır.

2. Reklam alanlarına min-height

.ad-slot {
    min-height: 250px;
    background: #f5f5f5;
}

3. Web font yüklemesi

• font-display: swap ile FOIT engelle
• size-adjust: 95% ile font swap shift'i azalt
• Self-hosted fonts (Google Fonts yerine kendi sunucu)

4. Dinamik içerik (popup, banner)

Sayfa yüklendikten sonra sokulan içerik CLS'i artırır. Ya pre-allocated alan kullan, ya da popup'ları üst üste açılan modal yap.

Ölçüm araçları

Lab data (geliştirme aşamasında)

• Lighthouse (Chrome DevTools)
• PageSpeed Insights
• WebPageTest.org
• GTmetrix

Field data (gerçek kullanıcı)

• Google Search Console → Sayfa Deneyimi raporu
• Chrome User Experience Report (CrUX)
• Web Vitals Chrome eklentisi

Lab data ideal, field data gerçek. İkisi farklı olabilir — gerçek kullanıcılar yavaş cihaz, kötü internet kullanır.

Hedef profil

Vaka: Mevcut bir e-ticaret sitesi

Müşterimizin sitesi başlangıçta:

• LCP: 5.8s (kötü)
• INP: 320ms (geliştirilmeli)
• CLS: 0.32 (kötü)
• Lighthouse: 42

Optimize sonrası 2 hafta:

• LCP: 1.9s
• INP: 140ms
• CLS: 0.04
• Lighthouse: 96
• Aynı dönemde organik trafikte %47 artış

Sıkça Sorulan Sorular

Core Web Vitals tek başına sıralama belirler mi?

Hayır — içerik + backlink + diğer faktörler birlikte. Ama eşit içerikli iki site arasında CWV iyi olan kazanır.

FID hâlâ ölçülüyor mu?

Mart 2024'te INP ile değiştirildi. Artık FID raporlanmıyor.

Mobile vs Desktop ayrı mı ölçülüyor?

Evet — Google öncelik mobile-first. Mobile metrikleri kötü olan site sıralanır kötü.

Sonuç

Core Web Vitals 2026'da SEO'nun temel taşı. İyi içerik + iyi metrikler = top sıralama. Sitenizi ücretsiz CWV analizi ile ölçelim.