Core Web Vitals Nedir? Google Sıralamalarını Nasıl Etkiler?

Eski SEO günlerini hatırla; sitene tonlarca anahtar kelime yığardın, sağdan soldan birkaç backlink satın alırdın ve bir şekilde Google’da ilk sayfaya kapak atardın. Sonra ne mi oldu? Google uyandı. Kullanıcıların kaplumbağa hızında açılan, her yerinden reklam fırlayan ve tam bir butona basacakken her şeyi aşağı kayan berbat sitelerden nefret ettiğini fark etti. İşte bu yüzden karşımıza Core Web Vitals (Önemli Web Verileri) isimli o katı kurallar silsilesini çıkardı.

Core Web Vitals, en basit tanımıyla Google’ın bir web sitesindeki kullanıcı deneyimini (UX) ölçmek için kullandığı gerçek insan verilerine dayalı hız ve kararlılık metrikleridir. Yani Google artık sitene sadece kod veya metin olarak bakmıyor; sitene giren gerçek bir insanın ne kadar beklediğini, siteyle ne kadar sürede etkileşime girdiğini ve gezinirken sinir krizi geçirip geçirmediğini ölçüyor.

Eğer bu metriklerin kırmızı bölgedeyse, dünyanın en kaliteli içeriğini de yazsan, Google arama sonuçlarında seni yavaş yavaş alt sıralara kaydıracaktır. Şimdi bu sinsi metriklerin anatomisini çıkaralım ve siteni Google’ın gözünde kusursuz hale getirelim.

1. LCP (Largest Contentful Paint) – En Büyük İçeriksel Boyama

LCP, sitenin açılış hızını ölçen ana metriktir. Ama burada kastedilen şey sitenin “tamamen” yüklenmesi değil. Kullanıcı sayfaya tıkladığında, ekranın üst kısmında (above the fold) kalan en büyük görselin, arka plan resminin veya devasa bir metin bloğunun görünür hale gelmesi ne kadar sürüyor? Google tam olarak buraya kronometre tutuyor.

• İdeal Süre: 2.5 saniye veya daha kısa.
• 4.0 saniyenin üzeri: Kırmızı alarm, siteyi acilen hızlandırmalısın.

LCP’yi Yukarı Çeken (Kötüleştiren) Sebepler ve Çözümleri

Eğer LCP değerin kötüyse, bunun en büyük suçlusu sunucu tepki sürendir (TTFB). Sunucun ilk veriyi geç gönderiyorsa, sonraki süreçler çorba olur.

• Çözüm: Görsellerini WebP veya AVIF formatına çevir. Ana sayfadaki en büyük öne çıkan görseli (Featured Image) kesinlikle Lazy Load (geç yükleme) yapma! Tam tersi, tarayıcıya o görseli ilk önce indirmesini söyleyen fetchpriority="high" niteliğini ekle.

2. INP (Interaction to Next Paint) – Sonraki Boyamayla Etkileşim

Burada çok önemli bir 2026 güncellemesi var. Eskiden bu metriğin adı FID (First Input Delay) idi ve sadece kullanıcının siteye yaptığı “ilk” tıklamanın hızına bakardı. Google, bunun yetersiz olduğunu fark etti ve FID’yi tamamen emekli edip yerine INP metriğini getirdi.

INP, kullanıcının sitede kaldığı süre boyunca yaptığı tüm tıklamaları, buton basışlarını ve etkileşimleri izler. Bir menüye tıkladığında o menünün açılması ne kadar sürüyor? Ya da bir formu onayladığında siten ne kadar süre kilitleniyor? INP işte bu gecikmelerin en kötüsünü raporlar.

• İdeal Süre: 200 milisaniye (ms) veya daha kısa.
• 500 ms üzeri: Berbat bir kullanıcı deneyimi.

INP Nasıl Optimize Edilir?

INP’nin baş düşmanı şişirilmiş, ağır JavaScript kodlarıdır. Tarayıcı arkada devasa bir JavaScript dosyasını satır satır okuyup çalıştırmaya çalışırken (Main Thread Blocking), kullanıcı bir butona basarsa tarayıcı o butona cevap veremez ve donar.

• Çözüm: Gereksiz eklentileri kaldır. JavaScript kodlarını ertele (Defer veya Async kullan). CSS ve JS dosyalarını küçülterek sunucunun yükünü hafiflet.

