Article original : How to Track and Analyze Web Vitals to Improve SEO
Par Adam Henson
Bonne nouvelle - nous avons maintenant un tout nouvel ensemble de normes pour juger de la valeur de notre moteur de recherche ! ?
Si vous êtes comme moi, vous n'avez peut-être pas sauté de joie en lisant l'annonce de Google concernant son prochain changement d'algorithme de recherche. Mais après avoir pris le temps de respirer, je crois que c'est un changement positif.
L'annonce met l'accent sur l'expérience de la page web et son rôle dans l'avenir de l'indexation de recherche. En suivant cette nouvelle direction, nous pouvons non seulement offrir une meilleure expérience aux utilisateurs de sites web, mais aussi établir des stratégies efficaces pour améliorer le SEO.
Qu'est-ce que les Web Vitals ?
Les métriques suivantes englobent les Web Vitals telles que définies au moment de la rédaction de cet article.
- First Contentful Paint (FCP) mesure le temps écoulé entre le début du chargement de la page et le moment où une partie du contenu de la page est rendue à l'écran.
- First Input Delay (FID) mesure le temps écoulé entre le moment où un utilisateur interagit pour la première fois avec une page et le moment où le navigateur est en mesure de répondre à cette interaction.
- Largest Contentful Paint (LCP) rapporte le temps de rendu du plus grand élément de contenu visible dans la fenêtre d'affichage.
- Time to First Byte (TTFB) est le temps nécessaire pour qu'un navigateur d'utilisateur reçoive le premier octet du contenu de la page.
- Cumulative Layout Shift (CLS) mesure la somme totale de tous les scores de déplacement de mise en page individuels pour chaque déplacement de mise en page inattendu qui se produit pendant toute la durée de vie d'une page. Pour calculer le score de déplacement de mise en page, le navigateur examine la taille de la fenêtre d'affichage et le mouvement des éléments instables dans la fenêtre d'affichage entre deux images rendues.
Pourquoi les Web Vitals sont-elles importantes ?
Ces dernières années, Lighthouse, un outil automatisé open-source pour améliorer la qualité des pages web, a été largement adopté comme norme industrielle.
Un autre projet Google appelé Web Vitals a émergé, dérivant des métriques à partir de vrais utilisateurs d'une manière qui correspond précisément à la façon dont elles sont mesurées par Chrome et rapportées à d'autres outils Google.
Avec cela, nous pouvons établir une perspective d'expérience de page d'un point de vue SEO, analyser et ajuster en conséquence. ?
Les Core Web Vitals sont le sous-ensemble des Web Vitals qui s'appliquent à toutes les pages web, doivent être mesurées par tous les propriétaires de sites et seront mises en avant dans tous les outils Google. Chacune des Core Web Vitals 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.
Web Vitals dans Google Search Console
Search Console fournit des rapports sur la manière dont les vrais utilisateurs accèdent à un site web et une variété de données sur ces utilisateurs.
Les Core Web Vitals sont rapportées sous forme de résumé montrant le nombre total d'URL qui sont bonnes, nécessitent des améliorations ou sont simplement mauvaises. ?
Google Search Console Core Web Vitals
Envoyer les Web Vitals à Google Analytics et les visualiser dans Data Studio
Search Console fournit un résumé des résultats dans le grand schéma des choses, mais pour obtenir des rapports détaillés, nous pouvons aller plus loin. Le projet GitHub Web Vitals documente une méthode de capture des métriques en tant qu'événements d'analyse qui peuvent être visualisés sous forme de graphiques dans Google Data Studio.
Avertissement : Je n'ai pas personnellement réussi à connecter les événements Web Vitals Analytics à Data Studio, et la documentation est actuellement insuffisante. Mais je mettrai à jour cet article dès que je pourrai rassembler un exemple.
Visualiser et analyser les Web Vitals en temps réel avec Automated Lighthouse Check
Démonstration des Web Vitals avec Automated Lighthouse Check
Google Analytics et Data Studio sont des outils puissants qui offrent de grandes perspectives. Et surtout, ils sont gratuits !
Automated Lighthouse Check est un site web qui surveille les sites web avec Lighthouse et offre maintenant une implémentation des Web Vitals. Vous pouvez intégrer un extrait JS sur votre site web et commencer à collecter les métriques Web Vitals en temps réel.
Un avantage de cet outil est son processus de configuration simple et son filtrage facile. Vous pouvez filtrer les données par URL ainsi que par navigateur, système d'exploitation et appareil.
Conclusion
Le chemin vers le succès en SEO est sinueux, mais heureusement, nous avons maintenant un ensemble de directives plus concrètes. Si votre objectif est d'atteindre un classement élevé sur le moteur de recherche de Google, il est bon d'utiliser les outils et projets recommandés par Google, y compris Lighthouse et Web Vitals.