Comment optimiser les éléments vitaux Web de base pour un meilleur référencement et UX

TL; DR : Google a annoncé que l'expérience de la page sera un facteur de classement pour la recherche sur ordinateur d'ici la fin du mois de mars 2022. Surveillez vos signaux Core Web Vitals pour garantir une expérience client positive et protéger les taux de conversion.

Aller à une section :

• Qu'est-ce que la mise à jour de l'expérience de la page de bureau ?
• Quelle est l'importance de l'expérience de la page par rapport aux autres facteurs de classement ?
• Quel est l'impact commercial de l'expérience de la page ?
• Métriques Core Web Vitals de Google
• Où puis-je trouver les métriques Core Web Vitals ?
• Surveillance de Core Web Vitals dans Botify
• Le rapport Core Web Vitals dans GSC
• Signaux d'expérience de page existants dans l'algorithme de Google
• Comment optimiser l'expérience de la page ?

Qu'est-ce que la mise à jour de l'expérience de la page ?

Étant donné le choix entre une excellente expérience de page Web et une expérience "meh", nous allons choisir la meilleure à chaque fois.

Avez-vous déjà dû attendre huit secondes pour qu'un menu s'ouvre ? Ou cliqué quelque chose par erreur parce qu'un élément de la page a soudainement bougé ?

Bien sûr que vous avez. Nous avons tous.

Google sait à quel point de telles interactions peuvent gâcher notre expérience d'un site Web. C'est pourquoi ils ont ajouté des critères liés à l'expérience comme facteurs de classement au fil des ans, comme la vitesse de la page et la convivialité pour les mobiles.

