SEO

CLS (Cumulative Layout Shift) nedir?

Q: CLS (Cumulative Layout Shift) nedir?

Kullanıcı bir butona basmak üzereyken layout kayar ve yanlış butona basılırsa CLS skoru yükselir. CLS'i artıran ana nedenler: width/height attribute'u olmayan resimler, üst kısmından sonradan yüklenen reklam/banner, web fonts yüklenirken metin kayması (FOUT/FOIT). Çözümler: img/iframe'lere boyut attribute, ad slot için reserve space, font-display: optional.

Sayfanın yüklenme sırasında beklenmeyen layout kaymalarının toplam puanı. İyi: <0.1.

Detaylı tanım

Kullanıcı bir butona basmak üzereyken layout kayar ve yanlış butona basılırsa CLS skoru yükselir. CLS'i artıran ana nedenler: width/height attribute'u olmayan resimler, üst kısmından sonradan yüklenen reklam/banner, web fonts yüklenirken metin kayması (FOUT/FOIT). Çözümler: img/iframe'lere boyut attribute, ad slot için reserve space, font-display: optional.

Örnekler

Ürün listesinde resim boyutu belirtilmeden lazy load yapılırsa CLS bozulur.

İlgili terimler

Aynı kategoriden

SEO kategorisindeki diğer terimler

SEO (Search Engine Optimization) Bir web sitesinin Google ve diğer arama motorlarındaki organik (reklamsız) görünürlüğünü artırma disiplini. E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) Google'ın içerik kalitesini değerlendirmek için kullandığı 4 kriter: deneyim, uzmanlık, otorite, güven. Core Web Vitals Google'ın site performansını ölçmek için kullandığı 3 ana metrik: LCP, INP, CLS. LCP (Largest Contentful Paint) Sayfanın ana içerik bloğunun (genelde hero görseli/başlığı) yüklenme süresi. İyi: <2.5s, kötü: >4s. Schema.org / Structured Data Web sayfalarına makine-okunabilir veri ekleme standardı. Google rich results ve AI motorları için kritik. On-Page SEO Bir sayfanın kendisinde yapılan SEO optimizasyonu: title, meta description, başlık hiyerarşisi, içerik kalitesi.

Tüm sözlüğü gör →