Tout ce que vous devez savoir sur Core Web Vitals

Tableau de bord Core Web Vitals

Ils peuvent sembler cliniques, presque médicaux, mais les Core Web Vitals de Google sont en fait un ensemble de mesures conçues pour mesurer le vitesse, réactivité et stabilité visuelle de votre site web.

Lancés pour la première fois en 2020, ils sont censés aider Google à quantifier l’expérience utilisateur (ou UX) de votre site; en utilisant des données du monde réel le rapport CrUX pour déterminer si les internautes aimeront interagir avec vos pages.

Désormais, nous ne sommes pas convaincus que vous puissiez mesurer avec précision la qualité de l’expérience utilisateur d’un site Web à l’aide d’une poignée de métriques de haut niveau.

Mais il existe de nombreuses données pour soutenir l’idée que les pages Web lentes ou qui ne répondent pas agacent vos visiteurs, nous ne sommes donc pas surpris que Google ait commencé à accorder plus d’attention à des choses comme les vitesses de chargement et la stabilité du contenu.

Nous n’avons pas non plus été surpris d’apprendre que Google allait commencer à utiliser vos Core Web Vitals comme facteur de classement en 2021. Après tout, ils ont pour mission de fournir des expériences de recherche attrayantes et agréables, et ils sont bien conscients des inconvénients les conséquences de l’envoi de personnes vers un site Web lent ou qui ne répond pas.

Core Web Vitals comme facteur de classement en 2021

Personne ne sait exactement quand la mise à jour sera déployée, mais Google a confirmé qu’il déploierait une mise à jour majeure à un moment donné en mai 2021.

Cette mise à jour – appelée la mise à jour de l’expérience de page – est sur le point de bousculer la majorité des pages de résultats des moteurs de recherche (ou SERP) en donnant la priorité aux sites qui offrent des expériences sur les pages «agréables».

Cela sera mesuré à l’aide des Core Web Vitals susmentionnés et d’une poignée de mesures supplémentaires conçues pour quantifier des éléments tels que:

  • Convivialité mobile
  • Sécurité du site
  • L’impact des pop-ups et autres éléments intrusifs

Il est difficile de dire si le nouveau signal d’expérience de page modifiera considérablement le paysage de recherche. Google est toujours prudent quant à l’impact prévu de leurs modifications, mais il semble clair que la mise à jour de l’expérience de page est conçue pour fournir un coup de pouce assez important aux sites offrant une bonne expérience utilisateur.

Il est également suggéré que la mise à jour ajoutera un indicateur visuel aux pages SERP, mettant en évidence «les pages dans les résultats de recherche qui offrent une excellente expérience de page», et des indicateurs visuels comme celui-ci peuvent avoir un effet assez dramatique sur vos taux de clics (ou CTR).

Donc, si vous ne travaillez pas déjà pour mesurer et améliorer vos Core Web Vitals, il est probablement temps de commencer!

Usine verte Core Web Vitals s'ouvrant sur la main de quelqu'un

Principaux éléments vitaux du Web expliqués

Maintenant que nous avons couvert l’importance des Core Web Vitals, il est grand temps que nous vous expliquions ce qu’ils sont et comment vous les mesurez.

Il existe trois principaux Web Vitals:

  • La plus grande peinture de contenu (LCP)
  • Premier délai d’entrée (FDP)
  • Décalage cumulatif de la disposition (CLS)

La plus grande peinture de contenu (LCP)

LCP mesure le temps nécessaire à votre site pour afficher le plus grand élément visuel dans la fenêtre d’affichage (ou dans la zone visible de votre page de destination). Il s’agit généralement d’une image, d’un formulaire ou d’un gros bloc de texte avec des balises HTML

ou

.

Google donne la priorité à LCP par rapport à des métriques similaires telles que FCP (première douleur contentieuse), car il fournit une image plus précise des temps de chargement réels de votre site.

La plupart des sites peuvent afficher des menus, des en-têtes, des pistes de navigation et d’autres éléments en quelques secondes, mais les pages ne sont pas vraiment considérées comme “ utilisables ” tant que les principaux blocs de contenu ne sont pas rendus, et Google veut s’assurer qu’ils ne stimulent pas accidentellement les sites qui prenez plus de 5 secondes pour fournir des informations utiles ou intéressantes.

