Quel est l'impact des publicités sur les Core Web Vitals ou les scores CWV ?

Découvrez le lien complexe entre les publicités et Bookmakers, et leur impact sur l’expérience de navigation des utilisateurs au sein des plateformes des éditeurs.

Les éléments essentiels du Web sont devenus la référence en matière d’expérience utilisateur transparente. Ainsi, en tant qu'éditeur ou propriétaire de site Web, vous devez vous assurer que vos scores CWV sont suffisamment bons. Pourquoi? Un score vital Web optimal améliore l’expérience utilisateur et gravit les échelons de popularité de Google, conduisant à des visiteurs satisfaits et à des classements de recherche plus élevés. Plusieurs facteurs peuvent affecter vos scores CWV et les publicités en font partie. 

Avant d'examiner l'impact des publicités sur les principaux éléments vitaux du Web ou les scores CWV, commençons par comprendre rapidement ce que sont les éléments essentiels du Web. 

Que sont les scores Google Core Web Vitals et CWV ?

Les éléments vitaux Web de base de Google sont la vitesse, la réactivité, la vitesse de chargement des images, etc., des mesures qui font partie des signaux de classement de Google pour mesurer l'expérience de la page.

De plus, Google a fourni plusieurs des outils pour mesurer la performance du site et fournir aux éditeurs des rapports précis sur la base desquels ils peuvent améliorer les performances de leur site.

Les Core Web Vitals actuels de Google se concentrent sur trois aspects de expérience utilisateur: vitesse de chargement (mesurée par Largest Contentful Paint), interactivité (First Input Delay) et stabilité visuelle (Cumulative Layout Shift). Comprendre et optimiser ces facteurs est crucial pour améliorer l’expérience utilisateur, les scores CWV jouant un rôle clé dans cette optimisation.

• Vitesse de chargement- La plus grande peinture riche en contenu 
• Interactivité- Premier délai d'entrée 
• Stabilité visuelle- Décalage de mise en page cumulatif 

1. La plus grande peinture à contenu (LCP) 

Combien de fois avez-vous cliqué sur un lien mais avez-vous fini par le quitter parce qu'il a mis du temps à se charger ? Lorsque vous améliorez votre score LCP, vous augmentez les chances que les visiteurs restent sur votre page Web pour consommer du contenu. 

En termes simples, LCP mesure le temps de chargement des pages de votre site. Bien sûr, en tant qu'utilisateurs d'un site, nous voulons que la page Web se charge directement lorsque nous cliquons dessus. Par conséquent, LCP se concentre sur les aspects essentiels qui contribuent à la vitesse de chargement rapide de la page Web.

Le moyen le plus simple de voir les mesures de vitesse pour votre site est sur Google Search Console> Core Web Vitals. Vous pouvez facilement voir les pages classées comme "URL médiocres", "URL à améliorer" ou "bonnes URL". 

Une mesure LCP idéale est inférieure ou égale à 2.5 secondes. 

Lire la suite- Largest Contentful Paint : Comment optimiser LCP ?

Impact des publicités sur LCP :

Désormais, LCP sera affecté lorsqu'une annonce graphique prend du temps à s'afficher. Cela se produit généralement avec les publicités placées au-dessus du pli (ATF) et plus grandes que les autres éléments de la page Web. 

Ainsi, pour éviter cela, les éditeurs essaient de charger les annonces le plus rapidement possible, juste à temps pour que les visiteurs puissent les voir et cliquer dessus. 

Vous pouvez consulter notre article sur Audits publicitaires des éditeurs pour connaître la vitesse de vos annonces pour une meilleure compréhension. 

Cependant, cette stratégie peut augmenter le score LCP si le enchère d'en-tête prend du temps. Pour cette raison, le réseau de votre site Web disposera de moins de ressources pour charger le contenu important sur la page Web et, éventuellement, le LCP sera plus élevé. 

Pour résoudre ce problème, vous pouvez afficher des publicités sous le pli pour vous assurer qu'elles se chargent plus rapidement. Assurez-vous que l'enchère d'enchères d'en-tête ne prend pas trop de temps pour augmenter la latence de la vitesse.

Lire la suite: Outils d'optimisation de la vitesse du site Web pour les éditeurs 

2. Délai de première entrée (FID)

Les mesures d'interactivité sont examinées ici - le temps qu'il faut pour qu'une page devienne interactive est ce que le FID mesure. Un score FID inférieur à 100 ms est bon et supérieur à 300 ms est médiocre. 

