Core Web Vitals Nedir? Site Hızı SEO’yu Nasıl Etkiler?
Google, sıralama yaparken sitenizin yalnızca içeriğine değil kullanıcıya yaşattığı deneyime de bakar. Bu deneyimi ölçen standardın adı Core Web Vitals. Bu yazıda LCP, CLS ve INP metriklerini ve site hızının SEO'ya etkisini açıklıyoruz.
Core Web Vitals nedir?
Core Web Vitals; Google'ın bir web sayfasının gerçek kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir: LCP (yüklenme hızı), CLS (görsel kararlılık) ve INP (etkileşim tepkisi). Bu metrikler Google'ın sıralama sinyalleri arasında yer alır.
Üç metrik ne anlama gelir?
LCP — Largest Contentful Paint
Sayfadaki en büyük içerik öğesinin (genellikle ana görsel veya başlık) ekranda görünme süresidir. İyi bir deneyim için 2,5 saniyenin altında olmalıdır. Büyük görseller, yavaş sunucular ve render-blocking kaynaklar LCP'yi kötüleştirir.
CLS — Cumulative Layout Shift
Sayfa yüklenirken öğelerin beklenmedik şekilde kayma miktarını ölçer. Tam butona basacakken içeriğin kayması tipik bir CLS sorunudur. Görsellere width/height verilmemesi ve sonradan yüklenen reklam/banner alanları başlıca nedenlerdir. Hedef 0,1'in altıdır.
INP — Interaction to Next Paint
Kullanıcının tıklama, dokunma veya tuş basımına sayfanın ne kadar hızlı tepki verdiğini ölçer. Ağır JavaScript, ana iş parçacığını bloke ederek INP'yi kötüleştirir. Hedef 200 milisaniyenin altıdır.
Web sitesi hızı SEO'yu nasıl etkiler?
Etki iki katmanlıdır. Doğrudan etki: Core Web Vitals, Google'ın sıralama sinyallerindendir; benzer kalitedeki iki içerikten hızlı olan öne geçer. Dolaylı etki: Yavaş siteyi kullanıcı terk eder. Yüksek hemen çıkma oranı ve düşük etkileşim, Google'a "bu sonuç tatmin etmedi" sinyali verir; sıralama zamanla düşer. Ayrıca yavaş siteler daha az taranır, yeni içerikler geç indekslenir.
Site hızı nasıl iyileştirilir?
- Görselleri WebP/AVIF formatında ve doğru boyutta sunmak, ekran dışındakileri lazy load etmek.
- Gereksiz JavaScript ve CSS'i kaldırmak; script'leri defer ile yüklemek.
- Font sayısını azaltmak veya sistem fontları kullanmak.
- Görsellere width/height tanımlayarak CLS'i engellemek.
- Animasyonlarda layout tetikleyen özellikler yerine transform/opacity kullanmak.
- Hızlı sunucu, HTTP/2+ ve önbellekleme kullanmak.
Bu optimizasyonların çoğu sonradan eklemek yerine baştan doğru kurulduğunda kolaydır; bu yüzden performansı web tasarım aşamasının parçası olarak ele alıyoruz. Mevcut sitenizin Core Web Vitals durumunu SEO hizmetimiz kapsamındaki teknik denetimle raporluyoruz.