Core Web Vitals Nedir? Sayfa Deneyimi ve SEO Etkisi
Google, 2021'den bu yana web sitelerini sıralarken kullanıcı deneyimini ölçen Core Web Vitals metriklerini bir sıralama faktörü olarak kullanıyor. Bu metrikleri iyileştirmek hem SEO hem de kullanıcı memnuniyeti açısından kritik.
Core Web Vitals Nedir?
Core Web Vitals, Google'ın web sayfalarının kullanıcı deneyimini ölçmek için belirlediği üç temel metriktir:
1. LCP (Largest Contentful Paint) — Yükleme Hızı
Sayfadaki en büyük içerik öğesinin (genellikle hero görseli veya ana başlık) görünür hale gelme süresi.
- İyi: 2.5 saniye altında
- İyileştirme gerekiyor: 2.5 - 4 saniye
- Kötü: 4 saniye üzeri
LCP'yi iyileştirmek için:
- Görselleri optimize edin (WebP/AVIF formatı, uygun boyut).
- Sunucu yanıt süresini kısaltın (CDN, caching).
- Render-blocking kaynakları (CSS, JS) optimize edin.
- Kritik kaynakları önceden yükleyin (preload).
- Lazy loading kullanın (above-the-fold hariç).
2. INP (Interaction to Next Paint) — Etkileşim Yanıtı
Kullanıcının sayfayla etkileşiminden (tıklama, dokunma, klavye) sonra tarayıcının görsel geri bildirim vermesine kadar geçen süre. 2024'te FID'in yerini aldı.
- İyi: 200 milisaniye altında
- İyileştirme gerekiyor: 200 - 500 milisaniye
- Kötü: 500 milisaniye üzeri
INP'yi iyileştirmek için:
- Uzun süren JavaScript görevlerini parçalayın.
- Üçüncü parti script'leri optimize edin veya geciktirin.
- Ana thread'i bloklamayan kod yazın.
- Web Worker kullanarak ağır işlemleri arka plana taşıyın.
3. CLS (Cumulative Layout Shift) — Görsel Kararlılık
Sayfa yüklenirken içeriklerin beklenmedik şekilde kayması. Kullanıcı bir butona tıklamak üzereyken sayfanın kayması sinir bozucudur.
- İyi: 0.1 altında
- İyileştirme gerekiyor: 0.1 - 0.25
- Kötü: 0.25 üzeri
CLS'yi iyileştirmek için:
- Görsellere genişlik ve yükseklik (width/height) verin.
- Geç yüklenen içerikler için alan ayırın.
- Dinamik olarak eklenen reklamlar ve banner'lar için sabit alan belirleyin.
- Web fontları yüklenirken layout shift önleyin (font-display: swap).
- Above-the-fold'da lazy loading kullanmayın.
Core Web Vitals Nasıl Ölçülür?
Google PageSpeed Insights
pagespeed.web.dev adresinde URL girerek hem lab (simülasyon) hem de field (gerçek kullanıcı) verilerini görebilirsiniz.
Google Search Console
Core Web Vitals raporu, sitenizin tüm sayfalarının gerçek kullanıcı performans verilerini toplu olarak gösterir.
Lighthouse (Chrome DevTools)
Chrome tarayıcısında DevTools > Lighthouse sekmesinden performans denetimi yapabilirsiniz.
Web Vitals Extension
Chrome eklentisi ile herhangi bir sayfanın Core Web Vitals değerlerini anlık görebilirsiniz.
Core Web Vitals ve SEO İlişkisi
Google, aynı içerik kalitesine sahip iki sayfa arasında sıralama yaparken sayfa deneyimi metriklerini kullanır. Core Web Vitals:
- Doğrudan sıralama faktörüdür.
- Hemen çıkma oranını etkiler (yavaş site = yüksek bounce rate).
- Dönüşüm oranını doğrudan etkiler.
- Mobil aramada özellikle önemlidir.
Yaygın Performans Sorunları ve Çözümleri
| Sorun | Etkilediği Metrik | Çözüm | |-------|-------------------|-------| | Büyük görseller | LCP | WebP/AVIF, uygun boyut | | Render-blocking CSS/JS | LCP | Critical CSS, async/defer | | Yavaş sunucu | LCP | CDN, caching, edge computing | | Boyutsuz görseller | CLS | width/height attribute | | Geç yüklenen fontlar | CLS | font-display: swap, preload | | Ağır JavaScript | INP | Code splitting, tree shaking | | 3. parti script'ler | INP, LCP | Lazy loading, defer |
Sonuç
Core Web Vitals, hem Google sıralamaları hem de kullanıcı deneyimi için kritik metriklerdir. Bu metrikleri düzenli izlemek ve optimize etmek, web sitenizin başarısını doğrudan etkiler.
Web sitenizin performans optimizasyonu için bize ulaşın.