Erreurs courantes de Google Core Web Vital et comment les corriger

Défini par Google comme une analyse de « comment vos pages fonctionnent, sur la base de données d'utilisation réelles (parfois appelées données de terrain) », un rapport Core Web Vitals (CWV) mesure la vitesse de chargement des pages, stabilité et réactivité des pages sur une période de 28 jours – avec des résultats basés sur les visites réelles du site. Cette évaluation de l'expérience utilisateur est vitale en partie parce qu'elle a un impact sur les classements de recherche. Une mise à jour de ses paramètres a été déployée en mai 2021, et il est juste de dire qu'il y a eu une confusion considérable concernant à la fois la révision elle-même et les mesures qui lui sont associées, ce qui a entraîné des oublis qui ont un impact sur les performances du site Web. Des erreurs se produisent probablement parce que les entreprises ont été bombardées de tas d'informations sur le sujet de CWV depuis l'annonce, et parce que les praticiens de l'expérience utilisateur, les spécialistes du marketing numérique et les experts en référencement – ayant passé des années à perfectionner leur métier et à apprendre exactement ce qu'il faut pour fournir un utilisateur agréable expérience (et pour obtenir des classements de recherche élevés) – se démènent pour s'adapter.

Les trois mesures que Google utilise pour évaluer l'expérience d'un utilisateur sont le décalage de mise en page cumulatif (CLS), la plus grande peinture de contenu (LCP) et le délai de première entrée (FID) . CLS fait référence à la fréquence à laquelle les utilisateurs subissent des changements inattendus dans la mise en page du site (par exemple, la position d'un bouton ou d'un lien se déplace lorsque l'utilisateur tente de cliquer dessus). La métrique qui mesure le temps nécessaire à l'affichage de la plus grande image ou du plus grand bloc de texte dans la fenêtre d'affichage est appelée LCP. La mesure de performance finale, FID, mesure le temps que les utilisateurs passent à attendre qu'un navigateur réponde à leur entrée ou à leur interaction.

Connexe : Qu'est-ce que l'expérience de la page Google et pourquoi est-ce important ?

Résoudre les erreurs courantes suivantes contribuera à améliorer les scores : 

Erreur 1 : Ne pas optimiser le contenu ci-dessus le pli 

Les premières impressions comptent. Plus le contenu graphique est visible rapidement par les visiteurs du site Web, plus un site sera attrayant. Cependant, vous devez vous assurer que le contenu au-dessus du pli est prioritaire pour être chargé en premier (c'est plus facile à dire qu'à faire en HTML !) et qu'il est, idéalement, minimaliste. Des exemples de contenu placé par erreur au-dessus de la ligne de flottaison (ayant un impact négatif sur CLS et FID) incluent des intégrations comme Google Maps, des flux de médias sociaux, l'audio de services de streaming comme SoundCloud ou Mixtape, des vidéos personnalisées ou des widgets qui extraient des données de YouTube et Vimeo, des galeries de photos et des images curseurs.

Pour éviter que les visiteurs subissent des changements de mise en page inattendus et un retard de réactivité, ajoutez tous les widgets tiers et le contenu riche en dessous de la ligne de flottaison. Dans le cas des widgets personnalisés, examinez les techniques optimales de récupération et de rendu des données, telles que le chargement asynchrone et la récupération de données à partir du fil principal du site (où un navigateur traite les événements utilisateur et peint).

Connexe : Utilisez ces astuces de conception Web pour développer votre entreprise de manière exponentielle

Erreur 2 : Utiliser plus de deux polices personnalisées 

Il est courant que les concepteurs Web utilisent des polices provenant de services tels que Google Fonts, Typekit et autres sources. Si vous ne faites pas attention à les mettre en œuvre, ils peuvent facilement ajouter du poids à la page et ralentir sa vitesse de chargement. Les polices personnalisées peuvent également faire clignoter les polices Web sur les pages en cours de chargement, ce qui crée une mauvaise expérience utilisateur et peut augmenter le CLS, une mesure importante mesurant la stabilité totale du contenu d'une page.

Lors de la correction de cette erreur, les propriétaires de sites Web peut vouloir sacrifier le style en s'en tenant à pas plus de deux familles de polices personnalisées et dans des tailles limitées.

Erreur 3 : afficher plusieurs images au-dessus de la ligne de flottaison 

Les images et les vidéos d'arrière-plan sont généralement les ressources les plus importantes que les navigateurs téléchargent sur un site. Par conséquent, lorsqu'il y a plusieurs grandes images ou vidéos affichées, il peut y avoir un retard dans LCP et une augmentation de CLS car le navigateur doit télécharger ces éléments avant de pouvoir les afficher. Pour les professionnels du Web qui conçoivent des pages pour des clients dans des secteurs verticaux qui mettent l'accent sur les images fixes et les enregistrements photographiques, la solution la plus efficace serait de placer une seule image au-dessus du pli et de s'assurer que l'image a été compressée. De plus, les vidéos et les curseurs contenant un maximum de trois images ou moins doivent être déplacés plus bas sur la page pour améliorer encore le score CWV du site.

Erreur 4 : Ne pas optimiser les images 

Une occurrence courante sur les sites contenant beaucoup d'images c'est lorsque les photographies sont téléchargées sur le site et affichées telles quelles. Cette erreur perturbe le temps de chargement, obligeant l'utilisateur à attendre que les images apparaissent et peut-être à quitter complètement la page, ce qui a un impact négatif sur le score CWV. Corriger cette erreur est relativement facile, cependant. Avant qu'une image ne soit téléchargée sur un site Web, elle doit être compressée et redimensionnée. La compression des images consiste à les exécuter via un algorithme spécialisé pour réduire la taille totale du fichier, tandis que le redimensionnement consiste à s'assurer que les dimensions correspondent aux exigences du modèle et de la taille de la fenêtre d'affichage. Garder le redimensionnement et la compression en tête avant, pendant et après la création de sites Web garantira qu'un site fonctionne correctement et continue de répondre aux spécifications de classement de Google. ]

Erreur 5 : Utiliser trop de solutions d'analyse

Sur le web aujourd'hui, il est très facile d'ajouter des dizaines de technologies de suivi comme Google Analytics, Tag Manager, les scripts AdRoll et d'autres outils. Bien qu'utile pour éclairer la prise de décision basée sur les données, l'exécution de ces implémentations peut entraîner le chargement d'un site à un rythme d'escargot et ruiner l'expérience utilisateur globale. Alors, évaluez quelles technologies de suivi sont nécessaires. Cela dit, même les sites Web qui nécessitent une quantité considérable d'outils d'analyse ont de bonnes chances d'augmenter leur score CWV, à condition que leurs concepteurs utilisent un guide bien documenté pour s'assurer que le code de suivi se charge correctement et ne nuit pas à la vitesse du site.

Est-il temps de repenser votre CMS ?

Le défi de rectifier toutes les erreurs ci-dessus est que Google CWV oblige les concepteurs et les entreprises à repenser les sites actuels et la façon dont ils doivent être conçus. Alors que la société continue de publier de nouvelles mises à jour, les entreprises et les professionnels du Web devront probablement réévaluer leur système de gestion de contenu (CMS) ou leur plateforme partenaire s'ils souhaitent améliorer leur score CWV et maintenir (ou améliorer) leur classement sur Google.