Comment les sites Web de commerce électronique doivent être optimisés pour Core Web Vitals

Gérer une boutique en ligne peut être difficile. Vous mettez du sang, de la sueur et des larmes dans votre entreprise, en perfectionnant vos produits et en recherchant votre public cible, et juste au moment où vous avez l'impression d'être au top - bam . Google publie un nouveau facteur de classement qui a le pouvoir de bouleverser les SERP.

Je parle des Core Web Vitals de Google, l'ensemble des facteurs de classement qui donnent la priorité à l'expérience utilisateur. Pourquoi sont-ils si importants ? Eh bien, ils ont un impact important sur les classements - si vous voulez rester au sommet des résultats de recherche de Google, vous devez faire attention à Core Web Vitals.

Que sont les Core Web Vitals ?

Les Core Web Vitals sont un ensemble de trois facteurs de classement qui font partie du signal de classement global "Page Experience". Les trois Core Web Vitals sont :

• Largest Contentful Paint (LCP) : cela mesure le temps nécessaire au chargement du contenu principal de votre page. Vous devez viser 2,5 secondes ou moins !
• Premier délai d'entrée (FID) : votre page devrait prendre moins de 100 millisecondes pour devenir interactive.
• Cumulative Layout Shift (CLS) : Avez-vous déjà remarqué que le contenu saute lorsque vous essayez de charger une page ? C'est le changement de mise en page cumulatif ! Vous devez viser un score inférieur à 0,1 pour CLS.

Ces trois mesures sont conçues pour améliorer l'expérience utilisateur. Personne n'aime les pages à chargement lent ou le contenu qui n'arrête pas de sauter pendant qu'il se charge, c'est donc ce que Google essaie d'éradiquer de ses résultats les mieux classés.

Pourquoi les Core Web Vitals sont-ils importants pour le commerce électronique ?

En bref, les classements sont importants pour encourager le trafic vers votre site et augmenter les conversions. Plus votre classement Google est bas, moins vous pouvez vous attendre à du trafic et plus vos ventes seront mauvaises.

Si vous obtenez un mauvais score pour les Core Web Vitals de Google, cela affectera votre classement dans les résultats de recherche.

Et d'autre part, l'optimisation de votre boutique pour les Core Web Vitals de Google pourrait voir votre site progresser dans le classement. Surtout si vous pouvez offrir une meilleure expérience utilisateur que vos concurrents - ces nouvelles mesures de classement offrent une énorme opportunité de remonter dans les pages de résultats !

Comment les Core Web Vitals ont-ils affecté les constructeurs de commerce électronique ?

Si vous gérez votre boutique sur WordPress ou un autre CMS, vous avez beaucoup de contrôle sur des facteurs tels que les vitesses de chargement, car vous avez une personnalisation totale de votre boutique. Mais que se passe-t-il si vous utilisez un constructeur de site Web de commerce électronique tel que Shopify ? Vous ne pouvez pas changer d'hébergement ou modifier le code de votre site, car tout est intégré.

L'expert en création de sites Web a analysé plus de 3 000 URL sur les ordinateurs de bureau et les appareils mobiles pour voir exactement les performances des constructeurs de commerce électronique populaires par rapport aux Core Web Vitals de Google. Ils ont testé :

Leurs recherches montrent que les performances mobiles sont assez décevantes dans tous les domaines, ce qui est préoccupant pour les propriétaires de magasins, car Google indexe généralement les versions mobiles des sites plutôt que les versions de bureau !

Le meilleur score de performance mobile est Shift4Shop avec 57,28, ce qui se situe dans la fourchette de score "Besoin d'amélioration" de Google. Les six autres plates-formes ont reçu un score "médiocre" !

La recherche montre également que Shopify a les temps de réponse du serveur les plus rapides sur mobile et sur ordinateur. Google recommande de viser moins de 600 millisecondes en ce qui concerne le temps de réponse du serveur, ce que Shopify relève facilement :

Les meilleurs constructeurs de commerce électronique pour chaque métrique Core Web Vital spécifique sont :

• LCP : Volusion est le plus rapide sur ordinateur et a reçu la note "Bon" avec 2,05 secondes
• FID : Shift4Shop est le meilleur pour les mobiles et les ordinateurs de bureau
• CLS : Wix est le meilleur sur ordinateur avec un score "Bon" de 0,06

Comment tester et optimiser votre boutique ?

C'est très bien de dire qu'il est important d'optimiser votre boutique pour les Core Web Vitals de Google - mais comment pouvez-vous faire cela exactement ?

#1. Testez votre site

La première étape consiste à déterminer exactement comment fonctionne votre magasin en ce moment. Cela vous aide à savoir par où commencer ! Accédez à l'outil gratuit PageSpeed ​​Insights de Google et saisissez votre URL. Il analysera l'URL et fournira un score global, ainsi qu'une ventilation indiquant où vous devez vous améliorer - et où vous vous débrouillez bien !

En plus d'un score global sur 100, vous recevrez des scores individuels pour chacun des Core Web Vitals. Voici quelques conseils rapides pour améliorer des métriques spécifiques :

• Pour améliorer LCP… essayez d'ajouter des conseils de préchargement au HTML, car cela indique au navigateur quels éléments doivent être chargés plus tôt.
• Pour améliorer le FID… essayez de réduire le nombre d'applications que vous utilisez – évitez de trop compter sur JavaScript et activez le chargement paresseux si vous avez beaucoup d'images.
• Pour améliorer CLS… précisez les dimensions de votre contenu, surtout s'il se charge lentement, comme les images. Corrigez également le placement des publicités et des bannières sur votre page !

#2. Utiliser des modèles simples

