Ce que vous devez savoir sur Google Core Web Vitals
Publié: 2021-05-08Avez-vous entendu parler des nouveaux Core Web Vitals de Google ? En plus des quatre signaux Page Experience existants, les Core Web Vitals sont essentiels à la meilleure expérience utilisateur possible (chargement, interactivité et stabilité visuelle). Google commencera progressivement à déployer ces mesures à la mi-juin, et elles joueront un rôle à part entière dans les déterminations de classement d'ici la fin août. Dans ce blog, nous examinerons de plus près chacun des Core Web Vitals, leur impact sur votre site Web, les outils pour les améliorer, et plus encore.
Que sont les Core Web Vitals de Google ?
Core Web Vitals évalue l'expérience utilisateur (sur ordinateur et mobile) en termes de vitesse et de rapidité avec laquelle les visiteurs peuvent interagir avec une page. Chaque Core Web Vital "représente une facette distincte de l'expérience utilisateur, est mesurable sur le terrain et reflète l'expérience réelle d'un résultat critique centré sur l'utilisateur".
Plutôt que de se concentrer uniquement sur les éléments textuels, Core Web Vitals évalue la qualité de l'expérience utilisateur globale (UX) au sein d'une page. Il existe trois Core Web Vitals :
- La plus grande peinture de contenu (LCP)
- Premier délai d'entrée (FID)
- Décalage de mise en page cumulé (CLS)
Le LCP évalue les performances et le chargement, la réactivité et l'interactivité du FID, ainsi que la stabilité visuelle du CLS. Les éléments vitaux Web de base constituent la plus grande partie de votre score d'expérience de page Google, qui comprend également les signaux de recherche existants suivants :
- Adapté aux mobiles
- Navigation sûre
- HTTPS
- Aucun interstitiel intrusif
Nous examinerons de plus près le score d'expérience de page plus loin dans ce blog. Commençons par creuser dans les détails de chaque Core Web Vital.
Core Web Vital #1 :: La plus grande peinture de contenu (LCP)
La plus grande peinture de contenu (LCP) mesure la vitesse à laquelle le plus grand élément de contenu d'une page se charge. Il s'agit généralement d'un gros bloc de texte, d'image ou de vidéo. Plutôt que d'évaluer le temps de chargement de la page entière, LCP examine combien de temps il faut à une page pour se charger du point de vue de l'utilisateur, qui est la mesure de vitesse de page la plus importante de toutes.
Un bon LCP dure moins de 2,5 secondes, ce qui signifie que le plus grand élément s'affiche dans les 2,5 secondes suivant le début du chargement de la page. L'optimisation de votre LCP est importante car il a été prouvé que des temps de chargement plus longs ont un effet négatif important sur les taux de rebond. Pour améliorer votre temps LCP, envisagez :
- Suppression d'éléments de page volumineux
- Mise à niveau de votre hébergeur
- Implémentation du chargement paresseux
- Suppression des scripts tiers inutiles
Core Web Vital #2 :: Premier délai d'entrée (FID)
Le premier délai d'entrée (FID) mesure le temps qui s'écoule entre le moment où un utilisateur interagit pour la première fois avec une page et la réponse de son navigateur à cette interaction. Les interactions des utilisateurs incluent (mais ne sont pas limitées à) les éléments suivants :
- Sélection d'un menu ou d'une option de navigation
- Cliquer sur un lien ou un bouton
- Saisie de texte dans un champ
- Ouvrir un menu accordéon sur mobile
Le FID va au-delà de votre score PageSpeed car il mesure le temps nécessaire à un utilisateur pour effectuer une action spécifique. Cela signifie qu'il nécessite des données de terrain provenant d'utilisateurs en temps réel et ne peut pas être généré par des simulations en laboratoire.
Un bon FID ne doit pas dépasser 100 millisecondes pour offrir une excellente expérience utilisateur sur le Web. Pour améliorer votre temps FID, pensez à :
- Utilisation d'un cache de navigateur
- Suppression des scripts tiers non critiques
- Différer (ou minimiser) JavaScript
Core Web Vital #3 :: Mise en page de décalage cumulatif (CSL)
La mise en page de décalage cumulé (CSL) calcule le nombre total de changements de mise en page qui se produisent lors du chargement d'une page entière. En d'autres termes, il détermine la rapidité avec laquelle une page est visuellement stable pendant le processus de chargement. La stabilité de la page pendant le chargement permet de s'assurer que les visiteurs ne cliquent pas sur quelque chose par erreur ou ne doivent pas réapprendre où se trouvent les liens, les boutons et les champs.
Un bon CSL est inférieur à 0,1. Votre score peut être aussi bas que 0 et augmente chaque fois que des mises en page de décalage se produisent. En d'autres termes, un score plus élevé signifie que les éléments sautent beaucoup pendant le chargement de votre page. Il n'y a pas de score maximum, mais Core Web Vitals obtient un score de 0,25 ou plus comme "médiocre". Pour améliorer votre score CSL, pensez à :
- Ajout d'éléments d'interface utilisateur supplémentaires sous le pli
- S'assurer que les éléments publicitaires disposent d'un espace réservé
- Définition des dimensions d'attribut de taille pour les médias
Comment Core Web Vitals s'intègre-t-il dans les facteurs de classement de Google ?
Les Core Web Vitals sont un nouveau composant crucial d'un ensemble de métriques connu sous le nom de signaux d'expérience de page. Ceux-ci évaluent l'expérience Web globale de l'utilisateur d'une page en tenant compte des éléments non textuels les plus importants. En d'autres termes, ils tiennent compte de la façon dont les utilisateurs perçoivent leurs interactions avec une page et de l'utilité de cette page pour répondre à leur requête. Nous examinerons ci-dessous les quatre signaux d'expérience de page existants.
1. Compatible avec les mobiles
Cela évalue la facilité de navigation sur les sites Web sur les appareils mobiles. Cela inclut l'accessibilité des liens et des éléments sur la page, ainsi que la lisibilité du contenu. Chaque partie d'une page doit être aussi fonctionnelle sur mobile que sur ordinateur, ce qui est à la base du design réactif.
2. Navigation sécurisée
La navigation sécurisée détermine si un site Web présente des problèmes tels que du contenu piraté, du phishing et des logiciels malveillants. Il vise à garantir que les visiteurs peuvent naviguer en toute sécurité pour trouver ce qu'ils recherchent.
3. HTTPS
Cette métrique évalue la sécurité d'un site Web et s'il est diffusé via HTTPS conformément aux recommandations des meilleures pratiques de Google.
4. Pas d'interstitiels intrusifs
Ce signal garantit que le contenu essentiel de la page n'est pas obstrué par des interstitiels intrusifs (publicités pop-up), favorisant une expérience de navigation agréable.
Comment sont calculés vos scores Core Web Vitals ?
Les scores Core Web Vitals sont calculés en utilisant le 75e centile sur une fenêtre de 28 jours. En d'autres termes, il utilise trois visites sur quatre (75 %) pour déterminer si une page répond à l'objectif de chaque Core Web Vital. Si une page satisfait aux scores recommandés pour les trois mesures, elle réussit l'évaluation Core Web Vitals.
Quel sera l'impact de Core Web Vitals sur votre site Web ?
Bien que les Core Web Vitals soient certainement importants, il est essentiel de comprendre que Google prend en compte des centaines de signaux uniques lors du classement des pages Web. Cependant, Core Web Vitals peut faire une différence significative pour les pages qui se disputent des conditions extrêmement compétitives. Core Web Vitals évoluera continuellement au fil du temps à mesure que les attentes des utilisateurs changent, il est donc crucial de rester informé.
Comment pouvez-vous améliorer vos scores Core Web Vitals ?
Il existe de nombreux outils gratuits que vous pouvez utiliser pour analyser et améliorer vos scores Core Web Vitals. L'amélioration de ces mesures peut vous aider à surpasser vos concurrents et à vous classer plus haut dans les pages de résultats des moteurs de recherche Google. Nous recommandons les outils suivants pour examiner vos scores Core Web Vitals et découvrir des opportunités d'amélioration.
Outil n°1 :: Rapport Google Search Console Core Web Vitals
Si vous souhaitez améliorer vos scores Core Web Vitals, commencez par le rapport Core Web Vitals de Google Search Console. Situé dans la section "Améliorations" de votre compte Search Console, le rapport Core Web Vitals fournit un aperçu des performances de l'ensemble de votre site.
Le rapport Core Web Vitals utilise les données de champ du rapport d'expérience utilisateur Chrome pour regrouper les URL indexées par problème. En effet, les problèmes UX sur des pages similaires sont généralement causés par le même problème sous-jacent. Chaque URL est notée comme "médiocre", "nécessite une amélioration" ou "bonne".
Une fois que vous avez identifié un problème, vous pouvez le résoudre à l'aide d'outils tels que Google PageSpeed Insights ou Google Lighthouse. Les deux sections suivantes examinent ces outils plus en détail pour vous aider à optimiser pour UX.
Outil #2 :: Rapport Google PageSpeed Insights
Votre rapport Google Search Console Core Web Vitals est lié à un rapport correspondant dans Google PageSpeed Insights, qui est alimenté par des simulations de laboratoire Lighthouse. PageSpeed Insights mesure Core Web Vitals en utilisant à la fois des données de laboratoire et de terrain. Concentrez-vous sur les sections "Opportunités" et "Diagnostics" pour identifier les problèmes sur chaque URL et optimiser efficacement la vitesse du site.
Outil #3 :: Phare de Google
Google Lighthouse est un outil automatisé qui exécute des audits sur une URL et crée un rapport sur les performances de cette page. Lighthouse 6.0 inclut des métriques de laboratoire pour la plus grande peinture de contenu (LCP) et le décalage de mise en page cumulé (CLS), ce qui en fait un outil inestimable lors de l'évaluation de Core Web Vitals.
Temps de blocage total (TBT)
La troisième nouvelle mesure de Lighthouse 6.0 est le temps de blocage total (TBT), qui est directement corrélé au délai de première entrée (FID). En termes simples, TBT calcule le temps total entre LCP et Time to Interactive (TTI). Le TTI est la durée entre le moment où une page commence à se charger et le moment où elle répond de manière fiable à l'interaction de l'utilisateur.
Temps jusqu'au premier octet (TTFB)
La section "Opportunités" de votre rapport Lighthouse inclut également le délai avant le premier octet (TTFB). Comme son nom l'indique, il s'agit du temps nécessaire à un navigateur pour recevoir le premier octet du contenu de la page.
Temps d'interactivité (TTI)
Inclus dans la section "Performances" de votre rapport Lighthouse, le temps d'interactivité (TTI) mesure le temps qu'il faut à une page pour devenir entièrement interactive. TTI travaille aux côtés de TBT pour identifier et diagnostiquer les problèmes d'interactivité qui peuvent avoir un impact négatif sur votre FID. Parce qu'il n'est pas mesurable sur le terrain ou centré sur l'utilisateur, TTI n'est pas inclus dans Core Web Vitals.
Outil #4 :: Rapport sur l'expérience de la page de la console de recherche Google
Le rapport d'expérience de page combine votre rapport Core Web Vitals avec les quatre autres signaux d'expérience de page : Mobile Friendly, Safe Browsing, HTTPS et No Intrusive Interstitials. Une analyse approfondie de chaque composant du signal Page Experience peut vous aider à découvrir de nouvelles opportunités d'amélioration, ce qui peut être particulièrement utile dans les situations de départage.
Outil #5 :: Rapport sur l'expérience utilisateur de Google Chrome (CrUX)
Le rapport sur l'expérience utilisateur de Chrome est un rapport public anonyme de données sur l'expérience utilisateur provenant de millions de pages Web. Il mesure les données de terrain (par opposition aux données de laboratoire) sur les trois Core Web Vitals et ne prend pas en compte les simulations ou les visites de Googlebot. Voir les performances de vos pages sur le terrain est un excellent moyen d'identifier de précieuses opportunités d'amélioration.
Outil #6 :: Google Chrome DevTools
Google Chrome DevTools est intégré au navigateur Google Chrome et conçu pour vous aider à diagnostiquer et à résoudre les problèmes pouvant entraîner une CSL élevée. Ils mesurent également le TBT, ce qui est bénéfique lorsque vous cherchez à améliorer votre FID.
Outil #7 :: Extension Google Chrome Web Vitals
Disponible dans Chrome Web Score, l'extension Web Vitals mesure les trois Core Web Vitals en temps réel. Ces données instantanées sur le chargement, l'interactivité et les changements de mise en page vous aident à identifier les opportunités qui peuvent faire une grande différence.
Outil #8 :: Outil d'audit de site Semrush
L'outil d'audit de site de votre compte Semrush génère des rapports sur une variété de données en corrélation avec Core Web Vitals. Cela inclut les métriques de vitesse de chargement, les protocoles de sécurité HTTPS, les erreurs JavaScript et CSS, la capacité d'exploration, etc.
Associez-vous à Tower Marketing pour améliorer vos scores Core Web Vitals
La meilleure (et la plus simple) façon d'identifier et de résoudre les problèmes de Core Web Vitals est de travailler avec une agence comme Tower Marketing. Notre équipe expérimentée de développeurs Web et de référenceurs dispose des outils nécessaires pour mettre votre site au niveau des recommandations Core Web Vitals, et nous résoudrons tous les problèmes au fur et à mesure qu'ils surviennent.