L’impact des Core Web Vitals sur le référencement naturel SEO

Vous avez entendu parler des Core Web Vitals ? Vous voulez les comprendre et déterminer les changements possibles pour votre site internet ? Notamment en matière de référencement SEO ? On fait le point dans cet article !

Les Core Web Vitals, c’est quoi ?

Il s’agit d’indicateurs de performance que Google prendra davantage en compte dans le ranking (positionnement) des pages web à partir de 2021. Ces trois critères liés à l’expérience utilisateur (UX) sont :

• le temps de chargement du contenu le plus large (LCP)
• la réactivité (FID)
• la stabilité visuelle (CLS)

Ces données vont avoir un impact non négligeable sur les sites web déjà existants et devront être prises en compte lors de la création d’un nouveau site web à l’avenir. En effet, Google accorde de l’importance à l’UX et les Core Web Vitals font partie de l’amélioration de l’UX.

Les 3 nouveaux facteurs pris en compte par Google : FID, LCP et CLS

Afin d’améliorer l’expérience des internautes, Google a donc mis en place 3 critères. Ci-dessous, découvrez l’explication de chacun de ces indicateurs.

Le First Input Delay (FID)

Le FID est une métrique qui mesure le temps de latence. Il s’agit du temps entre la première interaction de l’utilisateur avec la page et le moment où le navigateur est capable de répondre à cette interaction (le clic sur un bouton, par exemple). Un bon FID doit se situer sous la barre des 0,1 seconde. Au-delà des 0,3 seconde, il s’agit d’un mauvais First Input Delay.

Eh oui ! Les temps d’attente peuvent être frustrants pour les utilisateurs, il est donc essentiel d’optimiser cette métrique pour améliorer l’engagement du site.

Cet indice prend en compte les interactions suivantes : les clics, le toucher sur l’écran mais aussi la pression sur les touches du clavier ou du téléphone, par exemple.

Le Largest Contentful Paint (LCP)

Le LCP représente le temps de chargement nécessaire pour afficher le contenu le plus large sur la page (il s’agit généralement de vidéos ou d’images, plus lourdes à charger que le texte). Un bon LCP se situe sous les 2,5 secondes alors qu’un mauvais LCP est au-delà des 4 secondes. Il existe plusieurs facteurs qui peuvent influencer le LCP tels que le temps de réponse du serveur, le blocage du rendu par JavaScript et CSS et le temps de chargement des ressources.

Étant donné la forte croissance du nombre d’utilisateurs privilégiant le smartphone ou la tablette pour surfer sur les sites internet, il est primordial que les contenus larges soient rapidement chargés. Et ce même par de mauvaises connexions ! Cela permet de grandement améliorer la satisfaction des internautes, ou ce qu’on appelle l’expérience utilisateur.

Le LCP prend en compte le chargement des visuels, des vidéos et du texte.

Le Cumulative Layout Shift (CLS)

Le CLS mesure la stabilité visuelle, autrement dit la totalité des changements de mise en page inattendus se produisant sur la durée de vie entière d’une page, comme par exemple un bouton qui se déplace quand on veut cliquer dessus. Il doit être inférieur à 0,1 pour être bon et est mauvais à partir de 0,25.

Ces changements peuvent être très perturbants pour l’internaute. Frustré par ces mouvements soudains qui l’empêchent de cliquer (d’interagir donc) sur l’un ou l’autre bouton, il peut avoir envie de quitter votre site plus rapidement… Il est donc important de faire attention à ce critère.

Quel est le lien entre les Core Web Vitals et l’expérience utilisateur ?

Google manifeste régulièrement son désir d’améliorer l’expérience des utilisateurs (UX) sur les sites web. Afin d’y parvenir, le géant des moteurs de recherche tente de récompenser les entreprises qui s’emploient elles aussi à améliorer cet aspect UX de leur vitrine digitale, que le site soit consulté sur smartphone, tablette ou ordinateur.

Dans un monde où l’accès à un Internet (ultra-)rapide n’est pas encore à la portée de tous, il est en effet primordial que les pages web demandées par les internautes soient rapidement chargées et parfaitement visibles.

La vitesse de chargement des pages et leur rendu visuel sont donc tout logiquement mis à l’honneur au travers des Web Vitals puisqu’il s’agit de critères importants pour les utilisateurs et leur expérience de navigation.

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

Les Core Web Vitals sont devenus des éléments incontournables dans le monde du SEO. Google, le géant des moteurs de recherche, a clairement exprimé son intention de valoriser les pages qui offrent un contenu de qualité, riche et pertinent pour l’utilisateur. Cela signifie que même si une page présente des déficiences au niveau des Core Web Vitals, elle peut toujours être bien positionné si son contenu est jugé de haute qualité par Google.

Il est essentiel de comprendre que, malgré l’importance croissante des Core Web Vitals, certains facteurs traditionnels du SEO, tels que la pertinence du contenu et la qualité des backlinks (liens entrants provenant d’autres sites web), sont prioritaires. Ces éléments ont toujours été au cœur de la stratégie de référencement et continuent de jouer un rôle déterminant dans le positionnement d’une page sur les moteurs de recherche.

