Core Web Vitals de Google : ce qu’il faut surveiller à partir de juin 2021 (et pas seulement pour le SEO)

Les signaux de classement des Core Web Vitals sont déployés depuis la mi-juin 2021. Google semble avoir réalisé que trop de sites web ne répondent pas aux exigences de la mise à jour de la fameuse ‘Page Experience’. En outre, Google a récemment annoncé que les nouveaux signaux de classement ne seront pleinement pris en compte par les systèmes que vers la fin du mois d’août. Les propriétaires de sites web disposent donc d’une toute dernière période de grâce d’ici là. Toutefois, la mesure dans laquelle ce critère d’expérience utilisateur aura un impact sur les classements reste une question ouverte à l’heure actuelle.

Je vais donc tenter dans cet article de vous montrer quelles sont les mesures que vous devez évaluer maintenant et quel est leur impact sur le classement et le référencement. Avec les Core Web Vitals, les SEO ont maintenant un élément de plus à prendre en compte dans l’optimisation OnPage.

Que sont les Core Web Vitals ?

Avec les Core Web Vitals, Google fournit des signaux de qualité uniformes qui reflètent l’expérience des utilisateurs sur un site Web. En d’autres termes, les opérateurs de sites peuvent utiliser ces mesures pour classer et évaluer l’expérience utilisateur d’un site web. Il s’agit essentiellement du processus de chargement d’une page, de l’interactivité d’une page et de la stabilité visuelle d’une page.

Google introduit ces mesures à cette fin :

Largest Contentful Paint (LCP) : cet indicateur mesure le temps nécessaire au chargement du contenu principal d’une page. Le moteur de recherche indique que la valeur idéale est de 2,5 secondes ou plus.

First Input Delay (FID) : le FID décrit l’intervalle de temps entre la première interaction d’un utilisateur avec une page (comme appuyer sur un bouton ou cliquer sur un lien) et la réaction du navigateur à cette interaction.

Cumulative Layout Shift (CLS) : la mesure CLS permet d’évaluer la stabilité de la mise en page d’une page Web et de déterminer si les éléments de mise en page individuels se déplacent au cours de l’utilisation. Google indique que la valeur idéale est de 0,1 ou moins.

Google souhaite étendre et compléter les mesures qui composent les Core Web Vitals à l’avenir. Les valeurs ne doivent pas être figées. Si les attentes de l’utilisateur en matière d’expérience sur un site Web changent, le moteur de recherche veut ajuster les mesures en conséquence.

Où puis-je mesurer les Core Web Vitals ?

Vous pouvez mesurer les Web Vitals via :

  • la Search Console
  • PageSpeed Insights
  • Lighthouse
  • Chrome DevTools
  • le rapport Chrome UX
  • l’extension Web Vitals

Google prévoit d’intégrer progressivement les Web Vitals dans les outils analytiques respectifs. Selon Google, les propriétaires de sites n’ont pas besoin d’être des experts en matière de performances pour lire les mesures contenues dans ces outils. Le défi pour eux consiste plutôt à évaluer correctement les données des vitales Web et à améliorer la convivialité en fonction de celles-ci.

A lire également :   Instagram Marketing pour utilisateurs avancés - une étude de cas

Pour les CMS largement utilisés tels que WordPress, le moteur de recherche fournit des informations concrètes sur les paramètres ou les plugins qui posent problème et sur la manière de les corriger.

Rapport sur la convivialité des pages dans la Search Console

Google propose désormais un aperçu dans la Search Console, dans lequel la convivialité des URL de votre propre site web est affichée. Vous pouvez le trouver dans le menu sous “Convivialité > Comportement de la page”. D’une part, le graphique montre la proportion de bonnes URL en termes de convivialité, d’autre part, on peut voir le nombre d’impressions de ces bonnes URL.

Sous le graphique, quatre champs indiquent un potentiel d’optimisation. Les référenceurs et les exploitants de sites Web doivent désormais prêter une attention particulière à la zone des Core Web Vitals : en cliquant sur ce champ, les chiffres clés (FID, FID et CLS) qui doivent être optimisés s’affichent.

Quel est l’impact des Core Web Vitals sur le SEO ?