3. CLS (Cumulative Layout Shift) – Kümülatif Düzen Kayması

Hiç başına geldi mi? Bir haber sitesine girersin, tam bir linke tıklayacakken hop, yukarıdan bir reklam fırlar ve tüm sayfa aşağı kayar. Sen de yanlışlıkla bir reklama tıklamış olursun. İşte bu sinir bozucu durumun teknik adı CLS, yani sayfanın görsel kararsızlığıdır.

[Image demonstrating CLS shift where an unexpected ad banner pushes content down making user misclick]

Google, sayfa yüklenirken elementlerin yer değiştirmesinden nefret eder. Çünkü bu durum doğrudan kullanıcıyı aldatmaya veya deneyimi baltalamaya yöneliktir.

• İdeal Skor: 0.1 veya daha düşük (Sıfıra ne kadar yakınsa o kadar kararlı).
• 0.25 üzeri: Google’dan ceza yeme sebebi.

CLS Kayma Sorunu Nasıl Çözülür?

CLS hatalarının %90’ı, kodlama esnasında görsellere veya reklam alanlarına sabit genişlik ve yükseklik değerleri verilmemesinden kaynaklanır. Tarayıcı resmi indirirken boyutunu bilmediği için orayı sıfır piksel kabul eder. Resim tamamen inince aniden ekranda yer açar ve altındaki her şeyi aşağı iter.

• Çözüm: Sitedeki tüm <img> etiketlerine istisnasız width ve height niteliklerini elinle ekle. Reklam alanları (Google AdSense vb.) için CSS ile önceden sabit bir minimum yükseklik (min-height) alanı rezerve et ki reklam sonradan gelse bile altındaki içerikleri yerinden oynatmasın.

Core Web Vitals Değerleri Nereden Ölçülür?

Sitenin durumunu görmek için iki temel kaynağın var:

1. Google PageSpeed Insights: Sitenin adresini yazarak anlık bir laboratuvar testi (Lab Data) alabilirsin. Ama asıl önemli olan alt kısımda görünen “Chrome Kullanıcı Deneyimi Raporu” (CrUX) verileridir. Yani gerçek kullanıcıların son 28 gündeki ortalama deneyimidir.
2. Google Search Console: Sol menüdeki “Önemli Web Verileri” sekmesine tıkla. Google sana hangi sayfalarının LCP veya CLS yüzünden uyarı aldığını liste halinde sunacaktır. Buradaki tüm “Kırmızı” sayfaları “Yeşil”e döndürmek bir numaralı SEO görevin olmalı.

💡 Teknik İpucu (Expert Box)

Bunu biliyor muydunuz? Google PageSpeed skorlarında 100/100 almak harika hissettirse de sıralama için tek başına bir kural değildir. Google sıralama algoritmasında laboratuvar skorlarına değil, Search Console’daki gerçek kullanıcı verilerine (Field Data) bakar. Siten çok hızlı bir sunucudadır ama sitene giren kullanıcıların büyük çoğunluğu kırsal bölgede 3G internet kullanıyorsa, senin “Önemli Web Verileri” raporun kırmızıya dönebilir. Bu yüzden optimizasyon yaparken masaüstü fiber internet kullanıcılarına göre değil, dünyanın en kötü mobil internet hızına sahip kullanıcıyı baz alarak hareket etmelisin.

Sonuç: Kullanıcıyı Mutlu Et, Sıralamayı Kap

Core Web Vitals gözünü korkutmasın. Google aslında bize çok net bir mesaj veriyor: “Ziyaretçiye saygı duy, ona hızlı, tepki veren ve kararlı bir site sun, ben de seni ödüllendireyim.” Altyapını sağlam bir sunucuya taşıyıp, görselleri ve kodları dize getirdiğinde sadece metrikleri düzeltmiş olmayacaksın; aynı zamanda sitenin dönüşüm oranlarını (conversion rate) ve hemen çıkma oranını (bounce rate) muazzam derecede iyileştireceksin.

Senin Search Console raporunda şu an en çok canını sıkan metrik hangisi? LCP süreni düşüremiyor musun yoksa sinsi bir CLS kaymasıyla mı savaşıyorsun? Yorumlara yaz, sitenin adresini ve kod yapısını birlikte inceleyip o skorları yeşile boyayalım!