Teknik SEO Rehberi: Core Web Vitals ile Google'ı Geçin

Core Web Vitals Neden Bu Kadar Önemli?

Google, 2021'den itibaren Core Web Vitals (CWV) metriklerini doğrudan sıralama faktörü olarak kullanıyor. SEO stratejiniz ne kadar güçlü ve içeriğiniz ne kadar iyi olursa olsun, sayfanız yavaş yükleniyorsa rakiplerinizin arkasında kalırsınız.

Daha da kritik olan gerçek: Türkiye'deki web sitelerinin %73'ü CWV testlerinde başarısız oluyor. Bu, teknik SEO'ya yatırım yapan markalara devasa bir fırsat penceresi açıyor.

3 Core Web Vitals Metriği

LCP — Largest Contentful Paint (En Büyük İçerikli Boyama)

Ne ölçer: Sayfanın en büyük içerik öğesinin (genellikle hero görsel veya H1) ne kadar sürede yüklendiği.

Hedefler:

• ✅ İyi: 2,5 saniye altı
• ⚠️ İyileştirme gerekli: 2,5-4,0 saniye
• ❌ Kötü: 4,0 saniye üzeri

LCP Optimizasyon Adımları:

• Hero görselini optimize edin — profesyonel web tasarım bu optimizasyonları varsayılan olarak içermelidir
• WebP formatına dönüştürün (%25-35 boyut tasarrufu)
• fetchpriority="high" ekleyin — tarayıcıya öncelik bildirimi
• loading="eager" (asla lazy değil hero için)
• Boyutları HTML'de açıkça belirtin (width/height)

• Sunucu yanıt süresini düşürün (TTFB)
• Türkiye'deki kullanıcılar için Türk CDN (Cloudflare Türkiye PoP)
• Statik sayfaları edge'de cache'leyin
• TTFB hedefi: 800ms altı

• Render-blocking kaynakları kaldırın
• CSS: <link rel="preload"> ile kritik CSS önden yükleyin
• JS: defer veya async attribute'ü ekleyin
• Third-party scriptleri (analytics, chat) defer edin

INP — Interaction to Next Paint (Etkileşimden Sonraki Boyamaya)

(2024'te FID'in yerini aldı)

Ne ölçer: Kullanıcı bir tıklama/tuş basışı yaptığında sayfanın ne kadar sürede yanıt verdiği.

Hedefler:

• ✅ İyi: 200ms altı
• ⚠️ İyileştirme gerekli: 200-500ms
• ❌ Kötü: 500ms üzeri

INP Optimizasyon Adımları:

• JavaScript yürütme süresini azaltın
• Büyük JS bundle'ları code splitting ile bölecelerin
• React'ta useMemo ve useCallback kullanın
• Gereksiz re-render'ları önleyin

• Long Tasks'ı parçalayın
• 50ms'den uzun JS görevleri INP'yi bozar
• scheduler.postTask() ile uzun görevleri bölecelerin

• Input delay'i minimize edin
• Scroll event listener'ları passive: true ile işaretleyin
• Debounce/throttle kullanın

CLS — Cumulative Layout Shift (Kümülatif Düzen Kayması)

Ne ölçer: Sayfa yüklenirken öğelerin ne kadar hareket ettiği.

Hedefler:

• ✅ İyi: 0,1 altı
• ⚠️ İyileştirme gerekli: 0,1-0,25
• ❌ Kötü: 0,25 üzeri

CLS Optimizasyon Adımları:

• Tüm görsellere boyut atayın

html <img width="1200" height="630" src="..." alt="...">

Ya da CSS'te aspect-ratio: 1200/630 kullanın.

• Web fontları için alan rezerve edin

font-display: optional veya size-adjust kullanın.

• Dinamik içerik için yer tutucular (skeleton) ekleyin

Reklam alanları, widget'lar ve async yüklenen içerikler için sabit boyut belirleyin.

PageSpeed Insights Skorlarını İyileştirme Protokolü

Adım 1: Mevcut skoru ölçün → pagespeed.web.dev → Field Data (gerçek kullanıcı verisi) → Chrome UX Report (CrUX) — 28 günlük gerçek data

Adım 2: En büyük kazanımı bulun → LCP > 4sn → görsel optimizasyonu öncelikli → CLS > 0.25 → boyut atama öncelikli → INP > 500ms → JS optimizasyonu öncelikli

Adım 3: Lighthouse CI'ı build pipeline'a ekleyin → Her deploy öncesi otomatik CWV testi → Hedef altına düşen deploy'ları engelle

Teknik SEO Audit Checklist

Crawlability:

• [ ] robots.txt doğru yapılandırılmış
• [ ] XML sitemap güncel ve submit edilmiş
• [ ] Broken links (404) tespit edilmiş ve düzeltilmiş
• [ ] Redirect zincirleri (3xx → 3xx → 3xx) kaldırılmış

Indexability:

• [ ] Tüm önemli sayfalar canonical etiket içeriyor
• [ ] noindex etiketleri yanlışlıkla kritik sayfalarda yok
• [ ] Hreflang etiketleri çift yönlü ve eksiksiz

Yapısal Veri:

• [ ] Organization schema
• [ ] LocalBusiness schema (NAP bilgileri)
• [ ] BreadcrumbList schema
• [ ] FAQ schema (hizmet sayfaları)
• [ ] Article schema (blog yazıları)

Bu teknik SEO altyapısı, anahtar kelime kümesi stratejisi ile birlikte uygulandığında çok daha güçlü sonuçlar verir.

Sonuç: Teknik SEO Bir Sprint Değil, Sürekli Proses

Core Web Vitals skorları değişir. Yeni özellik eklendikçe, üçüncü taraf scriptler arttıkça skorlar düşebilir. Aylık teknik audit rutini kurmak, rakiplerinizin önünde kalmanın tek garantili yoludur.

İlk adım olarak, sitenizi pagespeed.web.dev'de test edin ve en düşük skora sahip metriği belirleyin. LCP sorunu varsa hero görselini WebP formatına dönüştürüp fetchpriority="high" ekleyin — bu tek değişiklik bile skoru belirgin şekilde iyileştirebilir. CLS sorunu varsa tüm görsellerinize genişlik ve yükseklik atayın. Bu basit düzeltmeler genellikle 1 gün içinde yapılabilir ve etkisi haftalar içinde Google sıralamalarınıza yansır.

Teknik SEO, içerik SEO'sunun temeli ve ön koşuludur. En iyi anahtar kelime stratejisi bile yavaş ve teknik sorunları olan bir sitede beklenen sonucu vermez. Her üç ayda bir tam kapsamlı teknik audit yaparak sitenizin sağlığını koruyun.