Google Core Web Vitals 2022

Et la plupart de ces discussions portent sur les nouveaux éléments vitaux Web de mesure de la vitesse de Google. Cependant, voici le joyau.

Les référenceurs s'efforcent d'obtenir régulièrement le meilleur score de vitesse de page depuis que Google l'a déclaré, l'engagement des utilisateurs est un facteur de classement important.

Mais ces forces d'optimisation concernaient principalement quelques mythes qui se reflétaient sur le score de vitesse de page idéal d'un site Web.

C'est exactement ce que Google a brisé avec l'introduction de Core Web Vitals.

Selon la déclaration de Google concernant les nouvelles mesures Web Vitals, les propriétaires de sites Web comprennent désormais quelle est la vitesse idéale à laquelle ils doivent s'efforcer.

Bien qu'ils soient un peu plus inquiets!

De nos jours, les sites Web se concentrent davantage sur des scores accumulés spécifiques qui apparaissent sur des outils tels que PageSpeed ​​Insights de Google, Pingdom, ainsi que GTMetrix.

Pourtant, ce sont des outils exceptionnels pour vérifier la vitesse spécifique d'une page Web.

L'objectif a toujours été sur la vitesse globale volontairement les mesures de l'expérience utilisateur individuelle, ce qui signifiait plus.

Google a mis au point le concept spécifique de Core Web Vitals pour s'assurer que les webmasters passent du temps de qualité à améliorer les mesures de vitesse.

Et en plus, cela donne de la valeur aux utilisateurs et non au navigateur ni aux bots de Google pour ce souci.

En bref, les Web Vitals sont un ensemble de facteurs précis,

Ce sera une composante du score "d'expérience de page" de Google, mesurant comment les utilisateurs ressentent la vitesse, la réactivité, ainsi que la stabilité visuelle d'une page spécifique.

Google combine 3 nouveaux facteurs dans ses facteurs officiels de classement de l'expérience de la page.

Comme nous l'avons compris, le temps de chargement de la page ou la "vitesse de la page" et l'expérience utilisateur ont un impact sur les classements pendant un certain temps, mais ce changement nous fournit 3 mesures sur lesquelles nous concentrer.

Comme pour la plupart des SEO en 2020, ces facteurs ont rendu la plupart des sites plus attrayants pour les utilisateurs ainsi que pour Google, ils devraient donc augmenter la capacité de conversion de ces sites et leur classement.

Google avait déjà annoncé en juin 2021 que Core Web Vitals fonctionnerait comme facteurs de classement.

Ils ont également déclaré qu'ils combineraient davantage de "signaux d'expérience de page" à l'avenir :

"Le but de ces mises à jour continue de mettre en évidence les expériences les plus satisfaisantes et de garantir que les utilisateurs peuvent obtenir les informations qu'ils recherchent.

Notre travail se poursuit, c'est pourquoi nous devrions prévoir d'inclure davantage de signaux d'expérience de page à l'avenir et de les mettre à jour chaque année.

En plus d'avoir un impact sur le classement, Google se prépare à avoir "un signe visuel qui met en évidence les pages dans les résultats de recherche qui offrent une excellente expérience de page".

Chaque recommandation est faite pour optimiser la visibilité afin que les utilisateurs puissent découvrir votre site et vos interactions lors de leur visite.

Les critères d'expérience sur la page de la documentation de Google décrivent les mesures UX les plus pertinentes et leur degré de compréhension de l'expérience d'une page Web spécifique.

Les principaux facteurs incluent les temps de chargement des pages, la convivialité mobile, l'évitement des publicités intrusives, le protocole HTTPS sécurisé, ainsi que la stabilité des pages.

Les facteurs de classement actuels de « l'expérience de la page »

L'expérience utilisateur est-elle :

• Sécurisé : Le site spécifique possède-t-il un certificat SSL ?
• Sûr : y a-t-il des logiciels malveillants ou des tactiques trompeuses utilisées sur le site ?
• Adapté aux mobiles : le site spécifique peut-il être facilement consulté sur n'importe quel mobile ?
• Non intrusif : existe-t-il des interstitiels comme les pop-up ?

Nouveau : Web Vitals de base

En plus de ce qui précède, il existe principalement trois facteurs d'expérience utilisateur qui se concentrent sur la vitesse de la page :

Chargement : assurez-vous toujours que le contenu principal de votre page se charge rapidement.

Interactivité : lorsqu'un utilisateur interagit avec une page spécifique (par exemple en cliquant sur un lien), assurez-vous que la page reste rapide pour répondre.

