L’importance du SEO et des performances web

Le SEO et les performances web sont en constante évolution. Cela signifie que vous devez rester à jour sur les métriques de vitesse de page à suivre et sur la manière dont ces métriques se comportent sur vos propres pages.

Qu’est-ce que les Core Web Vitals ?

Depuis l’annonce des Core Web Vitals de Google en 2020, ils sont devenus une priorité pour de nombreuses personnes. Mais la priorisation de la vitesse de page par Google dans le classement des recherches n’est pas nouvelle, même pour les appareils mobiles. Dès 2013, Google a annoncé que les pages qui se chargent lentement sur les appareils mobiles seraient pénalisées dans les recherches mobiles.

L’algorithme de recherche de Google, qui affecte à la fois les ordinateurs de bureau et les appareils mobiles, inclut les Core Web Vitals en tant que facteur de classement de l’expérience utilisateur. Les Core Web Vitals sont une initiative de Google lancée début 2020. Les Core Web Vitals sont (actuellement) un ensemble de trois métriques destinées à mesurer le chargement, l’interactivité et la stabilité visuelle d’une page :

• Largest Contentful Paint (LCP)
• Interaction to Next Paint (INP)
• Cumulative Layout Shift (CLS)

Quelques points sont clairs :

• Les Core Web Vitals sont là pour rester pendant un certain temps.
• Les métriques qui composent les Core Web Vitals évoluent toujours.
• Ces métriques seront probablement toujours en évolution. C’est une bonne chose. Nous devons faire de notre mieux pour rester à jour, non seulement sur les métriques à suivre, mais aussi sur ce qu’elles mesurent et pourquoi elles sont importantes.

Quelle est l’importance des performances web pour le classement des recherches ?

La vitesse de page a eu un impact sur le SEO bien avant l’arrivée des Core Web Vitals. En 2011, Smartfurniture.com a partagé :

“Nous avons découvert que nous pouvions faire un bond en avant dans le classement des moteurs de recherche simplement en améliorant les performances de notre site. Dans l’ensemble, nous avons constaté une augmentation des ventes grâce à notre meilleur classement, avec 20% de trafic organique supplémentaire dirigé vers notre site et 14% de pages vues en plus.”

Plus récemment, Pinterest a partagé que la reconstruction de leur site en tenant compte des performances a entraîné une augmentation de 15% du trafic de recherche organique. (Vous pouvez trouver plus d’études de cas liées au SEO sur WPOstats.com.)

De bonnes performances ne remplacent pas un contenu de mauvaise qualité. En ce qui concerne l’expérience utilisateur, le contenu de qualité est toujours roi. Google le reconnaît également :

“Bien que l’expérience de la page soit importante, Google cherche toujours à classer les pages avec les meilleures informations globales, même si l’expérience de la page est médiocre. Une excellente expérience de la page ne remplace pas un excellent contenu de page. Cependant, dans les cas où il existe de nombreuses pages qui peuvent être similaires en termes de pertinence, l’expérience de la page peut être beaucoup plus importante pour la visibilité dans les recherches.”

Sur quels métriques de performances devez-vous vous concentrer pour le SEO ?

Dans l’ensemble, le SEO ne se limite pas à Google et aux Core Web Vitals. Cependant, Google détient une part de marché mondiale d’environ 87% et est le seul moteur de recherche qui prend en compte la vitesse de page dans son algorithme. Pour nous, en tant que spécialistes des performances web, Google dicte les règles du jeu.

Comme mentionné précédemment, Google a établi un lien clair entre la recherche et les performances avec les Core Web Vitals. Actuellement, voici les métriques qui composent les Core Web Vitals :

• Largest Contentful Paint (LCP) : Le moment où l’élément le plus important dans le viewport est rendu.
• Interaction to Next Paint (INP) : Le temps total nécessaire à une page pour répondre à toutes les interactions de l’utilisateur, telles que les clics, les touches ou les tapes.
• Cumulative Layout Shift (CLS) : Un score qui mesure la fréquence à laquelle un utilisateur rencontre des changements de mise en page inattendus pendant le chargement de la page.

Google a également défini des seuils de “Bonne”, “Nécessite une amélioration” et “Mauvaise” pour chaque métrique vitale. Ce sont les mêmes seuils que vous pouvez voir dans le tableau de bord des Core Web Vitals de SpeedCurve.

Que pouvez-vous faire pour rendre vos pages plus rapides pour le SEO ?

Voici quelques actions que vous pouvez entreprendre pour améliorer les performances de vos pages, améliorer l’expérience utilisateur et, en fin de compte, booster vos résultats en termes de Core Web Vitals.

1. Optimisez les images

• Demandez l’affichage précoce de l’image principale
• Utilisez srcset et des formats d’image modernes et efficaces
• Utilisez la compression d’image
• Chargez les images hors de l’écran de manière paresseuse
• Définissez les dimensions de hauteur et de largeur
• Utilisez CSS aspect-ratio ou des boîtes d’aspect-ratio
• Évitez les images qui provoquent une congestion du réseau avec CSS et JS critiques

2. Éliminez/réduisez les ressources qui bloquent le rendu