Lire la suite: Premier délai d'entrée : comment mesurer et optimiser le FID

Exemples d'interactions des utilisateurs avec votre site : 

1. Cliquer sur un lien du site 
2. Saisir une phrase dans la barre de recherche du site 
3. Envoi de son email dans un champ
4. Ouvrir un texte en accordéon sur des appareils mobiles. 
5. Choisir une option dans le menu 
6. Utilisateur remplissant une demande, etc. 

Le FID mesure simplement le temps qu'il faut pour que quelque chose se produise sur une page ou la façon dont la page répond à la demande de l'utilisateur, ce qui le rend similaire à la mesure de la vitesse d'une page, mais avec une longueur d'avance.

Mais, le premier délai d'entrée va être remplacé par l'INP (Interaction to Next Paint). À partir de mars 2024, le First Input Delay (FID) sera progressivement supprimé et remplacé par Interaction to Next Paint (INP) comme principal indicateur de la réactivité des pages Web. 

Voici pourquoi:

1. Angle mort du temps de chargement : 

FID se concentre uniquement sur la réponse au premier clic, ce qui finit par négliger le temps de latence avant même que les éléments interactifs et les scripts clés aient fini de se charger. Cela peut finir par dresser un tableau incomplet de l’état de préparation d’un site Web à l’engagement des utilisateurs.

2. Manque de portée

Alors que le FID identifie efficacement la réactivité du clic initial, sa portée se limite là. Cela ne prend pas en compte le parcours plus large, englobant des aspects tels que le temps de chargement global, la simplicité de l’interface utilisateur et le point crucial auquel l’interactivité s’épanouit véritablement.

3. Inadapté moderne

FID a du mal à traduire l'UX nuancée des applications Web, en particulier celles riches en interactions complexes et en mises à jour dynamiques. Son approche d’instantané statique ne parvient pas à capturer la réactivité en constante évolution de ces expériences en ligne modernes.

4. Vision tunnel à interaction unique

Le FID se concentre sur un seul événement d’interaction utilisateur, manquant potentiellement une vue d’ensemble. Cette focalisation singulière risque de négliger les problèmes potentiels dans les interactions ultérieures qui pourraient freiner la réactivité globale perçue.

Suivre les stratégies et optimiser l'INP devient important pour garantir une expérience utilisateur optimale et maintenir de solides performances de référencement. Adoptez l'évolution, affinez votre approche et préparez-vous à impressionner à la fois les utilisateurs et les moteurs de recherche avec des expériences Web interactives ultra-rapides. 

3. Changement de mise en page cumulatif

Quelques éléments se déplacent de leur emplacement d'origine lors du chargement de la page, ce qui affecte l'interaction de l'utilisateur avec la page. Le décalage de mise en page cumulé mesure l'augmentation du nombre de décalages de cadre d'une page Web. 

Lire la suite: Cumulative Layout Shift - Comment optimiser CLS ?

Les publicités peuvent contribuer à ces changements sur une page Web. Si l'éditeur n'a pas réservé suffisamment d'espace pour l'annonce, il peut modifier le contenu, affectant ainsi l'expérience utilisateur. Vous pouvez atténuer l'impact du CLS pour une meilleure expérience utilisateur et de meilleurs revenus publicitaires. 

1. Développer ou réduire un espace publicitaire lorsqu'une annonce graphique est appelée- 

De nombreux éditeurs ont tendance à réduire l'espace publicitaire lorsqu'il n'y a pas d'annonce à afficher. cela peut entraîner un changement de mise en page indésirable ou inattendu dans les éléments de la page Web. 

Pour atténuer l'impact du CLS, les éditeurs peuvent utiliser le rapport historique de Google Ad Manager pour connaître le taux de remplissage des espaces publicitaires. 

• Les espaces publicitaires susceptibles d'être remplis doivent être "développés", et 
• Les espaces publicitaires peu susceptibles d'être remplis doivent être "réduits". 

2. Solution pour les espaces publicitaires fluides- 

Les espaces publicitaires fluides ne spécifient pas de tailles d'annonces fixes, car ils redimensionnent automatiquement les annonces pour s'adapter au contenu de la création. Cela entraîne un changement de mise en page inattendu, car l'éditeur ne saura pas quelle taille d'espace il doit réserver pour l'annonce. Pour ça:

• Vous pouvez utiliser les tailles fluides pour les espaces publicitaires qui ne sont pas dans la fenêtre principale mais en dessous du pli (BTF) 
• Vous pouvez récupérer l'espace publicitaire dès que l'utilisateur consulte la page afin qu'elle soit déjà redimensionnée. 