Mais en novembre 2020, Google a annoncé son intention de créer un facteur de classement complet de l'expérience de page. Cette mise à jour consoliderait les signaux d'expérience de page existants (par exemple, la convivialité mobile, la prévalence d'interstitiels intrusifs) tout en incorporant les métriques Core Web Vitals (CWV), qui mesurent les attributs liés à la vitesse de la page, à la réactivité et à la stabilité visuelle.

Ces mises à jour ont atteint la recherche mobile en juin 2021. Grâce au facteur de classement de l'expérience de page, les sites n'ont plus besoin de pages mobiles accélérées (AMP) pour se classer dans les résultats Top Stories. Tant que les pages atteignaient leurs seuils d'expérience de page, elles étaient éligibles pour un placement prioritaire dans la recherche mobile.

Maintenant, Google étend la mise à jour de l'expérience de la page pour inclure la recherche sur le bureau. Le déploiement devrait être terminé fin mars 2022.

Quelle est l'importance de l'expérience de la page par rapport aux autres facteurs de classement ?

L'expérience de la page est moins importante que d'avoir un contenu pertinent de haute qualité. Selon les propres mots de Google, "Nous priorisons les pages avec les meilleures informations dans l'ensemble, même si certains aspects de l'expérience de la page sont médiocres."

Qu'est-ce que cela signifie pour vous? Cela signifie que si votre contenu est d'une qualité et d'une pertinence similaires à celles d'un concurrent, mais que ce concurrent a de meilleures mesures d'expérience de page, alors la page du concurrent surclassera probablement la vôtre.

Quel est l'impact commercial de l'expérience de la page ?

Une expérience de page optimisée ne consiste pas seulement à bien se classer dans la recherche - elle a un impact direct sur les conversions et la façon dont les clients perçoivent votre marque. Google a constaté que si les sites atteignent leurs seuils minimaux de CWV, les utilisateurs sont "24 % moins susceptibles d'abandonner les chargements de page". C'est significatif.

Même en l'absence d'abandon de page, des temps de chargement lents peuvent nuire aux conversions. Dans leur rapport de référence sur l'expérience numérique 2021, nos partenaires de Contentsquare révèlent que même "une baisse de 100 ms du temps de chargement Web peut entraîner une baisse des taux de conversion de 7 %".

À la lumière de ces tendances, l'expérience utilisateur est devenue une priorité croissante pour les sites de commerce électronique et autres qui dépendent fortement du trafic numérique. Chez Hubday, Alltricks CMO Yohan Michel a déclaré que le détaillant d'équipements de cyclisme et de course rationaliserait sa technologie d'application Web pour réaliser "un site mobile encore plus fluide qui se charge extrêmement rapidement, toujours dans le but d'augmenter le taux de conversion".

Étant donné que les Core Web Vitals font partie intégrante de la réalisation d'une expérience de page positive, il est important que nous comprenions ce qu'ils sont et comment les optimiser.

Métriques Web Vitals de Google

Le nouveau facteur de classement de l'expérience de page de Google combinera les signaux d'expérience de page existants avec les métriques Core Web Vitals, mais que sont les Core Web Vitals ?

Google a présenté Core Web Vitals le 5 mai 2020 comme un moyen d'unifier et de rationaliser tous les conseils sur les signaux d'expérience utilisateur qu'ils ont ajoutés au fil des ans.

Une excellente expérience utilisateur comprend de nombreux facteurs, mais Google a identifié trois éléments fondamentaux que chaque site devrait posséder :

• Expérience de chargement : Google utilise la métrique "Largest Contentful Paint" (LCP) pour mesurer la vitesse de chargement perçue pour l'utilisateur. LCP marque le point auquel le contenu principal de la page est entièrement chargé. Apprendre encore plus.
• Interactivité : Google utilise la métrique "First Input Delay" (FID) pour mesurer comment les utilisateurs sont capables d'interagir avec la page. Le FID mesure des éléments tels que la réactivité de la page et constitue la mesure la plus quantifiable de la façon dont l'utilisateur se sent probablement lorsqu'il essaie de naviguer et d'effectuer des actions sur la page. Apprendre encore plus.
• Stabilité visuelle : Google utilise la métrique « Cumulative Layout Shift » (CLS) pour mesurer la stabilité de la mise en page de la page. En d'autres termes, dans quelle mesure la mise en page change-t-elle de manière inattendue pour l'utilisateur ? Apprendre encore plus.

Google explique que ces métriques sont une combinaison d'autres métriques - encore une fois, comme un moyen de rationaliser les métriques d'expérience de page. Par exemple, vous ne pouvez pas avoir un bon LCP si vous avez un mauvais First Contentful Paint (FCP) et Time to First Byte (TTFB). Les métriques de base de Web Vitals sont des indicateurs fiables car elles sont basées sur des données d'utilisation réelles (AKA "données de terrain") par opposition à des données extrapolées (AKA "données de laboratoire"). Ces données de champ proviennent du rapport Chrome User Experience (CrUX), qui rassemble des mesures anonymisées sur les temps de performance des personnes réelles visitant vos pages.

Où puis-je trouver mes métriques Core Web Vitals ?

Google affirme que tous ses outils de développement populaires peuvent désormais être utilisés pour mesurer Core Web Vitals.

Voici un exemple de ces nouvelles statistiques dans l'outil PageSpeed Insights :

Et dans l'outil de mesure Web.Dev :

Vous pouvez trouver des informations Core Web Vitals dans :

• Lighthouse : Téléchargez l'extension Lighthouse pour Chrome ou utilisez l'onglet Audits de Chrome DevTools (appuyez sur « inspecter » sur une URL et cliquez sur l'onglet « audits »).
• PageSpeed ​​Insights : accédez à l'outil PageSpeed ​​Insights et exécutez un rapport comme d'habitude. Les nouvelles mesures Core Web Vitals figureront en bonne place en haut de votre rapport.
• Extension Chrome Web Vitals : Google a créé une extension complète dédiée à vous aider à mesurer LCP, FID et CLS sur vos pages Web. Téléchargez l'extension Web Vitals pour Chrome.
• API de rapport Chrome UX : toutes les mesures du rapport d'expérience utilisateur Chrome sont alimentées par des API. Les propriétaires de sites peuvent utiliser ces mêmes API pour collecter des analyses au niveau de l'URL de ces mesures de performances. Consultez la documentation de Google sur l'API Chrome UX Report ici.
• Outil de mesure Web.dev : visitez https://web.dev/measure/ pour voir les données Core Web Vitals sur n'importe quelle URL que vous exécutez via l'outil.
• Google Search Console : Le rapport "Core Web Vitals" dans GSC regroupe les performances par statut, type de métrique et type d'URL.
• Botify : Depuis février 2022, Botify Analytics comprend un tableau de bord CoreWebVitals contenant des rapports de tendances et des données CWV segmentées par type de page.

Surveillance de Core Web Vitals dans Botify

Botify tire ses données CWV directement du rapport CrUX via l'API de Google pour s'assurer qu'elles font autorité et sont cohérentes avec les rapports tiers. Mais il y a plusieurs avantages à surveiller les CWV à l'aide de Botify.

Étant donné que vos données Core Web Vitals sont hébergées dans Botify, vous pouvez facilement gérer l'expérience de votre page sans basculer entre les plates-formes.

Non seulement cela, mais vous pouvez également segmenter vos données par type de page, révélant quelles catégories de pages rencontrent des problèmes CWV avant que ces problèmes ne commencent à apparaître dans les données de conversion.

Le tableau de bord comporte également un certain nombre de rapports sur les tendances, montrant les changements dans vos métriques CWV au fil du temps. Cela peut vous aider à identifier les modifications du site susceptibles d'avoir un impact sur l'expérience de votre page.

Mais puisque les référenceurs seront probablement les plus familiers avec GSC et l'ont intégré dans leur flux de travail quotidien, plongeons-nous dans ce rapport spécifiquement. Visitez web.dev/vitals-tools pour obtenir des instructions détaillées sur la façon d'utiliser les autres rapports pour trouver les données Core Web Vitals.

Le rapport Core Web Vitals dans Google Search Console

Accédez à la propriété que vous souhaitez auditer dans Google Search Console et cliquez sur "Core Web Vitals" dans la navigation de gauche.

Une fois là-bas, vous verrez des graphiques pour les performances mobiles et de bureau.

Ces graphiques incluent des URL appartenant à l'une des trois catégories suivantes :

• Médiocre : les URL sont considérées comme « médiocres » si leur LCP est supérieur à 4 secondes, le FID supérieur à 300 ms et le CLS supérieur à 0,25.
• Besoin d'amélioration : les URL sont considérées comme « à améliorer » si leur LCP est compris entre 2,5 et 4 secondes, leur FID est compris entre 100 ms et 300 ms, et leur CLS est compris entre 0,1 et 0,25.
• Bon : les URL sont étiquetées "bonnes" si leur LCP est inférieur à 2,5 s, le FID est inférieur à 100 ms et le CLS est inférieur à 0,1.

Étant donné que ce rapport utilise des données de champ, si une URL ne contient pas suffisamment de données réelles, GSC l'omettra du rapport.

Le rapport Core Web Vitals de GSC décompose les problèmes par groupe d'URL, ce qui est utile car un seul problème sur un groupe d'URL est probablement causé par un seul problème général. Cela vous aide à vous concentrer sur le problème sous-jacent plutôt que sur la façon dont ce problème se manifeste sur plusieurs pages individuelles.

Google fournira des statuts sur des groupes d'URL pour vous aider à suivre celles que vous avez validées, celles que vous n'avez pas validées et la progression de ces tests. Pour plus d'informations sur votre rapport Core Web Vitals dans GSC, consultez la page de recherche Centre d'aide de la console pour lire leur documentation complète.

Signaux d'expérience de page Google existants

Les métriques Core Web Vitals ne sont pas les seuls facteurs qui entreront dans le nouveau facteur de classement de l'expérience de page de Google. Il intégrera également des signaux d'expérience de page existants tels que :

• Convivialité mobile : annoncée en 2015, la convivialité mobile est un signal de classement qui donne la priorité au contenu facile à consulter sur les appareils mobiles. Vous pouvez tester ici si votre page est adaptée aux mobiles. Vous pouvez également surveiller l'utilisabilité mobile dans Google Search Console.
• Navigation sécurisée : les webmasters doivent résoudre les problèmes de sécurité détectés sur leur site, auxquels ils peuvent accéder dans le rapport sur les problèmes de sécurité dans Google Search Console. Les problèmes de sécurité incluent les logiciels malveillants, les pages trompeuses, les téléchargements nuisibles et les téléchargements peu courants.
• Sécurité HTTPS : HTTPS / Transport Layer Security est un léger signal de classement qui a moins de poids que les signaux de qualité du contenu, mais les webmasters devraient migrer toutes leurs URL vers HTTPS non seulement parce que cela pourrait aider au classement, mais parce que c'est plus sûr pour les visiteurs.

Consignes relatives aux interstitiels intrusifs : les webmasters doivent éviter d'afficher des fenêtres contextuelles qui couvrent le contenu principal d'une page, d'afficher des interstitiels autonomes que l'utilisateur doit ignorer avant d'accéder au contenu principal et de faire ressembler la partie au-dessus de la ligne de flottaison de la page Web un interstitiel autonome lorsque le contenu principal se trouve sous la ligne de flottaison.

Prochaines étapes : comment optimiser l'expérience de la page ?

Maintenant que l'expérience de la page est un facteur de classement pour la recherche sur ordinateur et sur mobile, c'est une bonne idée de commencer à l'intégrer à votre stratégie de référencement.

Google suggère le flux de travail suivant pour l'optimisation de l'expérience de la page :

1. Ouvrez votre rapport Core Web Vitals dans Google Search Console pour identifier les groupes de pages qui nécessitent votre attention. Concentrez-vous d'abord sur les URL de la catégorie "médiocre", puis sur "besoin d'amélioration".
2. Partagez ce rapport avec votre équipe d'ingénieurs (lisez les conseils pour communiquer avec vos développeurs Web) ou poursuivez les diagnostics ci-dessous.
3. Une fois que vous avez une bonne compréhension des pages qui nécessitent le plus d'attention, exécutez ces pages via PageSpeed ​​Insights pour diagnostiquer les problèmes spécifiques contribuant aux métriques Core Web Vitals médiocres que vous devez résoudre.
4. Exécutez ces pages via un audit Lighthouse ou utilisez l'extension Web Vitals Chrome pour obtenir des conseils plus pratiques sur ce que vous devez encore corriger.

Google nous donne également les meilleures pratiques en matière d'expérience de page, telles que :

• Réduire la taille de chaque page à moins de 500 Ko (page + toutes les ressources).
• Gardez le nombre total de ressources par page à moins de 50 (idéal pour mobile).
• Envisagez de mettre en œuvre AMP, qui peut résoudre de nombreux problèmes de chargement de page sur mobile et sur ordinateur.

Lorsque vous et/ou votre développeur Web commencez à mettre en œuvre des correctifs d'expérience de page, Google suggère d'utiliser leur bouton "Démarrer le suivi", qui lancera une session de surveillance de 28 jours. Pourquoi 28 jours ? Google indique que si aucune instance du problème ne se reproduit dans cette fenêtre de 28 jours, vous pouvez considérer le problème comme résolu !

Le facteur de classement de l'expérience de page améliorée est une autre étape dans la direction du mélange SEO et UX. Au fil du temps, il semble de plus en plus que faire ce qui est le mieux pour les humains est aussi ce qui est le mieux pour Google.

Nous souhaitons créer la meilleure expérience possible pour nos visiteurs et en être récompensé !

Contactez-nous pour en savoir plus sur Botify aide les sites Web d'entreprise à transformer la recherche organique en un canal efficace, mesurable et durable pour la croissance du trafic et des revenus.