Les ressources CSS et JavaScript qui bloquent le rendu sont des goulots d’étranglement qui nuisent aux temps de Largest Contentful Paint (LCP). Vous pouvez trouver un excellent article de Sia Karamalegos, expert de Google Dev, sur la manière d’identifier et d’éliminer les ressources qui bloquent le rendu.

3. Profitez des modèles éprouvés des Core Web Vitals

De nombreux éléments courants des pages, tels que les carrousels, les bannières, les vidéos et les polices personnalisées, peuvent avoir un impact négatif sur vos métriques de performances. Voici une collection pratique de modèles UX courants, y compris des exemples de code que vous pouvez utiliser sur vos propres pages, qui ont été optimisés pour les Core Web Vitals.

Comment créer un tableau de bord SEO avec SpeedCurve

Vous pouvez suivre les Core Web Vitals à la fois avec les tests synthétiques et les tests RUM. Vos tests synthétiques incluent également les scores et les audits Lighthouse pour chaque exécution du test. Vous pouvez également définir des budgets de performances pour vos Core Web Vitals, de sorte que vous recevez des alertes lorsqu’ils ont de mauvais résultats.

1. Établissez les performances actuelles de base

Avant de faire quoi que ce soit d’autre, vous devez comprendre comment vos pages se comportent par rapport aux seuils de Google. Il est important de noter que Google conseille de se concentrer sur les données RUM au 75e percentile. Si vous utilisez le RUM de SpeedCurve, c’est ce que nous vous montrons par défaut dans votre tableau de bord des Core Web Vitals.

Si vous n’utilisez pas le RUM, vous pouvez voir les résultats synthétiques médians pour les métriques Largest Contentful Paint (LCP), Total Blocking Time (TBT) et Cumulative Layout Shift (CLS). Bien que nous tracions ces métriques par rapport aux seuils recommandés par Google, prenez cela avec un grain de sel, car les résultats des tests synthétiques ont tendance à être plus lents que ceux du RUM. Si vous n’utilisez que des tests synthétiques, la chose la plus importante est d’établir une base pour vos pages.

2. Créez un tableau de bord SEO dans vos Favoris

Vous pouvez créer autant de tableaux de bord que vous le souhaitez dans vos Favoris. Vous pouvez créer un tableau de bord qui se concentre uniquement sur les métriques liées à la recherche, y compris des graphiques distincts pour chaque Core Web Vital et les scores SEO de Lighthouse. Il peut être aussi simple que cela :

N’oubliez pas que vos tableaux de bord et vos graphiques n’ont pas besoin d’être complexes. Vous pouvez utiliser les filtres en haut du tableau de bord pour affiner vos graphiques.

3. Configurez des budgets de performances et des alertes

Un budget de performances est un seuil numérique que vous appliquez à vos métriques. Vous pouvez ensuite configurer vos outils de surveillance pour vous envoyer des alertes – ou même interrompre la construction, si vous effectuez des tests dans votre environnement de staging – lorsque vos budgets sont violés.

Une chose importante à comprendre est que les budgets de performances NE sont PAS les mêmes que les objectifs de performances :

• Vos OBJECTIFS de performances sont ambitieux. Ils répondent à la question : À quelle vitesse dois-je être à terme ?
• Vos BUDGETS de performances sont pratiques. Ils répondent à la question : Comment puis-je empêcher mon site de devenir plus lent pendant que je travaille sur mes objectifs de performances ?

Une bonne pratique consiste à examiner vos 2 à 4 dernières semaines de données pour une métrique donnée, à identifier le pire chiffre, puis à fixer votre budget de performances sur ce chiffre.

4. Découvrez exactement ce qu’il faut corriger

Si vous disposez à la fois de données RUM et de données synthétiques, il peut être utile de les afficher dans le même graphique. Ainsi, si vous recevez une alerte sur l’une de vos métriques RUM, vous pouvez analyser les données de vos tests synthétiques, où se trouvent vos scores et audits Lighthouse, ainsi que vos diagrammes en cascade et autres informations de diagnostic. Par exemple, en ajoutant les données de tests synthétiques au même graphique que celui que nous avons examiné précédemment, nous pouvons voir qu’il y a une augmentation du chiffre LCP pour les tests synthétiques en parallèle du chiffre LCP élevé dans le RUM.

En cliquant sur le lien “Voir le test”, vous accédez aux résultats détaillés du test, où vous pouvez :

• Voir quel élément est le plus important pour le Largest Contentful Paint (LCP) et quand il est rendu
• Diagnostiquer les problèmes de Cumulative Layout Shift (CLS)
• Consulter les audits SEO de Lighthouse pour obtenir des recommandations détaillées sur ce qu’il faut corriger

5. Restez vigilant

Les performances web et le SEO évoluent en permanence. Cela signifie que vous devez rester à jour sur les métriques à suivre et sur la manière dont ces métriques se comportent sur vos propres pages. Vous devriez régulièrement auditer vos métriques et vos budgets de performances, de préférence tous les mois.

En conclusion, les performances web et le SEO sont étroitement liés. En gardant une attention constante sur les métriques de performances et en mettant en œuvre des améliorations continues, vous pouvez améliorer le classement de votre site dans les résultats de recherche et offrir une expérience utilisateur optimale.