Prêt pour la mise à jour de l'expérience de page Google?

La mise à jour de l'expérience de page de Google, également connue sous le nom de mise à jour de signaux Web essentiels, qui devrait être lancée en mai 2021, sera le prochain signal de classement fort qui influencera le classement de vos résultats de recherche.

La prochaine mise à jour majeure de l'algorithme de Google repose principalement sur trois groupes de signaux provenant de l'expérience d'un visiteur lors de la consultation d'une page Web sur votre site Web. Mais même si ce nouveau signal de classement, appelé Expérience de page, sera considéré comme un signal fort, il ne remplacera pas les centaines d'autres signaux de classement tels que l'intention de l'utilisateur et la pertinence du contenu, car Google cherche toujours à classer les pages avec les meilleures informations globales. En d'autres termes, même la meilleure expérience de page ne remplacera pas un excellent contenu de page.

Cependant, dans les cas où de nombreuses pages peuvent avoir une pertinence similaire, l'expérience de la page peut être beaucoup plus importante pour les classements de recherche. Ainsi, à partir de maintenant, il est préférable de commencer à intégrer les signaux Web essentiels dans votre stratégie de référencement pour maintenir votre avantage concurrentiel dans les résultats de recherche.

Après avoir lu cet article, vous comprendrez mieux ce qu'est une expérience de page et comment l'améliorer sur votre site Web pour vous préparer à la prochaine mise à jour majeure de l'algorithme de Google.

Qu'est-ce que l'expérience de page?

Selon Google, l'expérience de la page est un ensemble de signaux qui mesurent la façon dont les utilisateurs perçoivent l'expérience d'interaction avec une page Web au-delà de sa valeur purement informative. En d'autres termes, tout dépend de la façon dont un utilisateur perçoit la vitesse d'une page Web. Pour ce faire, Google utilise trois groupes de signaux qui aident à évaluer l'expérience de l'utilisateur:

• Performances de chargement de page
• Délai d'interactivité
• Stabilité visuelle

Tel que démontré dans l'infographie ci-dessous, que vous pouvez télécharger pour référence future en cliquant simplement sur l'image, vous pouvez voir que les signaux Web essentiels sont situés au sommet, étant la plus récente, de nombreuses autres mises à jour et signaux.

Examinons d'abord rapidement chacune des évaluation des signaux Web essentiels qui composent le signal d'expérience de page avant d'utiliser les outils qui aident à comprendre et à identifier les problèmes liés à ces signaux.

Performances de chargement de page

Pour évaluer la vitesse à laquelle une page se charge, Google utilise une métrique appelée Largest Contentful Paint (LCP). En bref, LCP indique le temps nécessaire pour que le plus grand élément d'une page Web apparaisse dans la partie visible (fenêtre) du navigateur. C'est le meilleur moyen jusqu'à présent d'évaluer la perception de l'utilisateur de la vitesse de chargement de la page.

Pour être considéré comme bon par Google, le score LCP d'une page Web doit être inférieur à 2,5 secondes. Un score LCP compris entre 2,5 et 4 secondes est considéré comme adéquat, mais peut encore être amélioré. Tout score LCP au-delà de 4 secondes est considéré comme médiocre pour l'expérience utilisateur et doit être corrigé dès que possible.

Pour améliorer le LCP, vous devez rechercher parmi quatre principaux facteurs qui l'affectent:

• Temps de réponse du serveur lents
• JavaScript et CSS bloquant le rendu
• Temps de chargement des ressources
• Rendu côté client

Voici une capture d'écran d'un rapport Lighthouse sur l'une de mes pages de site Web, où vous pouvez clairement voir où le LCP s'est produit au fil du temps:

Délai d'interactivité

La deuxième métrique centrée sur l'utilisateur utilisée par Google pour juger de l'expérience de la page est la First Input Delay (FID). En bref, le FID indique à Google le temps qu'il faut à une page Web pour se préparer à répondre aux interactions de l'utilisateur, telles que le défilement, le clic et la saisie.

Le FID d'une bonne page Web doit être inférieur à 100 ms selon Google. Un score FID compris entre 100 et 300 millisecondes est toujours correct mais peut être amélioré dans la mesure du possible. Tout score FID au-delà de 300 millisecondes est considéré comme médiocre pour l'expérience utilisateur et doit être corrigé en conséquence.

De nombreux facteurs peuvent influencer le FID. En voici quelques-uns qui peuvent aider à améliorer le FID d'une page Web:

• Réduction du temps d'exécution de Javascript
• Utiliser le chargement asynchrone pour Javascript
• Divisez les gros fichiers Javascript en plus petits à l'aide de la division de code
• Réduisez le nombre de demandes de ressources
• Utiliser une application Web progressive (PWA) avec une stratégie de mise en cache

Voici une autre capture d'écran provenant du même rapport Lighthouse, où vous pouvez voir l'opération Parse HTML prendre près de 60 ms. Web.dev recommande de maintenir ces tâches de longue durée en dessous de 50 ms dans la mesure du possible:

Stabilité visuelle

