Kümülatif Düzen Kayması (CLS) Nedir?
Kümülatif düzen kayması (CLS), sayfa yüklenirken görünür öğelerin beklenmedik biçimde yer değiştirmesinin ne kadar yaşandığını gösteren görsel kararlılık metriğidir.
Kümülatif Düzen Kayması (CLS) Nasıl Ölçülür?
CLS, sayfada kullanıcı etkileşimi olmadan gerçekleşen düzen kaymalarını toplar. Her kayma, kayan öğenin ekranda kapladığı alan ile kayma mesafesinin çarpımıyla puanlanır; dönem içindeki en kötü kayma grubu rapor edilir. Sıfıra yakın değer, sayfanın kararlı olduğunu gösterir.
Tipik yaşantı şöyledir: kullanıcı bir düğmeye basmak üzereyken üstte bir reklam ya da görsel yüklenir, içerik aşağı kayar ve kullanıcı yanlış öğeye tıklar. CLS, Core Web Vitals kapsamındadır; eşik değerleri için Google’ın güncel dokümantasyonuna bakılmalıdır.
- Boyutu belirtilmemiş görsel ve video
- Geç yüklenen reklam, çerez bildirimi ve pop-up
- Yazı tipi yüklenirken oluşan değişim
Kümülatif Düzen Kayması (CLS) Neden Önemlidir?
Kayan düzen kullanıcıyı yanıltır. Ödeme düğmesinin başka bir öğeyle yer değiştirmesi, yanlış tıklamaya ve güven kaybına yol açar. Ayrıca sayfa deneyimi sinyali olarak arama görünürlüğüne dolaylı etkisi olabilir.
Düzeltme çoğunlukla basittir: görsel ve videoların genişlik ve yüksekliğini önceden tanımlamak, reklam ve bildirim alanlarına sabit yer ayırmak, yazı tipi yükleme davranışını ayarlamak. Dinamik olarak eklenen öğeler, örneğin çerez bildirimi için alan önceden ayrılmalıdır.
Karar noktası, kayma yaşanan öğeyi bulmak ve ilgili alana yer ayırmaktır. Tarayıcı geliştirici araçları kaymanın hangi öğeden kaynaklandığını gösterir.
Yayından sonra yeni eklenen her bileşen, örneğin kampanya bandı ya da yeni bir eklenti, CLS açısından kontrol edilmelidir. Küçük bir ekleme bile tüm sayfaların kararlılığını bozabilir.
CLS’de Sık Yapılan Hatalar
- Görsel boyutunu tanımlamamak. Görsel yüklenince içerik aşağı iner.
- Bildirim çubuğunu sayfa üstüne sonradan eklemek. Tüm içerik kayar.
- Reklam alanına yer ayırmamak. Reklam yüklenince düzen bozulur.
- Sadece masaüstünde test etmek. Mobilde kayma daha belirgindir.
Kümülatif Düzen Kayması Hakkında Sık Sorulan Sorular
CLS puanı nasıl hesaplanır?
Kullanıcı etkileşimi olmadan gerçekleşen her düzen kayması, kayan öğenin ekranda kapladığı alanla kayma mesafesinin çarpımı üzerinden puanlanır. Ölçüm döneminde kaymalar gruplanır ve en kötü grubun değeri raporlanır; sıfıra yakın sonuç sayfanın görsel olarak kararlı olduğunu gösterir.
CLS nasıl düşürülür?
Görsel ve videolara boyut tanımlanır, reklam ve bildirimlere sabit alan ayrılır, yazı tipi yüklemesi ayarlanır.
Düşük CLS neden iyidir?
Düşük CLS, sayfa yüklenirken öğelerin yerinde durduğunu gösterir; kullanıcı bir düğmeye basmak üzereyken içerik kaymaz ve yanlış öğeye tıklamaz. Özellikle ödeme düğmesinin yer değiştirmemesi güveni korur; CLS Core Web Vitals kapsamında olduğundan sayfa deneyimi üzerinden arama görünürlüğüne dolaylı etkisi de olabilir.