Cumulative Layout Shift (CLS) Testi
SEOptimer'ın Cumulative Layout Shift testi, gerçek ziyaretçilerden elde edilen Google'a ait alan verilerini kullanarak sayfanızın CLS'sini Google'ın eşik değerlerine göre gösterir.
Saniyeler İçinde Herhangi Bir Sitede SEO Denetimi Yapın
+ Her İşlev İçin Kapsamlı SEO / GEO Araçları
Web sitenizde Sayfa İçi SEO, Kullanılabilirlik, Performans, Sosyal Medya ve Bağlantılar genelinde 100'den fazla kontrol gerçekleştirin. Artık her raporda GEO da var. SEOptimer ayrıca anahtar kelime araştırması, sıralama takibi, backlink analizi ve eksiksiz bir site tarayıcısı sunar.
Kümülatif Düzen Kayması Hakkında
Kümülatif Düzen Kayması Nedir?
Kümülatif Düzen Kayması, sayfa yüklenirken ne kadar hareket ettiğini ölçer. Görünür bir öğe, ziyaretçinin müdahalesi olmadan her yeni konuma atladığında bu kayma puanlanır ve puanlar birikir.
En tanıdık belirtiye sahip metriktir: Bir bağlantıya dokunmaya çalışırken, üstte bir reklam veya görsel yüklendiği ve sayfayı aşağı ittiği için başka bir şeye basmak.
Diğer ikisinden farklı olarak zaman cinsinden ölçülmez. Ekranın ne kadarının ve ne kadar uzağa kaydığını açıklayan bir orandır; bu nedenle sayılar küçüktür ve 0,1’lik bir puan bile gözle görülür bir kaymayı temsil eder.
İyi bir CLS değeri nedir?
Google, gerçek sayfa yüklemelerinin 75. yüzdelik diliminde 0,1 veya daha düşük değerleri iyi, 0,1 ile 0,25 arasındaki değerleri iyileştirme gerektiriyor ve 0,25’in üzerindeki değerleri kötü olarak değerlendirir.
Ziyaretçinin kendi gerçekleştirdiği eylemlerden kaynaklanan kaymalar sayılmaz. Bir akordeonu açmak veya bir banner’ı kapatmak sayfayı meşru bir şekilde hareket ettirir ve yalnızca bir etkileşimden sonraki yarım saniye içinde gerçekleşen hareketler mazur görülür; bu, bir kişinin hareketi kendi eylemiyle ilişkilendirdiği yaklaşık zaman aralığıdır.
Bu, genellikle üçü arasında başarılması en kolay olandır. LCP ve INP performans çalışmaları gerektirirken, düzen kaymalarının çoğu alan ayırarak giderilebilir; bu da mimaride değil, işaretlemede yapılan bir değişikliktir.
Düzen kaymasına genellikle ne neden olur
- Genişlik ve yükseklik öznitelikleri olmayan görseller ve videolar; bu nedenle yüklenene kadar hiçbir alan ayrılmaz.
- Boyutu belirlenmemiş bir kapsayıcıya eklenen reklamlar ve gömülü içerikler.
- Web yazı tiplerinin yedek yazı tipinden farklı bir boyutta yüklenmesi ve metnin yeniden akışa girmesi.
- Mevcut içeriğin üzerine eklenen banner'lar, bildirimler ve çerez çubukları.
- Sayfa zaten oluşturulduktan sonra komut dosyası tarafından eklenen içerikler.
Tüm bunların arkasındaki ortak neden aynıdır: Bir şey geç gelir ve önceden kendisi için ayrılmamış bir alan kaplar. Altındaki her şey aşağı itilir ve ziyaretçinin dokunmak üzere olduğu şey yer değiştirir.
Nasıl iyileştirilir?
- Tarayıcının alanı önceden ayırabilmesi için her görselin ve videonun genişliğini ve yüksekliğini belirtin.
- Reklam alanlarına ve gömülü içeriklere, boş olsalar bile sabit bir minimum boyut verin.
- Önemli yazı tiplerini önceden yükleyin ve yazı tipi değişiminin yeniden akışa neden olmaması için yedek yazı tipi metriklerini eşleştirin.
- Banner'ları ve bildirimleri mevcut içeriğin altına ekleyin veya içeriği aşağı itmek yerine üst katman olarak gösterin.
- Bir komut dosyasının daha sonra ekleyeceği her şey için alan ayırın.
- Dar bir sütunun küçük bir kaymayı büyük bir kaymaya dönüştürdüğü mobil cihazlarda bunu gözlemleyin.
Bu aracın kontrol ettikleri
CLS testi, sayfaya ait Google saha verilerini (Chrome kullanan gerçek ziyaretçilerden toplanan ölçümleri) okur ve sayfanın yukarıdaki eşiklere göre hangi noktada olduğunu gösterir.
Sonuç gösterilmiyorsa Google'ın raporlayabileceği kadar trafik yok demektir. Bu arada, elle güvenilir şekilde bulabileceğiniz tek metrik düzen kaymasıdır: sayfayı bir telefonda, yavaş bir bağlantıyla yükleyin ve hareket eden öğeleri gözlemleyin.
Diğer iki metriği veya üçünü birden kullanmak için Core Web Vitals testi kullanın.
Sonraki adımlar
Düzen kaymalarının çoğu görsellerden ve geç yüklenen varlıklardan kaynaklanır. Sayfadaki görsel optimizasyonu öğelerini, web sayfası dosya boyutu kontrolüyle ne kadar yer kapladığını ve mobil uyumlu testiyle telefonda nasıl davrandığını kontrol edin.
55'ten Fazla Araç İçeren Kapsamlı SEO Araç Kutusu
Başlıkları, meta açıklamalarını, başlık etiketlerini, Schema işaretlemelerini, Core Web Vitals'ı, SSL'yi ve Robots.txt'yi kontrol edin. Meta etiketleri, site haritaları ve .htaccess kuralları oluşturun; CSS, JS ve HTML'yi küçültün ve AI Yazma Araçlarımızla anında ve ücretsiz olarak içerik taslakları hazırlayın.
Daha fazla okuma
Daha Fazla Gör
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?
The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...