[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

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. 

corewebvitals

✅ 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.

core-web-metricas

✅ 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.

que-es-core-web-vitals

👉 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.

core-web-vitals

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.

core-vitals-google

👉 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 ! 😉