Bir web sitesi hızlı “hissediliyor” olabilir ama gerçek kullanıcı verilerinde yavaş yükleniyor, tıklamalara geç cevap veriyor veya içerik yüklenirken ekranı zıplatıyor olabilir. Core Web Vitals bu üç temel kullanıcı deneyimi problemini ölçmeye yardımcı olur.
Google’ın güncel sayfa deneyimi dokümantasyonunda Core Web Vitals’ın arama sistemlerinde kullanılan sinyallerden biri olduğu, ancak tek başına yüksek sıralama garantisi vermediği açıkça belirtilir. Bu yüzden amaç yalnızca skor kovalamak değil, gerçek kullanıcı deneyimini iyileştirmektir.
Core Web Vitals hangi metriklerden oluşur?
- LCP (Largest Contentful Paint): Ana içeriğin en büyük görünür parçasının ne kadar hızlı yüklendiğini ölçer.
- INP (Interaction to Next Paint): Kullanıcının tıklama, dokunma veya klavye etkileşimine sayfanın ne kadar hızlı görsel yanıt verdiğini ölçer.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken beklenmedik düzen kaymalarının ne kadar olduğunu ölçer.
Laboratuvar verisi ile gerçek kullanıcı verisi aynı şey değildir
Lighthouse veya PageSpeed Insights’ın laboratuvar testi tek bir cihaz/ağ senaryosunu simüle eder. Search Console Core Web Vitals raporu ise uygun veri bulunduğunda Chrome kullanıcı deneyimi verilerini kullanır. Bu nedenle “benim bilgisayarımda hızlı” veya “Lighthouse 100” tek başına yeterli değildir.
LCP neden kötü olur?
LCP problemi çoğunlukla ana görsel, hero alanı, büyük başlık bloğu veya sunucu yanıt süresiyle ilişkilidir.
LCP için kontrol listesi
- Ana görsel gereğinden büyük dosya mı?
- Görsel modern format ve doğru ölçüde mi?
- Hero görseli lazy-load nedeniyle geç mi başlıyor?
- Kritik CSS çok büyük mü?
- Web fontu metni geciktiriyor mu?
- Sunucu ilk HTML yanıtını geç mi gönderiyor?
- Önbellek ve CDN doğru çalışıyor mu?
Üst ekrandaki ana görsel genellikle lazy-load edilmemelidir; tarayıcının bu kaynağı erkenden keşfedebilmesi gerekir. Ancak her site farklı olduğundan değişikliği ölçerek doğrulayın.
INP neden kötü olur?
INP sorunu çoğu zaman ana iş parçacığını uzun süre meşgul eden JavaScript, ağır üçüncü taraf etiketleri veya tek etkileşimde çok fazla iş yapılmasından kaynaklanır.
INP iyileştirme adımları
- Kullanılmayan JavaScript’i kaldırın.
- Büyük görevleri daha küçük parçalara bölün.
- Gereksiz üçüncü taraf scriptleri azaltın.
- Tıklama anında ağır hesap yapmak yerine işi erteleyin.
- DOM yapısını aşırı büyütmeyin.
- Form ve menü etkileşimlerini gerçek mobil cihazda test edin.
Özellikle reklam, canlı destek, ısı haritası ve farklı analitik scriptleri birlikte kullanıldığında etkileşim maliyeti hızla artabilir. Her etiketi “gerekli mi?” sorusuyla değerlendirin.
CLS neden kötü olur?
Sayfa açılırken kullanıcının okumak veya tıklamak istediği içerik aşağı kayıyorsa CLS problemi oluşabilir.
CLS için en sık düzeltmeler
- Görsel ve iframe’lere genişlik/yükseklik veya aspect-ratio ayırın.
- Reklam alanına yüklenmeden önce yer ayırın.
- Üstten sonradan eklenen banner ve bildirimlerden kaçının.
- Web fontu değişimlerinin metin boyutunu aşırı oynatmasını önleyin.
- Dinamik bileşenleri mevcut içeriğin üzerine bindirmek yerine ayrılmış alana yerleştirin.
WordPress sitelerde nereden başlanmalı?
- Ana sayfa, kategori ve uzun içerikten temsilî URL’ler seçin.
- PageSpeed Insights ile mobil testi çalıştırın.
- LCP öğesini tespit edin.
- En ağır JS ve CSS kaynaklarını inceleyin.
- Eklenti sayısından çok yüklenen gerçek dosyalara bakın.
- Önbellek/CDN değişikliği yaptıktan sonra görsel bozulmaları kontrol edin.
- Search Console verisinin güncellenmesi için zaman tanıyın.
Core Web Vitals ile SEO ilişkisi nasıl okunmalı?
İki sayfadan biri daha faydalı ve alakalıysa yalnız birkaç puanlık performans farkı diğer sayfayı otomatik olarak öne çıkarmaz. Google da iyi Core Web Vitals sonuçlarının tek başına üst sıralama garantisi olmadığını vurgular. İçerik kalitesi, arama niyeti, bağlantılar ve genel sayfa deneyimi birlikte düşünülmelidir.
Teknik SEO’nun diğer katmanlarını kontrol etmek için Dataweb’in Teknik SEO Kontrol Listesi rehberini kullanabilirsiniz.
Değişiklik sonrası nasıl ölçüm yapılmalı?
Bir günde beş optimizasyon yaparsanız hangisinin etkili olduğunu anlamak zorlaşır. Önce en büyük darboğazı düzeltin, laboratuvar testini tekrarlayın, ardından gerçek kullanıcı verisinin yenilenmesini bekleyin. Özellikle CDN, cache ve JavaScript erteleme ayarlarında görsel veya işlevsel regresyon testi yapın.