Les modèles simples utilisent beaucoup moins de code que les modèles complexes, donc si vous pouvez choisir un design léger et simple plutôt qu'un modèle compliqué, cela peut faire des merveilles pour la vitesse de votre page !

#3. Limitez vos applications et plugins

L'utilisation de trop d'applications ou de plugins peut sérieusement ralentir votre site – le code tiers peut être assez lourd ! L'utilisation d'un trop grand nombre d'applications peut avoir un impact particulier sur votre score FID. Par conséquent, s'il s'agit d'un domaine dans lequel vous avez besoin d'améliorations, il est temps d'être impitoyable avec le nombre d'applications que vous avez installées.

#4. Vérifiez votre forfait

Si vous utilisez un CMS comme WordPress, vous pouvez évaluer si vous êtes sur le bon plan d'hébergement. Cependant, si vous utilisez un constructeur de site Web de commerce électronique, comme Shopify ou BigCommerce, vous ne pouvez pas modifier votre hébergement.

Au lieu de cela, vérifiez si vous êtes toujours sur le bon plan pour la taille de votre magasin. Certains constructeurs augmentent le stockage et la bande passante plus vous payez, donc la mise à niveau peut aider votre site à fonctionner plus facilement si vous avez dépassé les ressources de votre plan actuel.

#5. Optimiser les images

L'optimisation des images réduit la taille du fichier sans impact sur la qualité. Ceci est particulièrement important pour les boutiques en ligne, car vous aurez probablement beaucoup d'images de produits sur votre site !

L'un des principaux avantages de l'optimisation de vos images est qu'elle permet de réduire les temps de chargement. Si la vitesse est un problème pour votre boutique, essayez ceci - vous pouvez utiliser des outils en ligne gratuits comme Kraken.io ou TinyPNG pour compresser les images avant de les ajouter à votre site.

#6. Identifiez votre plus grand élément

Aucune des plates-formes de commerce électronique testées par Website Builder Expert n'a réussi le LCP sur mobile - c'est une métrique difficile à maîtriser. Les images volumineuses et JavaScript sont deux grandes raisons des mauvais scores LCP - et pour les sites de commerce électronique, l'intégration d'avis de tiers peut également être un problème.

Ne présumez pas que vous savez quel est l'élément le plus important sur vos pages. Vous ne pouvez pas commencer à améliorer votre score LCP si vous et Google avez des idées différentes sur quel élément est le LCP (Largest Contentful Paint) !

Pour savoir quel élément est votre LCP, utilisez PageSpeed ​​Insights – il vous le dit dans la section diagnostic de votre analyse de page ! Une fois que vous savez quel élément est votre LCP, vous pouvez vous assurer qu'il se charge en moins de 2,5 secondes. Par exemple, s'il s'agit d'une grande image, essayez de la compresser ou de la remplacer par une taille plus petite.

#7. Focus sur l'expérience mobile

Les recherches de Website Builder Expert montrent que les sites mobiles ont du mal à répondre aux exigences Core Web Vital de Google. Cela est en partie dû au fait que les créateurs de sites Web de commerce électronique doivent travailler sur leurs performances mobiles, mais cela montre également combien de magasins ne sont pas correctement optimisés pour les utilisateurs mobiles.

Vous pouvez prendre une longueur d'avance sur la concurrence en portant une attention particulière à l'expérience mobile de votre magasin. Voici quelques façons de commencer :

• Utiliser l' outil de test adapté aux mobiles de Google - c'est gratuit, et tout ce que vous avez à faire est d'entrer votre URL et de cliquer sur "Tester l'URL". Vous recevrez un résultat vous indiquant si votre page est adaptée aux mobiles ou non !
• Activation des pages mobiles accélérées (AMP) - il s'agit d'un framework HTML open source qui aide les pages à se charger plus rapidement.
• Vérification de votre conception mobile - certaines plates-formes vous permettent de visualiser et même de modifier votre vue mobile. Cela permet de s'assurer que le contenu s'affiche bien sur différents appareils.

#8. Utiliser un CDN

Un réseau de diffusion de contenu (CDN) stocke vos données sur plusieurs emplacements - les visiteurs se connectent au serveur le plus proche d'eux, ce qui permet à votre site de se charger plus rapidement. Google privilégie les sites de chargement plus rapides, c'est pourquoi un CDN est si utile. Il y a beaucoup de choix – les plus populaires incluent Cloudflare et Fastly, mais certains constructeurs comme Wix sont automatiquement livrés avec un CDN déjà intégré !

#9. Gardez votre mise en page simple

Évitez beaucoup de contenu dynamique pour obtenir un meilleur score CLS. De nombreuses publicités ou fenêtres contextuelles en mouvement perturbent votre mise en page et peuvent faire sauter le contenu pendant le chargement. Si vous utilisez une mise en page plus fixe, votre page subira moins de décalages et votre score CLS devrait s'améliorer.

#dix. Restez au top de vos pratiques SEO habituelles

Alors que tout le monde se démène pour optimiser les Core Web Vitals, il peut être facile d'oublier de rester au courant de toutes les meilleures pratiques SEO habituelles que vous suivez habituellement. L'optimisation pour Core Web Vitals ne suffit pas à elle seule à garantir votre place dans le classement - assurez-vous également de suivre votre stratégie de référencement actuelle !

Résumé

Ainsi, Core Web Vitals est assez vital pour le succès à long terme de votre magasin. Plus vous êtes performant par rapport aux Core Web Vitals, meilleur sera votre classement et plus vous devriez recevoir de trafic.

La bonne nouvelle est que, comme les Core Web Vitals de Google visent à offrir une expérience utilisateur exceptionnelle, meilleur est votre score, plus vos clients devraient être satisfaits !