Okumaya başladığınız metnin bir anda aşağı kayması ya da tıklamak üzere olduğunuz düğmenin yerine reklam gelmesi düzen kaymasıdır. CLS, bu kaymaların ne kadar büyük alanı ne kadar uzağa taşıdığını hesaplar ve en kötü kayma penceresini raporlar.
Kullanıcının kendi etkileşiminden hemen sonra (yaklaşık yarım saniye içinde) gerçekleşen kaymalar beklenen kabul edilir ve hesaba katılmaz. Sorun, kullanıcının bir şey yapmadığı halde içeriğin oynamasıdır.
Tipik sebepler: genişlik ve yüksekliği belirtilmemiş görseller ve iframe'ler, sonradan yüklenen reklam ve çerez bantları, web yazı tipinin yüklenince metnin boyutunu değiştirmesi, içerik üstüne dinamik olarak eklenen öğeler. Çözüm, bu öğeler için önceden yer ayırmaktır.
Sitenizde nasıl kontrol edilir?
- PageSpeed Insights'ta CLS değerine ve düzen kaymasına yol açan öğelere bakın.
- Chrome geliştirici araçlarında Rendering sekmesinden “Layout Shift Regions” seçeneğini açarak kaymaları görün.
- Görsel ve iframe etiketlerinde width ve height öznitelikleri olduğundan emin olun.
Ayrıntı ve uygulama: Düzen kayması nedenleri
İlgili terimler
- Core Web VitalsCore Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç metriktir: yükleme hızı için LCP, etkileşime yanıt için INP ve görsel kararlılık için CLS.
- LCPLCP (Largest Contentful Paint), sayfa açılırken görünür alandaki en büyük görsel veya metin bloğunun ekrana çizilme süresidir.
- INPINP (Interaction to Next Paint), kullanıcının tıklama, dokunma veya tuşa basma gibi etkileşimlerinden sonra sayfanın görsel olarak yanıt vermesine kadar geçen süreyi ölçen Core Web Vitals metriğidir.
- Sayfa hızı ve PageSpeed InsightsSayfa hızı, bir sayfanın ne kadar çabuk yüklenip kullanılabilir hale geldiğidir.
Bu kategorideki diğer terimler
Teknik SEO
Sözlüğün tamamı (70 terim) · Sitenizi kontrol edin: web sitesi kontrol aracı