LCP est également facile à mesurer et à optimiser, ce qui en fait une bonne mesure pour la mise à jour de l’expérience de page. Mais LCP a ses problèmes. Premièrement, il ignore les éléments vidéo, vous devrez donc vous assurer que vos vidéos se chargent à temps.

Deuxièmement, LCP peut être joué en poussant ou en préchargeant vos plus grandes ressources. Parfois, vous rencontrerez des sites qui affichent de grandes images d’en-tête avant des éléments vitaux comme l’en-tête ou la copie de page, car ils essaient d’obtenir leur LCP aussi bas que possible.

Malheureusement, ces sites offrent toujours une expérience utilisateur assez médiocre et nous pensons que la plupart d’entre eux vont encore souffrir de taux de rebond inhabituellement élevés.

Mais LCP reste une métrique vitale et il est important de s’assurer que la plupart de vos pages ont un bon score.

A quel point est ce bien? Eh bien, cela dépend du type de page que vous affichez, mais la plupart des experts conviennent que vos éléments les plus volumineux doivent être rendus en moins de 2,4 secondes.

N’importe quoi entre 2.4 – 4s est ok mais pourrait faire l’objet d’une amélioration, et tout ce qui dépasse 4 sLes secondes auront probablement un effet négatif sur les performances de la page.

Escargot Core Web Vitals assis sur un journal

Première entréeDélai (FID)

Le délai de première entrée mesure le temps nécessaire au navigateur d’une personne pour répondre à la première action entreprise sur une page Web.

Cela n’inclut pas tfonctionne comme le défilement ou le déplacement de la souris, mais cela couvre des choses comme les pressions sur des boutons ou le clic pour développer un menu déroulant.

Google mesure le FID car il leur permet de quantifier la réactivité et l’interactivité de votre site Web. Ils savent que les gens rebondissent normalement sur les sites léthargiques et donner la priorité au FID leur permet de pénaliser facilement les sites qui obstruent ou bloquent fréquemment les navigateurs Web en chargeant de gros éléments ou en exécutant beaucoup de JavaScript.

Il est en fait très similaire à l’ancienne métrique Time To Interactive (TTI), qui mesure le temps nécessaire à une page pour être entièrement rendue et devenir interactive.

Mais FID est plus convivial pour les développeurs en ce sens qu’il peut mesurer les temps d’interaction sur les pages en cours de chargement, ce qui signifie quevous ne serez pas indûment pénalisé pour avoir des pages Web à chargement lent sur un site bien optimisé.

Le FID est mesuré en millisecondes et vous devez essayer de vous assurer que la plupart des pages de votre site ont un FID inférieur à 100 ms.

100 ms – 300 ms doivent être améliorés, et les FID de plus de 300 ms auront probablement un impact négatif sur les performances de la page.

Décalage cumulatif de la disposition (CLS)

Le décalage de mise en page cumulatif (CLS) mesure la stabilité visuelle de vos pages.

Si vous avez déjà ouvert l’un de ces sites d’actualités ennuyeux sur votre téléphone mobile – seulement pour regarder avec horreur alors que des images, du texte, des publicités et des pop-ups commencent à monter et descendre de l’écran – vous savez à quel point la stabilité visuelle est importante.

La mesure du décalage de mise en page cumulatif permet également à Google de pénaliser les sites Web qui tentent de vous inciter à cliquer sur des publicités et des bannières qui apparaissent après le chargement d’une page Web, mais votre site souffrira également d’un faible score CLS si vous utilisez beaucoup d’images sans dimensions. , vos polices se chargent lentement ou vous utilisez beaucoup de contenu injecté dynamiquement.

Maintenant, Google sait qu’il y a des moments où les utilisateurs s’attendent à ce que la mise en page change, il y a donc une fenêtre d’exclusion (1 seconde après chaque interaction), mais beaucoup de sites Web mal optimisés se retrouvent toujours avec de faibles scores CLS en raison des problèmes susmentionnés.

Donc, si vous constatez que vous perdez du terrain ici, essayez de ne pas paniquer.

Un faible score CLS ne signifie pas nécessairement que vous exécutez un site Web contenant du spam et de nombreuses choses peuvent être faites pour améliorer votre score. Il convient également de noter que le type de problèmes qui conduisent à de faibles scores CLS peut être très frustrant pour les utilisateurs Web.

