[Core Web Vitals] Qu’est-ce que c’est et comment ils peuvent vous aider à améliorer le référencement de votre e-commerce

Julia Vialenc

Senior eCommerce Search Specialist

• 
• 
• 

Ce n’est pas un secret : Google récompense les pages qui offrent une bonne expérience utilisateur.

Mais comment peut-on l’évaluer ?

Comment peut-on mesurer une valeur qui dépend de tant de facteurs et de critères ?

Jusqu’à présent, cela se faisait en contrôlant plusieurs KPIs. Cependant, Google a désormais décidé d’unifier ses métriques pour définir l’expérience utilisateur. C’est l’addition de la vitesse de chargement et de la facilité d’utilisation qui va nous donner les Core Web Vitals.

On peut traduire cette expression par « signaux web essentiels » qui permettent de contrôler l’UX. Ils concernent 3 aspects de base :

• la vitesse de chargement du site ;
• la vitesse à laquelle l’utilisateur peut interagir avec le site ;
• la stabilité de la page pendant le chargement et lors de l’interaction de l’utilisateur avec le site.

Dans cet article, nous allons vous expliquer en profondeur en quoi consistent chacune de ces métriques, où vous pouvez les trouver et comment vous pouvez vous servir de ces informations pour améliorer l’expérience utilisateur.

Alors continuez à lire, ça va vous intéresser. 😉

👉 Les Core Web Vitals : qu’est-ce que c’est et pourquoi vous devez les prendre en compte pour le SEO de votre boutique en ligne

Commençons par une définition.

Les Core Web Vitals, ou « signaux web essentiels d’un site », sont les nouvelles métriques qu’utilise Google pour évaluer plusieurs aspects de l’expérience utilisateur.

Les valeurs des Core Web Vitals vont nous permettre de savoir si l’expérience utilisateur de notre commerce en ligne est bonne, ou au contraire, s’il nous faut l’améliorer.

Au cas où vous ne le sauriez pas, l’expérience utilisateur ou UX est la perception (positive ou négative) que ressent un utilisateur lorsqu’il visite notre site ou qu’il interagit avec celui-ci.

Le fait que cette expérience soit positive ou négative va dépendre en grande mesure de plusieurs facteurs, parmi lesquels on trouvela facilité d’utilisation et la vitesse de chargement. C’est précisément ce que les Core Web Vitals vont mesurer.

Mais, que nous apporte cette nouvelle métrique ?

Jusqu’à présent, il fallait contrôler plusieurs outils et valeurs différents pour analyser l’expérience utilisateur. L’objectif des Core Web Vitals est de simplifier ce processus et d’unifier tout ce qui concerne l’UX en une seule métrique plus facile à gérer.

✅ Pourquoi vous devez connaître les Core Web Vitals ?

Vous savez déjà que Google prend en compte de nombreux facteurs pour référencer un site internet. Cela ne fait aucun doute, l’expérience utilisateur du site est le facteur qui a le plus de poids.

Core Web Vitals est conçu pour aider à mesurer l’expérience utilisateur. Il est donc logique que Google prenne en compte cette valeur pour noter un site.

Cela a d’ailleurs été annoncé dans un article de Google Search Central : Core Web Vitals est l’un des indicateurs que Google va utiliser pour référencer. En définitive, l’objectif d’un moteur de recherche est de proposer à l’utilisateur des sites qui présentent un contenu de qualité et une expérience de navigation agréable et simple. 

Vous trouverez, ci-après, une vidéo qui analyse en profondeur l’impact de ces indicateurs sur le SEO de votre site. Si vous disposez d’un peu de temps, nous vous recommandons de la consulter

👉 Les 3 valeurs sur lesquelles Core Web Vitals se concentre pour mesurer l’expérience utilisateur

Il semblerait que ces valeurs soient susceptibles de changer à l’avenir, mais elles se composent actuellement de 3 aspects essentiels qui permettent de mesurer l’expérience utilisateur : le LCP, FID et CLS. 

Ces sigles, en eux-mêmes, ne vous disent certainement pas grand-chose. Alors voyons en quoi ils consistent.

✅ 1. Temps de chargement du contenu principal (LCP ou Largest Contentful Paint)

Cette métrique indique la vitesse de chargement du contenu d’un site de façon particulière. 

On peut la considérer comme le premier « test » que le site doit passer lorsqu’un utilisateur y accède. S’il voit un fond blanc ou un indicateur de chargement, cela ne lui apporte rien. Voilà pourquoi, le LCP ne mesure pas le temps de chargement du site en lui-même, mais le temps de chargement du contenu le plus pertinent pour l’utilisateur. 

Autrement dit, il mesure la rapidité d’affichage du contenu principal de votre site.

Par exemple, ce contenu peut consister en une grande image, une vidéo ou un texte, et correspond généralement à l’above the fold ou ligne de flottaison, la partie supérieure du site, ce que l’on voit sans avoir à utiliser la barre de défilement.

Alors, quelles sont les valeurs établies par Google pour évaluer le LCP ? 

Afin d’être considéré comme bon, le temps de chargement doit se situer en dessous de 2,5 secondes. 

✅ 2. Interactivité (FID ou First Input Delay)

L’utilisateur a accédé au site de votre boutique. Jusqu’ici, tout va bien. Mais en navigant sur la page principale, il clique sur une des catégories et la page met plus longtemps que prévu à réagir à cette action.

Cette métrique se charge précisément de mesurer cela : la vitesse de réponse de la page à l’interaction de l’utilisateur.

