Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Comme Obi-Wan Kenobi, qui est sorti d’une vie à l’ermitage pour une dernière aventure, je suis un peu plus âgé, pas plus intelligent, mais je suis arrivé armé d’un autre article sur Core Web Vitals. Cette fois-ci, nous allons explorer le domaine des vitales Web de base qui est actuellement le plus grand défi auquel est confrontée la communauté SEO: le changement de mise en page cumulatif.

Qu’est-ce que le décalage de disposition cumulatif?

Web.dev définit le décalage de mise en page cumulatif (CLS) comme suit:

«CLS mesure la somme totale de toutes les valeurs de décalage de mise en page individuelles pour chaque décalage de mise en page inattendu qui se produit au cours de la vie de la page.

Un changement de disposition se produit chaque fois qu’un élément visible change de position d’une image rendue à la suivante. « 

C’est souvent la première pierre d’achoppement pour les propriétaires de sites Web car cette définition (sauf si vous avez déjà un haut niveau de compréhension dans le domaine) soulève plus de questions qu’elle ne répond. En termes simples, CLS est lorsque les éléments de page changent de position au fur et à mesure que les pages se chargent, ou:

« Pourquoi est-ce que ça a bougé?! »

Pourquoi CLS est-il mauvais?

La mise à jour Core Web Vitals vise à permettre aux propriétaires de sites Web de fournir une expérience utilisateur fantastique. Un site Web qui a des niveaux élevés de CLS est susceptible de se manifester dans un contenu critique qui change, ce qui peut empêcher l’entrée de l’utilisateur.

Pour des éléments tels que le contenu écrit ou les images, l’effet est probablement largement cosmétique, mais non moins ennuyeux. Imaginez un utilisateur réel essayant d’afficher une page de destination sur votre site Web lorsque soudainement le texte qu’il lit saute et qu’il doit rechercher la page pour savoir où il se trouve.

Imaginez ensuite une version légèrement plus sérieuse de CLS où un utilisateur clique sur votre principal appel à l’action ou sur le bouton et déplace la page pour l’empêcher de se convertir correctement. Bien que le mouvement ne représente qu’un petit nombre de pixels, quelle que soit la qualité du reste du site Web, si chaque étape de votre chemin de conversion inclut CLS, vous courez le risque de perdre un client.

Qu’est-ce qui cause CLS?

Comme beaucoup d’autres membres de la communauté SEO, l’équipe Coast a passé un certain temps à parcourir les sites Web des clients pour déterminer la cause des résultats médiocres de Core Web Vitals. Dans le cas de CLS, la plupart des scores faibles sont dus (sans toutefois s’y limiter) à l’un des éléments suivants:

Les polices personnalisées se chargent de manière inefficace

Nous avons couvert cela brièvement dans la partie 2 de cette série, qui a introduit des exigences importantes pour le préchargement. Lorsque votre site se charge pour la première fois, une police différente peut apparaître brièvement avant que la police sélectionnée ne soit activée. Parfois, vous pouvez même voir un espace vide à l’endroit où votre texte devrait être.

Ces problèmes sont connus sous le nom de «flash de texte sans style» ou de «flash de texte invisible» et peuvent être un facteur contribuant à votre mauvais score CLS.

Les images réactives se chargent de manière inefficace

Nous avons abordé l’optimisation des images dans la partie 1 de cette série, où nous avons brièvement mentionné que les images peuvent avoir un effet lorsque vous mesurez CLS. Les images sont généralement à l’origine de mauvais scores CLS si elles ne sont pas optimisées ou ne sont pas correctement dimensionnées.

Lorsqu’une image est téléchargée sur votre site, cela aide si votre serveur sait combien d’espace est disponible pour l’image. De cette façon, une image peut être livrée dans la bonne taille. Si les dimensions ne sont pas incluses, l’espace pour l’image peut ne pas être alloué avant le début du téléchargement.

Contenu injecté dynamiquement

Avec l’avènement du RGPD et la situation actuelle du COVID, la plupart des sites Web sont jonchés de barres supérieures, de barres inférieures et de fenêtres contextuelles conçues pour partager des informations importantes. Malheureusement, les mêmes éléments sont généralement responsables d’un niveau particulier de CLS s’ils ne sont pas chargés correctement.

Un moyen facile de trouver la source de CLS

Tous ces articles portent sur la transformation de Core Web Vitals en une série de tâches simples et exploitables que tout propriétaire de site Web peut utiliser pour améliorer sa position actuelle. Dans cet esprit, vous pouvez être heureux d’apprendre qu’il existe un moyen très simple de trouver la source CLS sur votre site Web à l’aide d’outils auxquels tout le monde peut accéder.

  1. Visitez votre page de destination
  2. Cliquez avec le bouton droit, puis cliquez sur Inspecter.
  3. Dans le module d’inspection qui s’ouvre, sélectionnez l’onglet Performances (cliquez sur le double chevron pour plus d’options si vous ne pouvez pas voir les performances immédiatement).
  4. Cliquez sur le bouton Enregistrer dans le coin supérieur gauche de la fenêtre
  5. Mettez à jour votre page de destination
  6. Lorsque la page est complètement chargée, cliquez sur le bouton Arrêter dans le module d’inspection

Vous devriez voir ce qui suit (vous devrez peut-être développer des sections dans le module d’inspection pour trouver cette vue si vous ne l’avez pas encore accédé):

Chaque bloc rouge que vous pouvez voir représente CLS. Lorsque vous survolez chaque instance, il doit mettre en évidence l’élément qui a provoqué le changement sur votre page de destination, afin que vous puissiez identifier rapidement les zones problématiques. Vous constaterez peut-être même que certaines des fonctionnalités de votre site Web sont à l’origine du problème, il vous suffit donc de le réparer.

Comment résoudre les problèmes CLS

C’est là que les choses se compliquent un peu. En fonction des problèmes que vous voyez, vous pouvez essayer d’utiliser certaines des tactiques de nos articles précédents qui peuvent vous aider à réduire votre score CLS.

Cependant, certains problèmes CLS peuvent être spécifiques à votre site, au thème que vous utilisez ou même aux plugins nécessaires pour charger la page. Les autres causes courantes de problèmes CLS que notre équipe a rencontrées incluent:

  • Animation d’élément
  • La police est chargée dans les plugins

Dans certains cas, vous pourrez peut-être désactiver les animations ou trouver un moyen de stabiliser les polices dans les plugins pour réduire votre score CLS. Cependant, selon le plugin de votre choix, cela peut ne pas toujours être possible. Dans ces cas, vous aurez peut-être besoin de l’aide d’un développeur.

Un autre atterrissage heureux

Espérons que si vous suivez les conseils de tous ces articles, vous êtes sur la bonne voie pour que votre site Web soit à la hauteur des Core Web Vitals et de la croissance du classement promis par Google. Notez, cependant, qu’il s’agit d’une ÉNORME mise à jour. Donc, si vous ne faites pas de grands progrès, il peut être intéressant de faire analyser votre site Web par un spécialiste du référencement.

De plus, les problèmes que nous avons examinés ne s’appliquent pas nécessairement à tous les sites Web. Par conséquent, votre première escale doit toujours être une analyse approfondie de votre propre site Web afin que vous compreniez mieux où (et comment) concentrer vos efforts.

Si vous avez besoin d’aide pour ce processus, n’hésitez pas à contacter notre équipe 0845 450 2086 et nous pouvons vous aider à démarrer et nous avons suffisamment de temps jusqu’en mai.





Source link

Recent Posts