D’après notre expérience, les gens sont souvent frustrés par les sites Web qui ne sont pas conformes à leurs attentes.Par conséquent, si vous recherchez un faible score CLS, il y a de fortes chances que l’optimisation pour obtenir un meilleur score améliorera d’autres mesures liées au site. engagement et conversions.

De manière générale, vous voulez que votre CLS soit de 0,1 ou moins. Les scores de 0,1 à 0,25 doivent être améliorés et les scores de 0,25 sont généralement considérés comme médiocres, ce qui signifie qu’ils auront probablement un effet négatif sur les performances de votre page.

Core Web Vitals sous le microscope

Comment puis-je vérifier mes éléments vitaux Web principaux?

Il existe plusieurs façons de vérifier les éléments essentiels du Web de votre site. Tout d’abord, Google Search Console (anciennement les outils pour les webmasters) dispose d’un rapport Core Web Vitals dédié qui vous indique le score de vos pages Web.

vous pouvez consulter ce rapport par:

  • Connexion à Google Search Console
  • Naviguer vers “ Améliorations ” dans le menu de gauche
  • Sélection de l’option Core Web Vitals qui apparaît ci-dessous

Cela chargera un rapport qui vous permettra de suivre les URL par score (médiocre, amélioration nécessaire ou bonne). Vous pouvez également utiliser ce rapport Core Web Vitals pour examiner les problèmes affectant vos URL et diagnostiquer les problèmes de performances.

rapport-core-web-vitals

Si vous préférez suivre les Core Web Vitals associés à une page de destination spécifique, vous pouvez simplement accéder à web.dev (un outil Google), choisir une mesure dans le menu supérieur et copier / coller votre URL dans la barre de recherche.

Après avoir appuyé sur Entrée, vous verrez une ventilation complète des Core Web Vitals de votre page – un code couleur vous permettant de repérer rapidement les problèmes.

LightHouse et PageSpeed ​​Insights peuvent également être utilisés pour vérifier vos Web Core Vitals, mais ce ne sont pas les meilleurs outils pour le travail.

Optimisation de votre Core Web Vitals

Vous voyez beaucoup de rouge? Ne commencez pas à paniquer pour l’instant. Core Web Vitals peut être optimisé avec l’aide d’un développeur compétent.

En fait, les trois éléments essentiels du Web de Google peuvent être améliorés avec quelques ajustements relativement simples au contenu de votre site, au code ou à la configuration du serveur. Par exemple, un LCP élevé peut être réduit par:

  • Optimiser le contenu pour l’appareil qui le demande (par exemple, fournir des images plus petites pour les appareils mobiles)
  • Compresser ou redimensionner de grandes images
  • Inlining CSS critique pour accélérer le processus de chargement
  • Suppression du JavaScript inutile
  • Réduire les temps de réponse du serveur en déplaçant votre site vers un serveur plus rapide ou mieux optimisé
  • Poussez le plus gros actif à charger dès que possible avec une demande de récupération déclarative au navigateur

Alors qu’un CLS élevé peut être amélioré par:

  • Précharger les polices, afin qu’elles soient rendues avant les autres éléments et ne provoquent pas de changement de disposition
  • Définition de la hauteur et de la largeur des éléments tels que les images, les SVG et les publicités
  • Eléments de style pour s’assurer qu’il y a de la place pour les actifs à chargement lent
  • Suppression des animations CSS qui comptent comme un changement de mise en page
  • Amélioration de la vitesse de votre site, afin que les éléments se chargent rapidement et ne déplacent pas la page lors de leur rendu

Notre équipe de développement peut vous aider à diagnostiquer et à résoudre tout problème lié à votre Core Web Vitals. Nous optimisons régulièrement les sites de grande taille et à fort contenu pour les clients B2B mondiaux dans une gamme d’industries.

Ils sont également à jour sur les dernières meilleures pratiques et ils travailleront dur pour s’assurer que votre site Web est toujours gagnant.

Tendez la main ici.

Nos experts en marketing et en CRO peuvent également vous aider à peaufiner votre site et à vous assurer que vous êtes prêt pour la mise à jour de l’expérience de page de Google.

Découvrez nos meilleurs services marketing ici