Stabilité visuelle : comment le contenu se déplace lorsque la page spécifique se charge pendant que les utilisateurs communiquent avec elle, ce qui peut entraîner une expérience utilisateur frustrante.

En un mot, la mise à jour de Google Core Web Vital se concentre sur l'interaction de l'utilisateur par vos pages Web et pourrait être considérée comme plus supplémentaire d'une mise à jour de l'expérience de la page.

Google implique de regarder les choses au fur et à mesure que la mise en page change et la stabilité visuelle pour mesurer et évaluer une interaction utilisateur positive ou négative.

Et s'il existe de mauvaises mesures de comportement (faibles conversions, taux de rebond élevé, faible temps passé sur le site, etc.), il peut y avoir des problèmes avec le signal d'expérience de la page.

Connaître les détails de la mise à jour de l'expérience de la page comme un signal de classement améliorera l'expérience de votre client sur votre site Web.

Ainsi, l'amélioration de la capacité de classement de votre site Web ainsi que des performances dans la recherche organique garantit qu'il n'est pas affecté négativement.

De manière générale, les sites Web avec une mauvaise expérience de page devraient être moins bien classés pour les termes concurrentiels que ceux offrant une meilleure expérience de page.

Pourquoi Google enverra-t-il les utilisateurs vers un site Web qui les décevra alors qu'il pourrait les envoyer vers un site Web plus agréable à utiliser ?

La manière dont Google a publié cette annonce montre clairement qu'il s'agira d'une mise à jour importante et ils veulent que nous soyons prêts pour cela.

Leur annonce officielle indique cela comme quelque chose de bon pour l'expérience Web globale.

LCP reste mesuré par le temps qu'il faut pour le contenu principal de n'importe quelle page pour le chargement. C'est le temps qui s'écoule entre le clic sur le lien spécifique et l'affichage du contenu à l'écran.

LCP signifie énormément influencé par le temps de rendu de la plus grande vidéo, image ou texte dans la fenêtre d'affichage. Les propriétaires de sites Web peuvent mettre à niveau LCP en :

• Suppression de tous les scripts tiers inutiles
• Mise en place du chargement différé
• Mise à niveau de leur hébergeur
• Suppression de tous les grands éléments de page

La mesure LCP idéale doit toujours être d'au moins 2,5 secondes ou plus rapide.

Le FID mesure le temps spécifique nécessaire pour qu'une page devienne plus interactive.

Il s'agit du temps spécifique nécessaire pour qu'une page soit disponible pour l'interactivité de l'utilisateur, comme les défilements, les clics ou la saisie au clavier.

Google considérait le FID comme essentiel car il tient compte de la façon dont les utilisateurs réels communiquent avec les sites. Les propriétaires de sites Web peuvent améliorer le FID en :

• Minimiser (ou différer JavaScript)
• Suppression de tous les scripts tiers non critiques
• Utilisation d'un cache de navigateur

Une mesure idéale pour le FID reste toujours inférieure à 100 ms.

CLS mesure la stabilité visuelle de n'importe quelle page Web. Il s'agit de la quantité de décalage de mise en page inattendu du contenu visuel de la page. Les propriétaires de sites Web peuvent minimiser le CLS en :

• Utilisation des dimensions d'attribut de taille définie pour tous les médias tels que les images, la vidéo, etc.)
• Les annonces doivent avoir un espace réservé
• Combinaison de nouveaux éléments d'interface utilisateur sous le pli

La mesure idéale de CLS doit toujours être inférieure à 0,1.

Au fur et à mesure que la technologie progresse, les scores actuels peuvent changer en fonction de ce que les utilisateurs attendent pour qu'une bonne expérience Web se poursuive.

Heureusement, il existe plusieurs façons d'analyser votre site Web.

Vous pouvez trouver les matrices Core Web Vitals via une gamme d'outils tels que Google Search Console, PageSpeed ​​Insights et Lighthouse.

Si vous n'êtes pas familier avec ces outils, votre alternative la plus simple consiste à saisir l'URL de votre site Web dans l'outil PageSpeed ​​Insights spécifique.

De plus, regardez le score sur 100 que vous obtenez pour Mobile et Desktop. Il s'agit du score global de vitesse de page qui est un excellent aperçu de la façon dont votre site Web.

L'utilisation de Google Search Console est un autre moyen plus simple d'accéder à plusieurs pages.

GSC possède une section sous Améliorations dans la navigation principale où vous pouvez voir le nombre de pages de votre site Web affectées par chaque Google Core Web Vital.