Google prévoit d’introduire un nouveau facteur de classement – le Page Experience Signal. Ce système est censé combiner les indicateurs Web de base (le plus grand tableau de contenu, le premier délai de saisie, le décalage cumulatif de la mise en page) avec les indicateurs de l’expérience utilisateur existants. Ce faisant, Google appelle ces signaux :

Convivialité pour les mobiles (Mobile-Friendliness) : les exploitants de sites peuvent vérifier la convivialité pour les mobiles via le test de convivialité pour les mobiles de Google.

Navigation sécurisée (Safe-Browsing) : le rapport sur les problèmes de sécurité de la console de recherche indique aux opérateurs du site s’il existe des problèmes en termes de navigation sécurisée.

Sécurité HTTPS (HTTPS-Security) : si les exploitants de pages utilisent une connexion HTTPS sécurisée pour leur site web, ils trouveront un petit cadenas à côté de l’URL.

Directives relatives aux interstitiels intrusifs (Intrusive Interstitial Guidelines) : en termes simples, les interstitiels intrusifs sont des fenêtres pop-up qui couvrent une grande partie du contenu, voire la totalité du contenu d’une page. Les seules exceptions sont les exigences légales ou éthiques qui imposent l’utilisation d’une fenêtre pop-up. Il peut s’agir, par exemple, d’une vérification de l’âge.

Le signal d’expérience de la page devrait donc être basé principalement sur des facteurs techniques. Les aspects liés au contenu ne sont pas inclus ici. Cela signifie que des facteurs tels que le contenu et les mots clés restent déterminants pour obtenir un bon classement. En pratique, cela signifie qu’un site web dont le contenu est particulièrement pertinent peut se retrouver dans les premières positions, même si le signal d’expérience de la page est faible.

Toutefois, si deux pages ont une pertinence similaire en termes de contenu, la page présentant le meilleur signal d’expérience de page peut être mieux classée. Les propriétaires de pages doivent donc prendre en compte le signal d’expérience de la page lors de l’optimisation du référencement. Toutefois, ils ne doivent pas y consacrer trop d’efforts. Un contenu convaincant, pertinent et à valeur ajoutée vaut – du moins en théorie – pour l’expérience utilisateur.

A lire également :   Ryte perçoit 3,1 millions d'euros

Gary Illyes de Google a fait les commentaires suivants sur Reddit :

Comme tout autre moteur de recherche, Google s’efforce de fournir les résultats les plus pertinents et de la meilleure qualité possible pour les requêtes des utilisateurs. Core Web Vitals n’a rien à voir avec l’un ou l’autre de ces éléments, même de loin, et il est donc très peu probable que CWV devienne un jour “le principal moteur du trafic organique”. Cela ne signifie pas pour autant que CWV peut être ignoré.

Cela ne devrait pas être une surprise. Certes, vous souhaitez que votre site Web offre une excellente expérience utilisateur, mais si votre site présente le contenu le plus pertinent pour une requête de recherche, Google le classera toujours en bonne position, même s’il n’obtient pas de bons résultats dans les signaux Core Web Vitals.

Quand les Core Web Vitals seront-ils introduits ?

Google a annoncé que les signaux provenant des Core Web Vitals seront inclus dans les classements à partir de mai 2021. L’introduction progressive a eu lieu à la mi-juin.

Comment puis-je améliorer les vitales de mon site web ?

Optimiser le LCP

Si votre site web prend un temps particulièrement long pour charger le contenu principal, cela se traduira par un score négatif de Largest Contentful Paint.

Un temps de chargement supérieur à 2,5 secondes est considéré comme une bonne valeur, entre 2,5 et 4 secondes des optimisations sont recommandées, à partir de 4 secondes de temps de chargement vous devez absolument appliquer un correctif.

Les mauvaises valeurs de LCP sont causées, par exemple, par un ou plusieurs des facteurs suivants :

  • Temps de réponse des serveurs longs
  • JavaScript et CSS bloquant le rendu
  • Temps de chargement long des ressources, telles que les images

Réduire les temps de chargement des serveurs

Plus le serveur met de temps à envoyer le contenu, plus il faut de temps au navigateur pour le rendre sur l’écran. Ainsi, un temps de réponse plus rapide du serveur aura également un impact négatif sur la valeur du LCP.

