Tous les articleseCommerce SEO [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 VialencSenior 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. đTable of Contentsđ 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â Pourquoi vous devez connaĂźtre les Core Web Vitals ?đ Les 3 valeurs sur lesquelles Core Web Vitals se concentre pour mesurer lâexpĂ©rience utilisateurâ 1. Temps de chargement du contenu principal (LCP ou Largest Contentful Paint)â 2. InteractivitĂ© (FID ou First Input Delay)â 3. StabilitĂ© visuelle (CLS ou Cumulative Layout Shift)đ Comment connaĂźtre les Core Web Vitals ?â 1. Google Search Console â 2. Google PageSpeed Insightsđ Derniers conseils pour amĂ©liorer votre noteâ BONUS : comment optimiser les Core Web Vitals dans votre e-commerceđ Laissez-vous guider par les Core Web Vitals pour amĂ©liorer votre UXđ 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 ligneCommenç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 utilisateurIl 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 InsightsCâ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 noteMaintenant 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-commerceFinalement, 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 UXCes 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 ! đ EBOOKS Augmentez les ventes de votre eCommerce de 20%10 plus grands eCommerce du mondeComment ouvrir une boutique en ligne