Après avoir cliqué sur cette section, vous verrez un rapport pour chaque problème Google Core Web Vital où votre site Web pourrait rencontrer des difficultés.

2. Le nombre de pages de votre site Web qui sont affectées par ce Google Core Web Vital particulier.

3. Un exemple de page où ce problème se produit. Il s'agit d'un différenciateur clé entre le rapport et les autres rapports de la CGC.

Les rapports Google Core Web Vitals ne vous montreront pas toutes les pages que vous devez corriger.

Honnêtement, ce serait un moyen lent et douloureux de résoudre tous les problèmes de Google Web Vital, car vous devrez peut-être réparer les choses à n'importe quel niveau de modèle pour réparer plus d'une page à la fois.

4. Toute liste de jusqu'à 20 pages similaires où ce problème se produit. Chaque exemple d'URL vous donnera des pages similaires.

Google continue d'utiliser cette méthode pour mettre en évidence où les problèmes similaires trouvés sur votre exemple de page se trouvent sur d'autres pages partout sur votre site Web.

Par exemple, si vous rencontrez un problème sur votre /blog/, le même problème se produit également sur les pages de votre section /press-releases/,

Ensuite, vous ne verrez qu'un seul de ceux-ci dans les exemples d'URL, mais un autre apparaîtra dans les exemples d'aspects.

Cela devrait vous recommander que plus de pages dans /press-releases/ nécessiteront le même correctif.

Et, comment ils représentent des points faibles pour vos publics essayant d'accéder à votre contenu et de s'engager avec vos marques.

Il est temps d'agir pour améliorer ces mesures, mais plus important encore, améliorez votre engagement avec votre public.

Chaque site va être quelque peu unique. Il serait rare que deux sites distincts souffrent des mêmes problèmes.

Il est donc nécessaire de vraiment creuser et d'analyser vos domaines individuellement pour prioriser les mises à jour qui seront les plus utiles.

Bien sûr, il existe également des problèmes courants auxquels les sites Web sont confrontés, et par la suite, vous pouvez proposer des correctifs courants pour les problèmes auxquels vous pourriez être confrontés.

• Implémenter le chargement instantané par le modèle PRPL
• Optimisation des fichiers CSS
• Optimisez votre chemin de rendu critique
• Optimisations de la taille des fichiers image ainsi que des compressions
• Optimisation du JavaScript (pour les sites rendus par le client)
• Optimiser ou supprimer les polices Web

• Réduire l'impact spécifique du code tiers
• Minimiser le travail de filetage principal
• Réduire le temps d'exécution de JavaScript
• La demande de saisie compte peu, ainsi que le transfert, les tailles sont petites

• Ajoutez les attributs de taille sur vos images ainsi que des éléments vidéo ou réservez l'espace spécifique par des cases de rapport d'aspect CSS.
• N'incluez jamais de contenu au-dessus du contenu existant, sans en réponse à une interaction de l'utilisateur.
• Utilisez des animations de transformation plutôt que des animations de propriétés qui servaient à forcer les changements de mise en page.

Les fichiers Javascript volumineux, les fichiers image, les fichiers CSS ainsi que les requêtes générées par l'un d'entre eux augmentent la charge utile sur les navigateurs et retiennent les utilisateurs qui attendent longtemps.

Heureusement, il existe quelques solutions recommandées par Google qui sont utilisées pour garantir une expérience utilisateur agréable sur votre site Web, ce qui, à son tour, améliore également le retour sur investissement.

L'optimisation des images peut aider à accélérer un site Web et offrir une excellente expérience utilisateur.

1. Image CDN : si les images se chargent à partir du même serveur, cela peut exercer une forte pression de charge sur le serveur.

Le moyen le plus puissant de contourner cet obstacle consiste à utiliser un serveur CDN.

AWS, ainsi que Cloudflare, sont actuellement les choix les plus fiables si vous recherchez un bon fournisseur Image CDN.

2. Format WebP : vous devez également vous assurer que le CDN que vous avez choisi convertit les images au format WebP, qui est le format d'image recommandé par Google pour les images Web.

3. LazyLoad : L'exécution d'une technique de chargement paresseux augmente également le score de WebVitals, car les ressources d'image à l'écran accompagnent simplement la charge utile initiale.

Les images hors écran se chargeront également lorsque les téléspectateurs atteindront le point de vue d'image approprié sur le site Web.

Tout au long du processus de chargement, seules les dimensions des images hors écran se chargent pour éviter le saut de page.