Dans l’exemple précédent, elle va mesurer le temps qui s’écoule entre le moment où l’utilisateur clique sur le bouton de la catégorie jusqu’à ce que la page réponde à ce clic et commence à charger la page suivante. En d’autres termes, c’est le temps de réactivité du bouton. Si le bouton en question met un certain temps à fonctionner, cela aura des répercussions négatives sur l’expérience utilisateur.

D’après les Core Web Vitals pour que le FID soit bon, il doit se situer sous 0,1 secondes.

✅ 3. Stabilité visuelle (CLS ou Cumulative Layout Shift)

Cela vous est certainement déjà arrivé : vous êtes sur le point de cliquer sur un bouton ou une image, mais au moment de cliquer, l’image s’est déplacée et vous cliquez par erreur sur un autre bouton qui vous emmène sur une page où vous ne vouliez pas aller.

Pourquoi cela arrive-t-il ?

Au fur et à mesure que les éléments d’une page apparaissent, ils déplacent ceux qui étaient déjà là. Si ce mécanisme n’est pas rapide, cela peut nuire à l’expérience utilisateur.

C’est la raison d’être de cette métrique.

Ce que l’on cherche à savoir, c’est si votre boutique se charge de façon synchrone ou si au contraire il y a des mouvements qui font que les éléments changent de place pendant le chargement. 

Plus les éléments de la page se déplacent, plus la valeur de cette métrique de stabilité visuelle augmente et moins l’évaluation sera bonne.

On considère que l’expérience utilisateur est bonne lorsque la note du CLS est inférieure à 0,1.

👉 Comment connaître les Core Web Vitals ?

Vous savez désormais en quoi consistent ces métriques, voyons maintenant comment les obtenir.

✅ 1. Google Search Console 

Accédez à votre Google Search Console et cherchez dans le menu « signaux web essentiels ». 

Tout se trouve là, que ce soit sur mobile ou sur ordinateur.

Aucune information n’est affichée ?

Il se peut que vous n’ayez pas encore assez de données dans votre « rapport d’expérience utilisateur Chrome » ou « Chrome UX report ». Ce rapport de Google obtient les métriques réelles de l’expérience utilisateur pour les différentes URLs et les reflète ensuite dans cette section. Si votre site n’a pas assez de trafic ou si votre compte Search Console est récent, ce rapport ne pourra probablement pas encore être élaboré par manque de données.

Si ce n’est pas votre cas, vous devriez pouvoir obtenir sans problème les Core Web Vitals.

✅ 2. Google PageSpeed Insights

C’est un autre outil de Google qui va nous donner toutes les métriques en rapport avec la vitesse de chargement du site. Pour ce faire, il se base sur :

• les données de champ (field data) :il prend en compte les informations de véritables utilisateurs. Ces données sont recueillies par le « Chrome UX report » dont nous vous parlions plus haut.
  
• données de laboratoire (lab data) : il s’agit d’estimations basées sur des expériences menées par Lighthouse (un autre outil de Google qui utilise des données de laboratoire pour vous offrir des informations sur certains aspects à améliorer sur votre site).

Pour accéder à ces données, il vous suffit d’aller sur PageSpeed Insights et de saisir l’adresse URL de votre site internet.

Comme vous pouvez le constater, cet outil nous donne le LCP et le CLS.

Mais comme précédemment, nous n’avons pas toujours les données du FID.

La raison est la même que celle que nous avons indiquée ci-dessus : pour obtenir cette valeur, il faut des « données de champ ». Si le « Chrome UX report » ne dispose pas d’assez d’informations, il ne pourra pas nous donner cette valeur.

Finalement, PageSpeed Insight apporte quelque chose d’intéressant : une note de la performance de votre site ainsi que des conseils pour l’améliorer.

👉 Derniers conseils pour améliorer votre note

Maintenant que vous connaissez votre note, l’outil va vous offrir un certain nombre de suggestions qui peuvent vous servir à résoudre les problèmes de vitesse.

Cependant, nous vous proposons nous aussi quelques conseils de base pour améliorer la vitesse de votre site :

• Optimisez les images :évitez les images qui pèsent plus de 150 Kb et réglez toujours les dimensions à ce qui sera affiché sur l’écran. Par exemple, si votre image va s’afficher à 300×300 pixels, rien ne sert de la mettre en ligne au format 600×600 car cela prendrait une place inutile.
  
• Évitez l’excès de plug-ins : même si les extensions sont très utiles pour rajouter des fonctions à votre site, mieux vaut se limiter à celles qui sont strictement nécessaires. En effet, trop de plug-ins actifs pourraient ralentir le fonctionnement du site.
  
• Trouvez un hébergement de qualité : même si cela coûte un peu plus cher, il est important de choisir un bon hébergement si vous voulez que votre site soit rapide.

De plus, Google met à disposition des utilisateurs des manuels pour améliorer la vitesse. Malheureusement, ils sont souvent plus complexes, et dans bien des cas, cela demande de travailler avec du code.

✅ BONUS : comment optimiser les Core Web Vitals dans votre e-commerce

Finalement, nous vous proposons cette vidéo de Google qui explique d’une façon pratique comment améliorer vos Core Web Vitals.

👉 Laissez-vous guider par les Core Web Vitals pour améliorer votre UX

Ces nouvelles métriques n’ont plus de secrets pour vous ?

Servez-vous d’elles pour aller plus loin et continuez à améliorer l’expérience utilisateur de votre boutique sous tous les aspects.

Une bonne expérience utilisateur va non seulement améliorer votre site pour « plaire » à Google et être mieux référencé, mais ce sera toujours un élément essentiel pour que vos clients se sentent à l’aise sur votre boutique.

Alors, au travail ! Continuez à mesurer ! 😉