Cumulative Layout Shift (CLS) Nedir? Nasıl Ölçülür?

webtures_blog_banner

Sayfa kaymalarını azaltarak web deneyimini zirveye taşıyın. Cumulative Layout Shift (CLS) optimizasyonu ile web sayfalarınızı kullanıcı deneyimi yüksek sitelere dönüştürün. İstikrarlı ve akıcı bir kullanıcı arayüzüyle ziyaretçilerinizi etkileyin, hemen çıkma oranlarını düşürün ve sitenizin SEO sıralamasını iyileştirin.

Cumulative Layout Shift (CLS) Nedir?

Cumulative Layout Shift (CLS), bir web sayfasının içerisinde yer alan öğelerin kendi içerisinde ne kadar ve ne sıklıkla yer değiştirdiğini ölçen bir Core Web Vitals güncellemesidir.

Örneğin, bir sayfada yer alan görsellerin yada metinlerin sayfa yüklenirken istem dışı şekilde hareket ederek kaymalar oluşturmasıdır.

Bu tarz sayfa içi bozulmalar ve kaymalar kullanıcının sayfa ile geçeceği etkileşimi ve gezintiyi zorlaştırabilir. Bir gezinti esnasında kaymalardan kaynaklı olarak kullanıcı yanlış linklere veya butonlara tıklayabilir bu durumda kullanıcının siteyi terk etmesi gibi olası durumlar oluşturabilir. Bu sebeple de bir kullanıcıyı iyi bir sayda deneyimi sağlamak için CLS oranı mümkün oldukça düşük olmalıdır.

Cumulative Layout Shift (CLS) Neden Önemlidir?

CLS’nin web sitesi için önemi, özellikle alışveriş sitelerinde net bir şekilde görülebilir. Diyelim ki, bir alışveriş sitesinde dolaşıyorsunuz ve gözünüze kestirdiğiniz bir ürün var. Bu ürünü satın almak üzereyken, sayfada aniden bir kayma oluyor ve bu kayma nedeniyle yanlışlıkla farklı bir ürün sepetinize ekleniyor. Bu durum, hem sizin için hayal kırıklığı yaratıyor hem de site sahibi için olumsuz bir etki oluşturuyor.

Bu tür bir deneyim, kullanıcıların siteden hızla ayrılmasına ve daha da önemlisi, site hakkında olumsuz bir izlenim edinmelerine sebep olabilir. Kullanıcıların siteyi terk etmesiyle birlikte, sitenin hemen çıkma oranları yükselir, bu da doğrudan site trafiğini ve potansiyel satışları olumsuz etkiler. Ayrıca, bu tür kullanıcı deneyimi sorunları, siteye olan güveni azaltır ve tekrar ziyaret etme olasılığını düşürür.

Arama motorları açısından da, olumsuz kullanıcı deneyimi ve yüksek hemen çıkma oranları, sitenin arama sıralamasını olumsuz etkileyebilir. Bu, SEO performansı üzerinde doğrudan bir etki yaratır ve site organik trafiğini ve görünürlüğünü azaltabilir. Dolayısıyla, düşük bir CLS puanı elde etmek, kullanıcı memnuniyetini artırmanın ve arama motorlarında daha iyi sıralamalar elde etmenin anahtarlarından biri olabilir.

Cumulative Layout Shift (CLS) Nedir? Nasıl Ölçülür?

Cumulative Layout Shift (CLS) Puanı Nedir?

CLS puanı, sayfada yer alan öğelerin hangi sıklıkla yer değiştirdiğini ölçerek bizlere sayfa için bir puan verir. Web sitelerinde sağlıklı bir site yapısı oluşturulmak isteniyorsa bu noktada CLS puanlarının 0, 1 yada daha düşük olması gerekmektedir.

CLS Puanı Nasıl Ölçülür?

Cumulative Layout Shift (CLS) puanı ölçülürken iki unsura dikkat edilir. Bunlar etki oranı ve mesafe oranı şeklinde ikiye ayrılır. Etki oranı bir web sayfası yüklenirken, görsellerin veya metinlerin sayfa içindeki hareketlerinin kapladığı alanın oranıdır. Mesafe oranı ise sayfa içerisinde en büyük boyuta oranla ne kadar hareket ettiğini ölçen bir orandır.

Burada CLS puanını ölçmek için etki oranı ve mesafe oranının çarpılması gerekiyor. Bu çarpım işleminin sonucu bizlere sayfanın CLS puanını vermektedir. CLS puanınız ne kadar düşükse bu ilgili sayfanın bütünlük içerisinde olduğunu ve kaymaların yaşanmadığını gösterir. Yüksek oranda bir CLS puanı ile karşılaşırsanız bu sayfanızda yer alan öğelerin kararsız bir yapıda olduğunu ve kaymaların yaşandığını gösterebilmektedir. İlgili konu hakkında detaylı bilgi almak için Google CLS makalesini inceleyebilirsiniz.

CLS puanını ölçümlemek için https://pagespeed.web.dev/ aracından destek alarak ölçümleme sağlayabilirsiniz.

Cumulative Layout Shift (CLS) Nasıl İyileştirilir?

Görüntü Boyutları: Görsel kaymalarının önüne geçebilmek adına görsellerinizein <img> etiketleri içerisine weight ve height değerlerini belirtmelisiniz.

Reklam veya Gömülü İçerikler İçin Sabit Yer Tutucular Kullanma: Reklamlar ve gömülü içerikler (iframe’ler) için sabit boyutlarda yer tutucular kullanarak sayfanın yüklenmesi sırasında oluşabilecek kaymalar önlenebilir.

Cumulative Layout Shift (CLS) Nedir? Nasıl Ölçülür? İle Benzer Yazılar

consent-mode-v2

Son yıllarda dijital dünyada kullanıcı gizliliği ve veri koruma konuları, hem işletmeler hem de kullanıcılar için öncelikli hale gelmiştir. Bu bağlamda, Google’ın Consent Mode V2 (Onay Modu V2) geliştirmesi, web sitesi sahiplerinin kullanıcı onaylarını daha etkin bir şekilde yönetmelerine ve

Webtures

atiye-berika-ertas1

Önbellek, internet deneyiminizi hızlandıran ve zenginleştiren kritik bir teknolojidir, ancak zamanla sorunlara yol açabilir. Bu yazıda, tarayıcı önbelleğinin önemi, işlevi ve nasıl temizleneceği detaylandırılıyor. Önbellek, bilgisayarınızın veya mobil cihazınızın hızını ve verimliliğini artıran geçici veri depolama alanıdır. Tarayıcı önbelleği, sık

Atiye Berika Ertaş

Blog

RSS Nedir?  RSS (Really Simple Syndication), web sitelerindeki güncellemeleri otomatik olarak takip etmenizi sağlayan bir format türüdür. İçerik üreticileri, yeni blog yazıları, haberler veya multimedya gibi içeriklerini RSS feed’leri aracılığıyla yayınlar. Kullanıcılar, bu feed’leri RSS okuyucu programlarla abone olarak, birden

Damla Kütük

loader