Comprendre les éléments vitaux Web de base et les meilleures techniques pour les améliorer

Que sont les Core Web Vitals ?

Les Web Vitals de base sont le sous-ensemble des Web Vitals qui s'appliquent à toutes les pages Web. Chacun des Core Web Vitals reflète une expérience du monde réel et représente une facette distincte de l'expérience utilisateur. Google recommande que ces mesures soient mesurées par tous les propriétaires de sites.

Les métriques qui composent Core Web Vitals évolueront au fil du temps, mais au moment d'écrire ces lignes, l'ensemble de métriques se concentre sur trois aspects principaux de l'expérience utilisateur :

• Chargement
• Interactivité
• Stabilité visuelle

Qu'est-ce que la plus grande peinture de contenu (LCP) ?

Le Largest Contentful Paint, ou LCP, mesure les performances de chargement, le premier aspect de l'expérience utilisateur. Il marque le point dans la chronologie de chargement lorsque le contenu principal de votre page a probablement fini de se charger. Plus votre Largest Contentful Paint est rapide, plus Google rassure que les utilisateurs trouveront la page utile.

Pour que votre page Web offre une bonne expérience utilisateur, le LCP doit se produire dans les 2,5 secondes suivant le premier chargement de la page.

Pour souligner l'importance de respecter les directives de Largest Contentful Paint, les utilisateurs passeront plus de temps sur un site Web lorsque les pages se chargent plus rapidement. En fait, les utilisateurs visitent 8,9 pages lorsque le temps de chargement est de deux secondes (ce qui correspond à la recommandation de 2,5 secondes de LCP), contre seulement 3,3 pages lorsque le temps de chargement est de huit secondes.

Programme de certification SEO avancée GRATUITEMENT

Maîtrisez les concepts et compétences clés et devenez un pro du référencement Inscrivez-vous maintenant

Qu'est-ce que le premier délai d'entrée (FID) ?

Le premier délai d'entrée, ou FID, mesure l'interactivité, le deuxième aspect de l'expérience utilisateur. Il quantifie l'expérience ressentie par les utilisateurs lorsqu'ils tentent d'interagir avec des pages qui ne répondent pas.

Le FID mesure le temps entre le moment où un utilisateur interagit pour la première fois avec votre page (par exemple, en cliquant sur un lien ou en appuyant sur un bouton) et le moment où le navigateur commence à traiter les gestionnaires d'événements en réponse à l'action de l'utilisateur.

Pour offrir une bonne expérience utilisateur, le premier délai d'entrée de vos pages doit être de 100 millisecondes ou moins. Un faible FID permet de s'assurer que votre page est utilisable.

Qu'est-ce que le décalage de mise en page cumulé (CLS) ?

Le Cumulative Layout Shift, ou CLS, mesure la stabilité visuelle, le troisième aspect de l'expérience utilisateur. Il aide à quantifier la fréquence à laquelle un utilisateur subit un changement de mise en page inattendu. Un CLS faible permet de s'assurer que la page n'est pas maladroite.

Pour offrir une bonne expérience utilisateur, les pages doivent conserver un décalage de mise en page cumulé de 0,1 ou moins. C'est un score plutôt qu'une mesure de temps comme LCP et FID.

Le score LCS est calculé en faisant en sorte que le navigateur regarde la taille de la fenêtre et le mouvement des éléments instables dans la fenêtre entre deux images rendues.

Comment améliorer les éléments vitaux Web de base

L'optimisation pour une expérience utilisateur de qualité est la clé du succès de votre site Web, et Google estime que les Core Web Vitals sont essentiels à toutes les expériences Web. En tant que tel, il est important d'identifier les opportunités d'amélioration de l'expérience utilisateur sur autant de pages que possible.

Pour vous assurer que vous atteignez la cible recommandée pour les utilisateurs de votre site Web, un bon seuil pour mesurer les métriques LCP, FID et CLS est le 75e centile des chargements de page. Pour juger votre site Web conforme à Core Web Vitals, envisagez de passer une page si elle atteint les cibles recommandées au 75e centile pour ces mesures.

Voici quelques façons d'améliorer vos principaux indicateurs Web Vitals et de vous assurer que votre site Web offre une excellente expérience utilisateur.

