İçindekiler
Google, 2021'den itibaren sıralama kararlarına yeni bir değişken kattı: artık içerik tek başına yetmiyor, sayfanın kullanıcıya nasıl hissettirdiği de hesaba katılıyor. Bu değişimin tam ortasında Core Web Vitals duruyor; üç harf üç metrik anlamına geliyor: LCP, INP ve CLS. E-ticaret tarafında bunlar geliştiriciye bırakılan teknik detaylardan ibaret değil; doğrudan dönüşüm oranını, hemen çıkma oranını ve organik sıralamayı oynayan kaldıraçlara dönüşüyor.
Bu yazıda her bir Core Web Vitals metriğini, hangi eşik değerin iyi hangisinin kötü sayıldığını, özellikle e-ticaret sitelerinde tekrar tekrar karşılaşılan tipik sorunları ve adım adım nasıl iyileştirebileceğinizi tek tek ele alacağız. Daha önce e-ticaret site hızı rehberini veya e-ticaret SEO rehberini okuduysanız bu metni onların performansa odaklanan ek katmanı olarak düşünebilirsiniz.
Rakamlarla Kısa Bir Bakış
Hız 3 saniyeye uzayınca kullanıcı kaçıyor: Yüklenme süresi 1 saniyeden 3 saniyeye çıktığı anda hemen çıkma oranı yüzde 32 fırlıyor (Google, 2023).
Her saniye dönüşümden çalıyor: Sayfa hızındaki yalnızca 1 saniyelik bir gecikme bile e-ticaret dönüşüm oranını ortalama yüzde 7 aşağı çekiyor (Deloitte, 2023).
Mobil öncelik: Google, 2023'ten itibaren tüm siteler için mobile-first indexing uyguluyor; mobil CWV skoru masaüstünden daha kritik.
Yüzde 40 terk oranı: Yüklenme süresi 3 saniyeyi geçen mobil sayfaları ziyaretçilerin yüzde 40'ı terk ediyor (Google/SOASTA araştırması).
Neden Önemli? Google Sıralama ve İş Etkisi
Core Web Vitals, Google'ın Page Experience sinyal grubunun temel bileşeni. 2021 güncellemesiyle birlikte bu metrikler resmi bir sıralama faktörü haline geldi. Ancak etkisi doğrudan değil, eşik bazlı çalışır: içerik kalitesi eşit olan iki sayfadan iyi CWV skoruna sahip olan daha üst sırada yer alır.
Rekabetçi anahtar kelimelerde bu eşik değeri kritik hale gelir. Rakipleriniz benzer içeriğe sahipken siz CWV skorlarınızı iyileştirerek organik sıralamada avantaj elde edebilirsiniz. Ayrıca düşük CWV skorları doğrudan iş metriklerini de etkiler.
SEO Etkisi
- ✓Page Experience sinyalinin temel bileşeni
- ✓Rekabetçi anahtar kelimelerde sıralama avantajı
- ✓Google Search Console'da 'İyi/Zayıf' URL raporu
- ✓Mobile-first indexing: mobil CWV öncelikli
Dönüşüm Etkisi
- ✓Yükleme gecikmesi = sepet terk oranı artışı
- ✓Yavaş filtre/arama = kullanıcı kaybı
- ✓CLS: istem dışı tıklamalar, düşen dönüşüm
- ✓Mobil checkout hızı doğrudan satış etkisi
Kullanıcı Deneyimi
- ✓Hızlı yükleme: ilk izlenimi belirler
- ✓Stabil layout: güven ve profesyonellik
- ✓Hızlı etkileşim: filtre, sepet, arama
- ✓Düşük hemen çıkma oranı
Reklam Verimliliği
- ✓Yavaş açılış sayfası = düşük Google Ads Kalite Skoru
- ✓Yüksek CPC, düşük reklam sıralaması
- ✓Meta Ads'de dönüşüm başı maliyet artışı
- ✓Landing page deneyimi tüm reklamları etkiler
LCP: Largest Contentful Paint (Yükleme Performansı)
LCP, sayfada görünür alandaki (viewport) en büyük içerik öğesinin yüklenme süresini ölçer. Bu öğe çoğunlukla bir görsel, video kapak görseli veya büyük bir metin bloğu olur. E-ticaret sitelerinde LCP genellikle hero banner veya kategori/ürün listeleme sayfasındaki ilk ürün görseli.
| Kategori | Süre | Durum |
|---|---|---|
| İyi | 2,5 saniye veya altı | Hedef |
| İyileştirme Gerekli | 2,5 – 4,0 saniye | Kabul edilebilir sınır |
| Zayıf | 4,0 saniyenin üzeri | Acil müdahale gerekli |
E-Ticaret LCP Sorunları ve Çözümleri
Sorun: Ağır hero görsel (PNG/JPEG, 500KB+)
Çözüm: WebP/AVIF formatına geçin, sıkıştırın, max. 150KB hedefleyin. Görsel boyutunu ekran genişliğiyle eşleştirin.
Sorun: Hero görsel preload edilmemiş
Çözüm: <link rel='preload' as='image'> ile hero görseli önceden yükleyin. LCP'yi en hızlı etkileyen tek optimizasyon.
Sorun: Yüksek TTFB (sunucu yavaş)
Çözüm: CDN kullanın, sunucu yanıt süresini 600ms altına çekin. Statik sayfalar için edge caching devreye alın.
Sorun: Render-blocking CSS/JS
Çözüm: Kritik olmayan CSS'i async/defer ile yükleyin. Above-the-fold için critical CSS inline ekleyin. JS bundle boyutunu küçültün.
Sorun: LCP görseli CSS background-image ile tanımlı
Çözüm: <img> etiketiyle tanımlayın; tarayıcı background-image'ı preload edemez, yüklenme gecikmesi artar.
CDN kullanımı LCP için özellikle etkili. Statik varlıklar (görseller, CSS, JS) kullanıcıya coğrafi olarak en yakın sunucudan sunulduğunda TTFB ve LCP belirgin ölçüde düşer. Daha fazla bilgi için CDN nedir rehberimize ve CDN ve SEO ilişkisi yazımıza bakabilirsiniz.
INP: Interaction to Next Paint (Etkileşim Tepki Süresi)
INP, Mart 2024'te FID'in (First Input Delay) yerini alarak üçüncü resmi Core Web Vitals metriği oldu. FID yalnızca sayfadaki ilk etkileşimi ölçerken INP, kullanıcının oturum boyunca gerçekleştirdiği tüm etkileşimlerin (tıklama, dokunma, klavye girişi) tepki sürelerini izler ve en kötü olanı baz alır.
| Kategori | Süre | Durum |
|---|---|---|
| İyi | 200 ms veya altı | Hedef |
| İyileştirme Gerekli | 200 – 500 ms | Kabul edilebilir sınır |
| Zayıf | 500 ms üzeri | Acil müdahale gerekli |
E-Ticaret INP Sorunları ve Çözümleri
Sorun: Ağır filtreleme bileşeni
Çözüm: Filtre tıklamasında çalışan JavaScript'i optimize edin. Senkron DOM güncellemeleri yerine requestAnimationFrame veya React transitions kullanın.
Sorun: Sepete ekle butonu gecikmesi
Çözüm: Sepet güncellemesi sırasında uzun task'ları parçalara bölün. Kullanıcıya anında görsel feedback (loading state) verin, işlemi arka planda sürdürün.
Sorun: Long Tasks (50ms üzeri JS)
Çözüm: Chrome DevTools > Performance panelinde Long Tasks tespit edin. İşleri setTimeout veya scheduler.postTask ile daha küçük parçalara bölün.
Sorun: Third-party script blokajı
Çözüm: Chat widget, analitik, reklam scriptlerini async/defer ile yükleyin. Kritik olmayan üçüncü taraf scriptleri için facade pattern kullanın.
Sorun: Arama/autocomplete gecikmesi
Çözüm: Her tuş vuruşunda API çağrısı yerine debounce (300ms+) kullanın. Sonuçları önbelleğe alın, aynı sorgu için tekrar API çağrısı yapmayın.
CLS: Cumulative Layout Shift (Görsel Kararlılık)
CLS, sayfa yüklenirken görsel öğelerin beklenmedik şekilde kayma miktarını ölçer. Bir kullanıcı "Sepete Ekle" butonuna tıklarken butona yukarı doğru kayarsa ve yanlışlıkla başka bir öğeye tıklarsa, bu hem kötü bir deneyim hem de yüksek CLS skoru anlamına gelir.
| Kategori | Skor | Durum |
|---|---|---|
| İyi | 0,1 veya altı | Hedef |
| İyileştirme Gerekli | 0,1 – 0,25 | Kabul edilebilir sınır |
| Zayıf | 0,25 üzeri | Acil müdahale gerekli |
E-Ticaret CLS Kaynakları ve Çözümleri
Sorun: Boyutsuz görseller
Çözüm: Tüm <img> etiketlerine width ve height attribute ekleyin. CSS aspect-ratio kullanarak görsel alanını önceden ayırın. Görselsiz yüklenen ürün kartları en yaygın CLS kaynağı.
Sorun: Geç yüklenen reklamlar ve iframeler
Çözüm: Reklam alanları için CSS ile sabit yükseklik belirleyin (min-height). Reklam yüklenmese bile alan boş kalmalı, içeriği kaydırmamalı.
Sorun: Google Fonts FOUT sorunu
Çözüm: font-display: swap kullanın. Kritik fontları <link rel='preload'> ile önceden yükleyin. Sistem fontu ile web fontu arasındaki boyut farkını size-adjust ile azaltın.
Sorun: Dinamik banner ve bildirimler
Çözüm: Üst veya alt çubuğa sonradan eklenen bildirimler (çerez onayı, kampanya) içeriği kaydırır. Bu alanları sayfa yüklenmeden önce CSS ile rezerve edin.
Sorun: Lazy load carousel/slider
Çözüm: Carousel öğelerinin boyutlarını önceden belirtin. İlk görsel yüklenip diğerleri geç geldiğinde container boyutu değişmemeli.
Core Web Vitals skorlarınızı iyileştirelim
Teknik SEO analizi, sayfa hızı optimizasyonu ve performans danışmanlığı. Foxs Digital ekibi.
E-Ticaret DanışmanlığıDiğer Web Vitals: FCP ve TTFB
LCP, INP ve CLS resmi Core Web Vitals metrikler olsa da Google'ın web.dev dokümanları iki ek metriği de "Diğer Web Vitals" olarak tanımlıyor: FCP ve TTFB. Bunlar doğrudan sıralama faktörü değil; ancak LCP ve INP sorunlarının kök nedenini bulmak için kritik.
FCP: First Contentful Paint
İyi: 1,8 saniye veya altıSayfanın herhangi bir içerik öğesinin (metin, görsel, SVG) tarayıcıda ilk render edilme süresi. LCP'den önce gerçekleşir; kullanıcının 'sayfa yükleniyor' algısını belirler. Yüksek FCP çoğunlukla render-blocking kaynaklardan veya yavaş sunucudan kaynaklanır.
Etkisi: Kullanıcı algısı, LCP habercisi
TTFB: Time to First Byte
İyi: 800 ms veya altıTarayıcının sunucuya istek göndermesinden ilk byte'ı almasına kadar geçen süre. Sunucu yanıt hızını, hosting kalitesini ve CDN etkinliğini doğrudan yansıtır. Yüksek TTFB, hem FCP hem LCP'yi olumsuz etkiler. CDN kullanımı TTFB'yi en etkili şekilde düşürür.
Etkisi: LCP ve FCP'nin kök nedeni
Core Web Vitals Ölçüm Araçları
CWV ölçümünde iki farklı veri türü var: lab verisi (kontrollü ortamda anlık ölçüm) ve saha verisi (gerçek kullanıcıların son 28 günlük ölçümleri). Google sıralamada saha verisini baz alır; lab verisi sorun tespiti ve geliştirme sürecinde kullanılır.
PageSpeed Insights
Lab + Saha Verisipagespeed.web.dev
Tek URL analizi için en hızlı araç. Hem Lighthouse lab skoru hem de gerçek kullanıcı verisi (CrUX) gösterir. Her URL için hangi metriğin sorunlu olduğunu, neden kaynaklandığını ve nasıl düzeltileceğini listeler. E-ticaret için: ana sayfa, kategori sayfası ve ürün sayfasını ayrı ayrı test edin.
Önerilir: İlk analiz ve hızlı kontrol
Google Search Console
Saha Verisi (Site Geneli)search.google.com/search-console
Sayfa Deneyimi raporu ve Core Web Vitals raporu, tüm site URL'lerinizin CWV durumunu gösterir. 'İyi/İyileştirme Gerekli/Zayıf' kategorisindeki URL'leri listeler. Sorunlu URL gruplarını tespit etmek ve önceliklendirmek için kullanın.
Önerilir: Site geneli durum takibi
Chrome DevTools > Lighthouse
Lab VerisiTarayıcı > F12 > Lighthouse
Geliştirme sürecinde lokal veya staging ortamında anlık test imkanı. Hangi kaynağın LCP'yi geciktirdiğini, hangi JavaScript görevinin INP'yi artırdığını, hangi öğenin CLS'ye katkıda bulunduğunu gösterir. Değişikliklerden önce ve sonra karşılaştırma yapmak için idealdir.
Önerilir: Geliştirme ve optimizasyon aşaması
CrUX (Chrome User Experience Report)
Saha Verisidevelopers.google.com/web/tools/chrome-user-experience-report
Chrome tarayıcı kullanıcılarının gerçek performans verisi. Son 28 günün ortalamasını yansıtır; anlık değişimler 28 gün içinde yavaş yavaş etkili olur. BigQuery üzerinden sorgulanabilir. PageSpeed Insights'taki 'Gerçek Alan Verisi' CrUX kaynaklı.
Önerilir: Gerçek kullanıcı deneyimi analizi
E-Ticaret Platformlarına Göre Optimizasyon
Kullandığınız e-ticaret altyapısı, hangi CWV optimizasyonlarını yapabileceğinizi doğrudan etkiler. Bazı platformlar tam kontrol sunarken bazıları sınırlı özelleştirmeye izin verir.
| Platform | LCP | INP | CLS | Kontrol Seviyesi |
|---|---|---|---|---|
| Next.js / Headless | Tam kontrol | Tam kontrol | Tam kontrol | Maksimum |
| Shopify | Tema + CDN | App JS kısıtlı | Tema bağımlı | Orta-Yüksek |
| T-Soft / İdeaSoft | Görsel opt. mümkün | Kısıtlı | Tema bağımlı | Orta |
| WooCommerce | Plugin + hosting | JS optimizasyon | Plugin bağımlı | Yüksek |
| İkas | CDN dahil | Kısıtlı | Tema bağımlı | Orta |
Platform Bağımsız Hızlı Kazanımlar
Görsel optimizasyonu: Tüm ürün görsellerini WebP formatına dönüştürün ve sıkıştırın. En yüksek etkiyi en kısa sürede verir.
CDN aktifleştirme: Birçok platform dahili CDN sunuyor; aktif değilse harici CDN entegrasyonu TTFB ve LCP'yi anında düşürür.
Görsel boyutlandırma: Tüm ürün kartı görsellerine width/height attribute eklemek CLS'yi hızla iyileştirir.
Third-party script audit: Sayfada kaç third-party script çalıştığını kontrol edin; gereksiz olanları kaldırmak hem LCP hem INP'yi etkiler.
Mobil optimizasyon CWV skorlarını etkileyen kritik bir faktör. Mobil e-ticaret deneyimini bütünsel ele almak için mobil e-ticaret optimizasyonu rehberimizi inceleyebilirsiniz.
Core Web Vitals ve SEO İlişkisi
Google'ın Page Experience sinyali CWV'yi içeriyor; ancak bu tek sıralama faktörü değil. Google açık bir şekilde içerik kalitesinin birincil faktör olmaya devam ettiğini belirtiyor. CWV'nin sıralama üzerindeki etkisini doğru çerçevede değerlendirmek gerekiyor.
İçerik kalitesi > CWV skoru
Zayıf CWV skoru, mükemmel içeriğin sıralamasını düşürmez. Ancak benzer içerik kalitesindeki sayfalar arasında CWV iyi olan üste çıkar. Önce içerik, sonra performans.
Mobil CWV masaüstünden önce
Google mobile-first indexing uyguluyor. Mobil CWV skorunuz masaüstünden düşükse Google mobil skoru baz alır. Mobil ve masaüstü CWV skorlarını ayrı ayrı takip edin.
Crawl bütçesi ve sayfa hızı
Yavaş sayfalar Googlebot'un crawl bütçesini tüketir. Hızlı siteler daha sık ve derin taranır; yeni içerik daha hızlı indexe girer. Büyük e-ticaret siteleri için crawl bütçesi kritik.
Google Ads Kalite Skoru etkisi
Açılış sayfası deneyimi Google Ads Kalite Skoru'nun bir bileşeni. Yavaş ve kötü UX'e sahip açılış sayfaları CPC'yi artırır, reklam sıralamasını düşürür. CWV SEO'yu ve reklam verimliliğini birlikte etkiler.
Sıralama değişimini izleme
CWV iyileştirmeleri sıralamaya anında yansımaz; CrUX verisi 28 günlük ortalama. Değişiklik sonrası en az 28-35 gün beklemek gerekir. Search Console'daki Sayfa Deneyimi raporunu haftalık takip edin.
SEO'nun teknik performans boyutu dışındaki stratejilerini öğrenmek için e-ticaret SEO rehberimizi ve e-ticaret site hızı optimizasyonu için site hızı rehberimizi inceleyebilirsiniz.
Sıkça Sorulan Sorular
Core Web Vitals nedir?+
Core Web Vitals Google sıralamasını nasıl etkiler?+
LCP nedir ve nasıl iyileştirilir?+
INP nedir? FID'den farkı nedir?+
CLS nedir ve nasıl düzeltilir?+
Core Web Vitals nasıl ölçülür?+
E-ticaret siteleri için Core Web Vitals hedefleri nedir?+
Core Web Vitals skoru düşükse ne yapmalıyım?+
İlgili Yazılar
Core Web Vitals skorlarınızı birlikte iyileştirelim
Teknik SEO analizi, sayfa hızı optimizasyonu, CWV iyileştirme ve aylık performans raporu. Foxs Digital ekibi.