Toutefois, dans un scénario où deux pages présentent un contenu tout aussi pertinent et une qualité de backlinks similaire, celle qui excelle en matière de Core Web Vitals aura un avantage compétitif. Elle sera probablement mieux classée car Google considère désormais l’expérience utilisateur comme un critère essentiel pour déterminer la qualité d’une page.

Comment améliorer le référencement SEO en fonction des Core Web Vitals ?

Analysez les pages de votre site internet !

Grâce à des outils comme PageSpeed Insights, web.dev ou l’extension Lighthouse pour Google Chrome, il vous est possible de mesurer les Core Web Vitals de chacune des pages de votre site web. Ces outils digitaux vous offrent de précieuses informations sur votre score en expérience utilisateur, que ce soit sur ordinateur ou sur mobile.

Pour chaque page de votre site, il faut essayer d’obtenir un score d’au moins 50/100 sur desktop, et d’au moins 15/100 sur mobile pour être dans la moyenne. Si possible, il faut toujours veiller à faire encore mieux que ces scores afin de vous classer devant vos concurrents.

Ces outils vous donnent par ailleurs de nombreux conseils sur les différents points d’amélioration qui vous permettraient d’augmenter votre score si cela s’avère nécessaire.

Mesures à prendre pour conserver un page ranking intéressant

Après avoir effectué une analyse approfondie de votre site web, il est essentiel de mettre en œuvre les recommandations suggérées par les outils d’analyse. Ces mesures, bien que non exhaustives, améliorent la performance de votre site et, par conséquent, votre positionnement sur les moteurs de recherche :

• Optimisation des images pour le web: adoptez les formats d’image modernes tels que WebP ou JPEG 2000 pour garantir une qualité d’image optimale tout en réduisant la taille du fichier. Assurez-vous également de redimensionner vos images pour éviter des temps de chargement inutilement longs.
• Nettoyage du CCS superflu : le CSS est un langage de style utilisé pour styliser le contenu HTML. Il est courant de trouver du CSS obsolète ou redondant sur un site. Une revue régulière ou la suppression de ces codes inutiles peuvent améliorer la vitesse de chargement.
• Minimisation du JavaScript : tout comme le CSS, le JavaScript (JS) peut contenir des lignes de code superflues. Éliminez le JavaScript inutile pour optimiser la performance du site.
• Stockage des fichiers sur un serveur dédié : plutôt que de surcharger votre site web avec des fichiers volumineux, envisagez de les stocker sur un serveur externe pour une meilleure répartition des ressources.
• Préchargement des ressources essentielles : le préchargement permet de prioriser le chargement de certains éléments essentiels, pour accélérer l’affichage de vos pages.
• Intégration d’un texte alternatif aux images : le texte alternatif (ou « alt text ») est indispensable pour le SEO. Il décrit le contenu d’une image pour aider les moteurs de recherche à indexer correctement vos visuels.
• Migration vers un hébergeur plus performant : si vous constatez des problèmes persistants de vitesse, il se pourrait que votre hébergeur actuel soit le coupable. Envisagez de migrer vers un fournisseur qui offre de meilleures performances.
• Sélection de plugins optimisés : bien que certains plugins puissent offrir des fonctionnalités attrayantes, ils peuvent également alourdir votre site. Privilégiez des plugins légers et bien codés pour éviter tout ralentissement inutile.

D’autres outils existent pour améliorer votre SEO (Semrush, SEObserver) et vos Core Web Vitals (Semrush, ScreamingFrog…).

Images trop lourdes : un frein pour le chargement de vos pages

La première erreur la plus fréquente que nous observons lors de nos audits est le poids excessif des images. Une image trop lourde peut ralentir considérablement le temps de chargement d’une page, impactant directement le LCP.

• Images hors écran non différées: l’utilisation d’attributs tels que « lazy-load » permet de retarder le chargement des images situées en bas de page. Vous améliorez ainsi le LCP.
• Formats d’images non optimisés : les formats tels que WebP sont nettement plus légers que les JPEG ou PNG. En utilisant des outils comme CloudConvert pout convertir vos images, vous pouvez grandement améliorer la vitesse de chargement.
• Dimensionnement inapproprié: vous devez vous assurer que vos images sont correctement dimensionnés. Une grande image affichée en petite taille est une ressource gaspillée.

Espaces non définis pour les grands éléments

Le deuxième problème est l’absence d’espaces prévus pour les grands éléments dans le code HTML. Cela peut entrainer des décalages inattendus lors du chargement, affectant le CLS.

À la place de simplement insérer une image, vous devez prévoir l’espace qu’elle occupera en définissant ses dimensions avec les attributs « width » et « height ».

Négliger la version mobile

Avec l’augmentation constante de l’utilisation des smartphones pour naviguer sur le web, il est primordial de soigner la version mobile de votre site. Google est particulièrement strict en ce qui concerne les Core Web Vitals sur mobile.

Pour ce faire, développez votre site de sorte qu’il soit réactif, que les textes sont lisibles, que les liens sont suffisamment espacés et que les boutons sont assez grands pour être facilement cliquables.