Améliorer la vitesse de chargement des pages

À ce stade, il va sans dire que lorsqu'une page Web se charge rapidement, cela améliore l'expérience utilisateur. Entre deux et trois secondes, c'est le tournant où les taux de rebond montent en flèche. 40% des consommateurs n'attendront pas plus de trois secondes avant de décider de quitter votre site.

Utilisez PageSpeed ​​Insights pour obtenir un score pour toute page Web que vous saisissez et tirez parti des suggestions de l'outil pour accélérer le chargement de vos pages. Il y a de fortes chances qu'il y ait des cas où les temps de chargement ne respectent pas les directives de Core Web Vitals, et c'est là que vous devrez peut-être regarder des vidéos, des images ou d'autres problèmes susceptibles de ralentir le chargement.

Optimiser la plus grande peinture de contenu

Étant donné que la plus grande peinture de contenu (LCP) a un poids significatif dans le score global de Core Web Vitals, il est sage d'optimiser pour cette métrique. Les temps de chargement des ressources étant un facteur courant pour les mauvais scores LCP, voici quelques recommandations de Google :

• Optimiser et compresser les images
• Précharger des ressources importantes
• Compresser les fichiers texte
• Utiliser la diffusion adaptative
• Mettre en cache les actifs à l'aide d'un agent de service

Cours gratuit sur Google Analytics

Construire une solide base Google Analytics Commencez maintenant à apprendre

Réduisez vos taux de rebond

Les taux de rebond illustrent le taux auquel les utilisateurs abandonnent votre site Web et vous souhaitez que ce pourcentage soit le plus bas possible.

Google Analytics, par exemple, vous montre le taux de rebond de n'importe quelle page de votre site Web qui a été visitée. Cela peut vous aider à identifier les problèmes, par exemple si une page ne répond pas ou ne se charge pas correctement sur les appareils mobiles.

Un taux de rebond élevé peut également indiquer que les utilisateurs ne trouvent pas ce dont ils ont besoin, ce qui peut signaler à Google que la page n'est pas pertinente pour la requête pour laquelle elle apparaît dans les résultats de recherche. Des taux de rebond élevés peuvent également indiquer une mauvaise expérience utilisateur à cause des interstitiels, des pop-ups et d'autres éléments gênants.

Éliminer les changements de mise en page inattendus

Lorsque le texte ou un bouton se déplace soudainement vers une autre position sur la page (souvent en raison de problèmes de chargement), cela s'appelle un changement de mise en page inattendu. Cela peut être frustrant pour les utilisateurs, les obligeant à être désorientés ou à cliquer sur la mauvaise chose.

Pour éviter ou éliminer les décalages de mise en page inattendus, procédez comme suit :

• Évitez d'insérer du contenu au-dessus du contenu existant
• Assurez-vous que les transitions sont animées pour le contexte et la continuité
• Inclure les attributs de taille sur les images et les vidéos

Vous souhaitez maîtriser les disciplines essentielles du Marketing Digital ? Découvrez le cours de spécialiste en marketing numérique maintenant.

Vous cherchez à débloquer les avantages du référencement et de Core Web Vitals ?

Le référencement et les Core Web Vitals de Google sont essentiels à toute stratégie de marketing numérique. Notre cours de formation sur l'optimisation des moteurs de recherche (SEO) vous transformera en un professionnel du référencement complet, générant une croissance soutenue dans le canal marketing le plus critique de votre site Web. Dans le cours, vous maîtriserez les nombreuses facettes du référencement telles que la recherche de mots clés, le référencement technique, la création de liens, l'analyse et bien plus encore.

Si vous souhaitez devenir un spécialiste du marketing numérique complet avec des compétences allant au-delà du référencement, consultez notre programme d'études supérieures en marketing numérique. Dans ce programme complet, proposé en partenariat avec l'Université Purdue et co-créé avec Facebook, vous apprendrez tout ce que vous devez savoir pour devenir un professionnel du marketing numérique performant grâce à des projets pratiques, des instructions en ligne en direct, des masterclasses de la faculté de Purdue et des experts. sur Facebook, des études de cas de Harvard Business Publishing, et bien plus encore !