21.07.2022
Cumulative Layout Shift (CLS) yani kümülatif düzen kayması, core web vitals metriklerinden biridir. CLS, bir web sitesi indirilmeye devam ederken öğelerin konumlarının kaymasını yani görsel kararlılığını ölçen bir metriktir. Düzen kaymasına sebep olabilecek öğeler; videolar, resimler, formlar, düğmeler ve farklı içerik türleridir.
Cumulative Layout Shift birçok sebepten olabilir:
Bunların dışında, site hızının çok düşük olması ve HTML üzerinde width ve height değerlerinin girilmemesi görsel kararlılığı kötü yönde etkiler bu da CLS’ in yükselmesine sebep olur.
CLS metriğini ölçmek için kullanabileceğimiz toollardan biri Google PageSpeed Insights’tır. Bunun dışında kullanabileceğimiz bir diğer tool ise Google Chrome Lighthouse eklentisidir. Peki CLS’in varlığını tool kullanmadan anlayabilir miyiz? Evet, sitemizi ilk yüklemeye başladığımızda büyük öğelerdeki kaymaları fark edebiliriz daha net bir şekilde fark edebilmek için, siteyi yüklemeyi düşük internet hızında başlatmak yeterlidir.
CLS sorununu ortadan kaldırmak için öncelikle sitemizde görsel kararlılığı korumamız gerekmektedir. Örnek olarak görsellerden bahsedecek olursak, eğer width ve height değerlerini HTML üzerinde belirlemezseniz sayfa yüklenene kadar görselin olduğu kısıma görselden önce gelen öğe yüklenecektir. Görsel yüklendikten sonra, görsel kendi yerine geçecek ve onun yerine gelen öğe aşağı kayacaktır. Peki görsellerin width height değerlerini HTML üzerinde belirlersek responsive açıdan sıkıntı yaratmayacak mı? diye herkes düşünmeye başladı. Doğru bir düşünce, sadece HTML üzerinden belirlersek mobilde görseller sorun yaratacak. Bundan dolayı img etiketleri için aşağıdaki css kullanmamız gerekli;
img
{
width: 100%;
height: auto;
}
Detaylı bilgi için aşağıdaki videoyu izleyebilirsiniz.
CLS değerini düşürmek ve bu sorunları onarmak için CSS’in font-display özelliğini ve auto, optional, swap gibi kodları kullanabilirsiniz.
font-display: auto;
0.0 – 0.1 | 0.1 – 0.25 | 0.25++ |
Başarılı | Geliştirmeye Açık & Kabul Edilebilir | Başarısız |
SEO sadece doğru içerik planlaması ve anahtar kelime optimizasyonu ile sıralama elde edilen bir konumdan çıkalı uzun yıllar oldu. Artık Google Anahtar kelime üzerinden doğru hedefleme ve kullanıcı deneyimi iyi olan sayfaları ilk sıralara çıkarıyor. Kullanıcı deneyimini ölçümlemek için core web vitals gibi çekirdek güncellemesi ile hayatımıza CLS metriği girdi. Eğer siteniz hızlı yükleniyor ve görsel kararlılığı yüksek ise sitemize giren kullanıcı daha fazla oturum süresi geçiriyor ve buda hemen çıkma (Bounce Rate) oranlarımıza yansıyor.
Perfist Blog
Benzer Yazılar
Yapısal Veri Nedir? Yapısal veri, arama motorlarının bir web sitesinin içeriğini daha iyi anlaması için kullanılan kodlama sistemidir. JSON-LD, Microdata gibi formatlarla uygulanır ve siteye ürünler, etkinlikler, işletme bilgileri gibi detaylı bilgilerin anlaşılır şekilde sunulmasını sağlar. Bu, özellikle e-ticaret siteleri için, ürünlerin özelliklerini ve faydalarını doğru aktarmak açısından büyük bir avantaj sunar. SEO açısından yapısal […]
Devamını Oku
Mid Level SEOSite Hızı Nedir? Site hızı, bir web sayfasının ne kadar hızlı yüklendiğini ifade eder.(Site hızının içinde birden fazla faktör vardır. Bunlardan en önemlileri ilk yüklenme süresi ve yüklenme hızıdır.) Bu hız, ziyaretçilerin deneyimini doğrudan etkiler. Yavaş yüklenen bir site, kullanıcıların siteden çıkmasına ve başka sayfaları tercih etmesine neden olabilir. Aynı zamanda, arama motorları site hızını […]
Devamını Oku
Mid Level SEOSEO Analizi Nedir? SEO analizi, bir web sitesinin arama motorlarında gösterdiği performansı artırmak için eksiklerin belirlenmesi için yapılır. Bu analiz, sitenin mevcut durumu hakkında bilgi verir ve hangi alanlarda iyileştirmeler yapılması gerektiğini ortaya koyar. SEO analizi, yol haritası belirlemek ve başarılı bir strateji oluşturmak için vazgeçilmezdir. Çünkü doğru analiz, hangi anahtar kelimelere odaklanacağını, teknik hataların […]
Devamını Oku
Mid Level SEODijital pazarlama dünyasında, kullanıcıların oluşturduğu içerikler (User Generated Content – UGC) önemini giderek artırıyor. UGC, markaların ve ürünlerin tanıtımında kullanıcıların kendi deneyimlerini, görüşlerini ve yaratıcılıklarını paylaştıkları videoları içerir. Peki, UGC videoları dijital pazarlama stratejilerinde neden bu kadar önemlidir? 1. Güvenilirlik ve Samimiyet Kullanıcıların ürettiği içerikler, tüketiciler için markalardan gelen tanıtımlara göre daha güvenilir bir algı […]
Devamını Oku
Performans Pazarlaması