Definisi dan Pengenalan Cumulative Layout Shift (CLS) dalam SEO

Cumulative Layout Shift (CLS) adalah metrik yang mengukur stabilitas visual sesebuah halaman web semasa proses pemuatan, khususnya berapa banyak elemen pada halaman tersebut bergerak atau bergeser secara tidak dijangka yang boleh mengganggu pengalaman pengguna. Ia merupakan salah satu daripada tiga Core Web Vitals yang diperkenalkan oleh Google sejak Januari 2021 sebagai faktor utama dalam penilaian SEO dan pengalaman pengguna.

CLS menilai sejauh mana susun atur halaman web kekal stabil tanpa pergeseran elemen yang tidak dijangka, seperti imej, video, atau iklan yang dimuat lewat dan menyebabkan kandungan lain bergeser. Pergeseran ini boleh menyebabkan pengguna tersalah klik atau rasa terganggu, seterusnya meningkatkan kadar keluar dari laman (bounce rate).

Google mengecualikan pergeseran yang dijangka, seperti animasi, transisi, atau pergerakan yang berlaku akibat input pengguna (contoh: menaip atau klik), supaya hanya pergeseran yang tidak dijangka diambil kira dalam pengiraan CLS.

Fungsi utama CLS adalah untuk:

• Mengukur kestabilan visual halaman web sepanjang proses pemuatan.
• Meningkatkan pengalaman pengguna dengan memastikan susun atur halaman tidak berubah secara tiba-tiba.
• Menyokong SEO kerana nilai CLS yang baik membantu meningkatkan kedudukan laman dalam hasil carian Google.

Elemen yang sering mempengaruhi nilai CLS termasuk imej atau video tanpa dimensi yang ditetapkan, iklan yang muncul secara dinamik, perubahan font, dan elemen interaktif yang tidak stabil.

Secara ringkas, CLS adalah ukuran penting dalam reka bentuk web dan SEO yang menilai sejauh mana halaman web memberikan pengalaman yang lancar dan stabil tanpa gangguan visual yang tidak dijangka.