Core Web Vitals

CLS (Cumulative Layout Shift)

Μετρά την οπτική σταθερότητα, καταγράφοντας τις απρόσμενες μετακινήσεις στη διάταξη της σελίδας.

Σε αυτή τη σελίδα

Τι είναι το CLS (Cumulative Layout Shift)

Το Cumulative Layout Shift (CLS) μετρά πόσο μετακινείται απρόσμενα το περιεχόμενο της σελίδας κατά τη φόρτωση. Ένα υψηλό CLS εκνευρίζει τους χρήστες, γιατί τα στοιχεία μετακινούνται ενώ προσπαθούν να αλληλεπιδράσουν με τη σελίδα.

Παράδειγμα

Καλό: <0,1, Θέλει βελτίωση: 0,1-0,25, Κακό: >0,25. Ένα κουμπί που μετακινείται επειδή φορτώνει μια διαφήμιση από πάνω του = υψηλό CLS.

Πώς να το εφαρμόσετε

Ορίστε συγκεκριμένες διαστάσεις σε εικόνες και βίντεο, κρατήστε χώρο για διαφημίσεις και ενσωματωμένο περιεχόμενο, μην προσθέτετε περιεχόμενο πάνω από το υπάρχον και χρησιμοποιήστε CSS transform για τα animations.

Συμβουλή:Οι διαφημίσεις είναι συχνά ο μεγαλύτερος ένοχος για το CLS. Δεσμεύστε ακριβείς διαστάσεις σε pixels για τα πλαίσια των διαφημίσεων, ώστε να μη μετακινείται τίποτα όταν φορτώνουν.

Παρακολουθήστε το στο GSC Boost

Το GSC Boost διαβάζει τα δεδομένα σας από το Search Console και σας λέει τι να διορθώσετε πρώτα, με την εκτίμηση των clicks που φέρνει κάθε διόρθωση. Ξεκινήστε από τον οδηγό ή κάντε δωρεάν εγγραφή.

Σχετικοί πόροι

ΕγγραφήΠροσφορά