La méthode CLS est utilisée pour mesurer le degré de déplacement du contenu d'une page web tout au long du cycle de vie du rendu de la page, ou, en d'autres termes, pour mesurer la stabilité de l'apparence visuelle du site web.
Vous avez probablement déjà constaté à maintes reprises combien il est frustrant de cliquer par inadvertance sur une publicité dans un menu, vous redirigeant ainsi vers un site tiers. De même, il est particulièrement agaçant de voir le contenu d'une page web se modifier en plein milieu d'une interaction. Bien entendu, ces changements de mise en page sont également source de désagréments pour les utilisateurs. Cependant, ils peuvent aussi engendrer des problèmes plus importants pour les éditeurs web, tels que des taux de rebond élevés et des violations de leurs politiques publicitaires dues à ces clics accidentels.
De plus, comme Google considère le CLS comme l'un des trois « indicateurs Web essentiels », un score CLS faible peut impacter négativement le score global des indicateurs Web essentiels, entraînant une note insuffisante pour l'utilisateur. Suite aux récentes modifications apportées à l'algorithme de recherche de Google, les sites ayant obtenu un score satisfaisant à l'évaluation des indicateurs Web essentiels bénéficient d'un meilleur classement dans les résultats de recherche.
Il existe une corrélation directe entre l'amélioration du score CLS, l'amélioration de l'expérience utilisateur globale, l'amélioration potentielle du classement sur Google et l'augmentation du trafic organique Google.
Comment mesure-t-on le décalage cumulatif de la mise en page ?
Lorsqu'un élément visible à l'écran change de position initiale pour quelque raison que ce soit, ce changement est enregistré. Par conséquent, un changement de position initiale entraîne une instabilité de la mise en page. Il est important de noter qu'un décalage de mise en page ne peut se produire que si un élément visible se déplace sur la page suite à un événement survenu sur cette page, et non si un élément, nouveau ou existant, est agrandi ou réduit.
Le score CLS est composé de deux mesures spécifiques conçues pour suivre les décalages de mise en page : les fractions d'impact et les fractions de distance. Ces deux mesures servent à déterminer le score CLS. La fraction d'impact mesure l'impact des éléments instables sur la zone d'affichage entre deux images, en combinant l'élément d'origine et son décalage sous forme de ratio, qui peut être comparé à la surface totale visible de la zone d'affichage entre les deux images. Dans le cas d'un élément instable se déplaçant horizontalement ou verticalement, la fraction de distance représente la distance parcourue par cet élément dans la zone d'affichage (horizontalement ou verticalement).
Comment améliorer votre score CLS ?
Pour réduire les éléments instables/les comportements changeants, voici quelques recommandations :
- Les scores CLS des différentes pages web peuvent varier en fonction de la structure de votre site. Par exemple, le score CLS des pages d'articles peut être supérieur à celui de la page d'accueil. Il est donc conseillé de commencer par mesurer le score CLS de tous les modèles de pages principaux de votre site.
- Les images et les vidéos doivent toujours comporter des attributs de largeur et de hauteur. Créez des images adaptatives avec des proportions définies.
- On peut également utiliser les boîtes de rapport d'aspect CSS pour réserver l'espace nécessaire aux éléments. Lors du chargement, cela garantit que le navigateur alloue l'espace approprié dans le document.
- La diffusion des publicités peut contribuer de manière significative à la modification de la mise en page si les emplacements ne sont pas correctement optimisés.
- N’injectez pas de contenu dynamique au-dessus d’un contenu déjà chargé, sauf en réponse aux interactions de l’utilisateur, auquel cas la mise en page changera.
Améliorez les performances de votre site WordPress grâce à nos services d'optimisation !