3. Solution pour l'ajout d'espaces publicitaires multi-tailles- 

Réserver suffisamment d'espace pour les publicités peut éviter le CLS, mais surtout pour les espaces publicitaires statiques. Les espaces publicitaires multi-tailles peuvent être difficiles à gérer. Ainsi, pour ces espaces publicitaires multi-tailles, vous pouvez :

• Réservez de l'espace pour la plus grande taille d'annonce ;
• Réservez de l'espace pour les annonces les plus susceptibles d'être diffusées. 

Le rapport Google Ad Manager vous aidera à comprendre les données de remplissage historiques et à réserver de l'espace en conséquence. 

et Optimisation de la mise en page des annonces d'AdPushUp, vous pouvez vous assurer que vos annonces n'ont pas d'impact négatif sur Google Core Web Vitals sans nuire à l'expérience utilisateur. Pour garantir une meilleure expérience publicitaire et augmenter vos revenus publicitaires, vous pouvez demander une démo gratuite pour obtenir une augmentation approximative des revenus. 

Les 6 meilleurs conseils pour augmenter vos scores CWV

Maintenant que vous connaissez bien les bases des éléments essentiels du Web et les facteurs qui peuvent les affecter, examinons maintenant quelques conseils pour améliorer vos scores CWV.

Images de chargement différé

La mise en œuvre de packages de chargement différé pour les images sur votre page Web est une solution rapide. Il réduit le poids des pages et accélère le rendu dans les navigateurs. De plus, définissez les résolutions d’image en fonction des types d’appareils pour éviter de charger les mêmes images haute résolution sur différents appareils.

Maximisez le FID et le LCP avec la mise en cache du navigateur et du CDN

Une méthode simple pour augmenter vos scores cwv en travaillant sur FID et LCP. Les scores FID et LCP servent des actifs statiques via un CDN (comme AWS Cloudfront). Cela garantit une récupération plus rapide des ressources par les navigateurs. Pour améliorer les chargements ultérieurs, mettez en cache les actifs côté client.

La définition de « cache-control : max-age=120 » signifie que la ressource est valide pendant 120 secondes avant que le navigateur ne recherche une version plus récente.

Pensez à mettre en cache les pages dynamiques sur votre CDN avec une durée de vie appropriée en fonction du comportement de votre application.

Réduisez la taille de la page pour améliorer le LCP.

Les pages de destination lourdes (> 80 Ko) aggravent le LCP en ralentissant la récupération et le téléchargement. Les pages lourdes affectent négativement votre score LCP. Ainsi, supprimez les données inutiles récupérées sur le serveur pour charger uniquement ce qui est essentiel au rendu des pages.

Améliorez le LCP avec les formats d'image NEXT-GEN.

JPEG 2000, JPEG XR et WebP offrent une meilleure compression et une meilleure qualité, ce qui entraîne un chargement plus rapide et une utilisation réduite des données. Convertissez les images à l'aide des outils disponibles ou configurez un service d'imagerie d'exécution pour la conversion de format en temps réel, en diffusant des images WebP optimisées directement dans les navigateurs.

Réduire la taille de la page

Réduire la taille des pages est essentiel pour augmenter vos scores CWV. Les pages de plus de 80 Ko se chargent lentement, ce qui nuit à votre score. Ainsi, il est recommandé de se concentrer sur l’envoi uniquement des données nécessaires au rendu, en réduisant le volume inutile pour un chargement plus rapide et un meilleur score LCP.

Minimiser les ressources bloquant le rendu

Une autre astuce pour améliorer vos scores cwv consiste à minimiser les ressources bloquant le rendu. Pour ce faire, vous devez réduire les CSS et JavaScript qui bloquent le rendu, car ils retardent l'affichage visuel de votre page. Pour ce faire, vous pouvez utiliser des techniques telles que le chargement différé ou le chargement asynchrone pour prioriser le contenu critique et améliorer les scores CWV.

Liquidation

Comme vous l'avez peut-être deviné, optimiser les publicités et améliorer les scores CWV n'est pas une tâche facile. Cela nécessite une compréhension approfondie de l’expérience utilisateur et de l’expérience publicitaire. Avec Google Core Web Vitals, les éditeurs peuvent résoudre les problèmes liés au chargement de leurs publicités et, éventuellement, aux revenus publicitaires. 

Questions fréquemment posées : scores CWV