La dernière métrique du signal d'expérience de page est appelée Cumulative Layout Shift (CLS). Elle est utilisée pour évaluer la stabilité des éléments visuels dans une page Web. Ce que nous entendons par stabilité concerne la façon dont les composants apparaissent dans la fenêtre du navigateur lors du chargement de la page sans se déplacer.

Par exemple, un bouton cliquable apparaît en haut de la page mais quelques secondes plus tard se déplace vers le bas sous une image qui vient d'être téléchargée. C'est mauvais, très mauvais au niveau de l'expérience utilisateur. Pour une bonne expérience utilisateur, il est préférable d'éviter autant que possible toute partie de votre page Web en mouvement, au moins au stade de chargement initial dans la fenêtre.

Voici la meilleure explication vidéo de web.dev à propos d'une mauvaise conception d'interface utilisateur qui affecte le CLS. Web.dev est le site Web officiel de l'équipe des relations avec les développeurs Google Chrome:

Un bon score CLS doit être inférieur à 0,1 selon les recommandations de Google. Un score CLS entre 0,1 et 0,25 est toujours acceptable mais peut être amélioré dans la mesure du possible. Encore une fois, tout score CLS supérieur à 0,25 est considéré comme médiocre pour l'expérience utilisateur et doit être corrigé.

De nombreux facteurs peuvent influencer le CLS d'une page Web et cela provient souvent d'attributs d'image de largeur et de hauteur manquants. Voici quelques endroits importants où vous devriez enquêter pour aider à améliorer le CLS d'une page Web:

• Incluez les attributs de largeur et de hauteur d'image à toutes vos images.
• Incluez les attributs de largeur et de hauteur de la vidéo dans toutes vos vidéos.
• Redimensionner les emplacements avec CSS en utilisant min-width et min-height.
• Évitez les tailles de fluide au-dessus du pli.

Principaux outils Web Vitals

Maintenant que vous avez une meilleure compréhension de l'expérience de page, examinons rapidement quelques exemples d'outils en ligne que j'utilise régulièrement pour analyser les performances des pages Web qui vous aideront à déterminer les problèmes potentiels de vitesse de page.

Lighthouse

Lighthouse est mon meilleur outil pour aider à identifier les coupables de mauvaises performances de page. Pour évaluer les performances d'une page, accédez à https://web.dev/measure/, collez l'URL de votre page et cliquez sur le bouton Run Audit. Après quelques secondes, vous devriez obtenir un rapport de synthèse similaire à celui-ci:

Comme vous pouvez le voir, la page obtient de très bons scores mais nous voyons que certaines améliorations sont encore nécessaires au niveau FID (Time to interactive et Total Blocking Time). Habituellement, les problèmes de performances FID proviennent de Javascript, alors regardons plus en détail le rapport.

Cliquez maintenant sur le lien View Report et faites défiler la page du rapport pour obtenir plus de détails sur les faiblesses de performance et où elles se trouvent:

Comme indiqué ci-dessus, le processus d'hydratation prend un peu trop de temps et j'ai également 11 demandes provenant de bibliothèques tierces. C'est là que je devrais enquêter pour améliorer les performances de la page. Mais je vais le laisser pour l'instant car j'obtiens un score global de plus de 90%, ce qui est assez bon pour le moment.

WebPageTest

Un autre de mes meilleurs outils pour aider à identifier les problèmes de performances dans une page est https://www.webpagetest.org de Catchpoint. J'aime particulièrement la vue Filmstrip où vous voyez clairement les éléments de la fenêtre se disposer au fil du temps avec une liste complète des fichiers téléchargés. Très utile pour détecter les bogues LCP et CLS.

GTMetrix

Un outil que j'utilise depuis presque le début de sa disponibilité est GTMetrix qui offrent un rapport clair et facile à comprendre sur les scores Core Web Vitals de vos pages:

Conclusion

Je crois que de nombreuses pages Web qui apparaissent dans les résultats de recherche seront affectées par la nouvelle mise à jour de l'expérience de page, tandis que d'autres ne le seront pas. Quelle sera l'ampleur de la pénalité? Personne ne le sait précisément, mais personnellement, je pense que ceux qui ont un contenu de qualité seront moins touchés, tandis que ceux qui ont un mauvais codage d'interface utilisateur seront pénalisés.

Dans l'ensemble, il est important de garder à l'esprit que le nouveau signal "Expérience de page" n'est qu'un signal parmi tant d'autres. Signaux de recherche existants, y compris mobile-friendliness, safe-browsing, HTTPS-security, et intrusive interstitial sont encore des signaux très forts. Ainsi, un mauvais score d'expérience de page ne pénalisera pas systématiquement le contenu qui donne à l'utilisateur exactement ce qu'il veut en premier lieu, car la pertinence et l'intention restent des signaux très forts.

Cela dit, seul le temps le dira, mais il est préférable de se préparer maintenant et le seul moyen de minimiser les impacts négatifs est de tester les performances de vos pages Web à l'aide des bons outils qui vous aideront à évaluer et à identifier les problèmes à la source, puis à les résoudre.

En espérant que cet article vous a été utile, n'hésitez pas à me laisser vos commentaires ou toute question dans la zone de commentaire ci-dessous sur l'amélioration de vos scores Web Vitals.

À bientôt !