En général, il est important de vérifier si votre serveur doit traiter des requêtes complexes qui prennent beaucoup de temps.
Il peut y avoir d’autres processus complexes sur le serveur qui font que les éléments de contenu sont à l’arrière des éléments de contenu. Il est donc judicieux d’analyser et d’optimiser en permanence les demandes et les opérations existantes.

Utiliser le Content Delivery Network

Dans ce contexte, il peut également être utile, pour les sites web comptant de nombreux utilisateurs internationaux, d’utiliser un système dit “d’alerte”. Les demandes des utilisateurs sont ensuite transmises au serveur le plus proche. Il n’est donc plus nécessaire d’attendre les requêtes réseau des serveurs situés à l’autre bout du monde.

A lire également :   Comment Google traite-t-il les informations provenant de Wikipedia pour le graphique de connaissances?

Utiliser le cache

Si vous avez du contenu HTML statique, vous devriez utiliser le cache pour éviter qu’il ne soit inutilement restauré à chaque requête. Cela vous permet de réduire la consommation de ressources.

Optimiser les CSS et JavaScript

Les feuilles de style externes et les balises JavaScript retardent le rendu, ce qui entraîne une augmentation du LCP.

Ce que vous pouvez faire :

  • Ne fournissez aux utilisateurs du site Web que la quantité absolument nécessaire de JavaScript. Pour améliorer encore les performances de l
  • les fichiers JavaScript doivent être réduits en taille et compressés.
  • Les données JavaScript doivent être divisées en plusieurs parties et n’envoyer que ce qui est nécessaire pour commencer.
  • Il en va de même pour les CSS : Dans la mesure du possible, les CSS doivent être réduits en taille.
  • Les CSS inutiles doivent être supprimés ou déplacés vers une autre feuille de style s’ils sont utilisés sur une page distincte de votre site Web.

Optimiser les temps de chargement des images

Le chargement d’images, de vidéos et d’autres contenus a un impact direct sur le LCP, s’ils sont affichés au-dessus de la ligne de flottaison (c’est-à-dire visible au premier coup d’œil par l’utilisateur d’un site web).

Les mesures à prendre lorsque les fichiers sont trop volumineux sont les suivantes :

  • Optimiser et réduire la taille des images : pour ce faire, vérifiez avant tout quelles sont les pages qui ont besoin d’images en premier lieu. Les images apportent-elles une valeur ajoutée au contenu ? Dans le cas contraire, ils peuvent être supprimés.
  • Fournissez des images dans des formats modernes : JPEG 2000, JPEG XR ou WebP sont idéaux, par exemple.
  • Utilisez des images réactives
  • Compresser les fichiers texte
  • Précharger les ressources importantes : Donner la priorité à certains contenus pour les rendre disponibles plus tôt dans le processus de chargement. Toutefois, concentrez-vous d’abord sur le contenu essentiel, comme les polices de caractères ou les vidéos.

Google a publié une vidéo à l’intention des développeurs Web dans laquelle le conférencier Addy Osmani explique plus en détail le potentiel d’optimisation de LCP :

Comment puis-je optimiser les valeurs CLS de mon site web ?

Google considère qu’une valeur CLS de <0,1 est bonne, une valeur de >0,25 est mauvaise.

Pour améliorer les performances du CLS de votre site Web, vous devez tenir compte de quelques éléments de base :

  • Fournissez toujours à vos images et vidéos des attributs de taille spécifiques. Vous pouvez également réserver de l’espace avec les champs de rapport d’aspect CSS. De cette façon, le navigateur attribuera l’espace approprié à l’élément pendant le processus de chargement.
  • Ne superposez jamais un contenu existant à un autre contenu, à moins que ce ne soit en réponse à une interaction avec l’utilisateur.
  • Animez les transitions de sorte que le contexte et la continuité soient maintenus entre chaque état.

Comment obtenir de meilleurs résultats au FID ?

Si les performances de votre site Web sont médiocres en ce qui concerne le délai de première entrée, la cause principale peut être une charge trop importante due à l’exécution de javascript. Ce que vous pouvez faire dans ce cas :

  • Réduire la quantité de JavaScript chargée sur une page. Vous pouvez également diviser les tâches longues en tâches plus petites.
  • Les applications tierces peuvent également détériorer les valeurs FID. Il est important ici de vérifier si le chargement à la demande est possible.
  • Réduire le temps d’exécution de JavaScript. La même procédure que ci-dessus s’applique ici.