2. Minification des ressources : La première étape pour optimiser le JavaScript et le CSS consiste à minifier certaines ressources.

La minification est une méthode dans laquelle les ressources non critiques, ainsi que les ressources redondantes, sont supprimées pour accélérer la méthode.

C'est une fonctionnalité de base autorisée par la plupart des plugins d'optimisation.

3. Combinez CSS et Javascript : L'utilisation d'un seul fichier pour charger le code JavaScript spécifique et CSS réduira le nombre de requêtes et peut également accélérer le rendu.

En facilitant cela, un seul fichier sera utilisé pour fournir toutes les ressources CSS et chaque ressource sera regroupée par type de média.

La même chose se produit avec les JavaScripts car le nombre de requêtes DOM peut être réduit, ce qui augmentera les performances de vitesse globales.

4. Réduisez le blocage du rendu : la raison la plus courante d'un score PageSpeed ​​lent est l'utilisation excessive de Javascript et CSS.

Bien que certains fichiers Java et CSS soient essentiels à la stabilité globale des sites Web, tous ne doivent pas être chargés au-dessus de la ligne de flottaison, ce qui bloque le rendu.

Il est très important d'optimiser la réalisation de JavaScript non critique ainsi que de CSS. Assurez-vous que ces fichiers sont rendus juste après la détection de l'interaction de l'utilisateur par le site Web.

L'option peut considérablement améliorer le score PageSpeed ​​et vous aider également à atteindre le score Web Vitals parfait.

5. Fournir CSS et JavaScript à l'aide de CDN : Encore une fois, jusqu'à ce que vous implémentiez le CDN pour charger le JavaScript et le CSS, vous misez sur la vitesse spécifique de votre serveur pour fournir toutes ces ressources.

La plupart du temps, sans le CDN, vous pouvez réduire la charge imposée au serveur même s'il transpirera toujours.

Cela cause vraiment beaucoup de retard dans le rendu des pages spécifiques et entraîne une vitesse de page plus lente.

Pour optimiser la police, assurez-vous que votre CDN peut remplacer le comportement de rendu des polices.

En tant que CDN fiable, il peut échanger la police d'un texte rendu spécifique et afficher la police d'origine dès qu'elle est chargée à partir du CSS.

Dans les cas courants, cela se produit en quelques microsecondes car les deux ressources sont fournies simultanément à partir d'un serveur CDN similaire.

Cela peut réduire considérablement le changement de mise en page cumulé et vous fournir un score Web Vitals parfait.

Mais de nombreuses entreprises ne peuvent pas préférer se débarrasser de ces vidéos car elles font partie de la démonstration du produit ou de la vidéo d'introduction.

Google recommande une solution rapide pour les images intégrées ainsi que les vidéos où vous pouvez également charger paresseux ces ressources.

Assurez-vous également que les ressources vidéo se chargent simplement lorsqu'un utilisateur clique sur le bouton spécifique "Lire le média/la vidéo" (donné selon la meilleure expérience utilisateur).

Et lorsque vous implémenterez cette optimisation, elle affichera sûrement 70% d'amélioration des performances dans Lighthouse.

Le cache AMP peut aider à optimiser la livraison, cependant, l'activation d'AMP pour ordinateur de bureau peut entraîner des modifications importantes de l'interface utilisateur ainsi qu'un impact sur la conversion.

Par conséquent, s'assurer que votre serveur reste réactif et rapide reste nécessaire.

Même, vous pouvez également examiner le site Web de vos concurrents.

Cela vous aidera à comprendre le temps qu'il vous faudra investir pour garder une longueur d'avance sur cette mise à jour spécifique ainsi que sur vos concurrents.

À partir de là, vous pouvez créer un plan de ce que vous devez effectuer cette année.

Vous remarquerez peut-être que des changements de développement sont nécessaires pour offrir une meilleure expérience utilisateur, surtout si votre site a plus de quelques années.

La bonne nouvelle est que toutes ces métriques données sont très faciles à tester.

De plus, vous pourrez mesurer plusieurs améliorations dans votre plus grand premier délai d'entrée, votre peinture de contenu, ainsi que le changement de mise en page cumulé avant la croissance des signaux de classement de Google.

Après avoir mis en œuvre ce qui précède, vous pouvez certainement constater une croissance significative du trafic de votre site Web.

En lisant ce guide ci-dessus, vous pouvez facilement améliorer le score de votre site Web. Mais si vous pensez avoir besoin d'un spécialiste du marketing SEO pour le faire, envoyez-moi un mail. Merci!