Passer au contenu principal
Accéder au tableau de bord
Vous ne savez pas par où commencer ? Répondez à un petit questionnaire pour obtenir des recommandations personnalisées.
Leçon 3 sur 5
Entretenir l'engagement des visiteurs avec les Signaux Web essentiels
5 minutes pour terminer

Entretenir l'engagement des visiteurs avec les Signaux Web essentiels

webdev

Créez une expérience utilisateur de qualité sur votre site d'actualités

webdev

Que sont les Signaux Web essentiels ?

GNI_Data_Presentation (1)

Les Signaux Web sont une initiative de Google qui regroupe les indicateurs essentiels d'une expérience utilisateur optimale sur le Web.

Les Signaux Web essentiels correspondent à trois métriques des Signaux Web. Des recherches ont montré que les utilisateurs étaient 24 % moins susceptibles de quitter la page d'un site répondant aux critères des Signaux Web essentiels.

Les Signaux Web essentiels se concentrent sur :

  • le chargement ;
  • l'interactivité ;
  • la stabilité visuelle.
GNI_Data_Presentation (1)

Commencez à mesurer les Signaux Web essentiels

GNI_Data_Analytics

La collecte de données est la première étape permettant d'améliorer vos Signaux Web essentiels.

  • PageSpeed Insights évalue l'expérience utilisateur d'une page sur les appareils mobiles et ordinateurs de bureau, génère les rapports correspondants et propose des suggestions pour améliorer vos pages.

  • La Search Console évalue le niveau de conformité de la page aux Signaux Web essentiels d'après l'utilisation de votre site par votre audience et génère les rapports correspondants.

  • L'extension Chrome Web Vitals mesure les performances des Signaux Web essentiels et génère les rapports correspondants en temps réel pour n'importe quelle page. Elle est idéale pour les développeurs.

💡Bonne pratique : Partagez les suggestions de ces outils avec votre développeur.

GNI_Data_Analytics

Chargement

GNI_Audience_engagement_Blank

Des temps de chargement rapides rassurent votre audience sur l'utilité de la page :

  • 50 % des utilisateurs quittent un site s'il met plus de trois secondes à se charger.
  • 47 % d'entre eux s'attendent à ce que les pages Web se chargent en moins de deux secondes.
  • 52 % indiquent que le temps de chargement influe sur leur niveau de fidélité à une marque.

Le chargement est mesuré par la métrique LCP (Largest Contentful Paint), qui représente le délai d'affichage de l'image ou du bloc de texte les plus grands.

Pour répondre aux critères des Signaux Web essentiels, 75 % de vos pages doivent se charger en 2,5 secondes ou moins.

💡Bonnes pratiques

  • Activez le chargement différé.
  • Préférez les vidéos aux GIF volumineux.
  • Supprimez le code inutilisé.
GNI_Audience_engagement_Blank

Interactivité

screenshot-2023-02-23-at-54241-pm

Alors que le chargement mesure la vitesse d'affichage du contenu sur votre site, l'interactivité mesure sa réactivité lorsque votre audience tente de sélectionner un article ou d'effectuer une autre action.

L'interactivité est mesurée par la métrique FID (First Input Delay), qui représente le délai nécessaire à votre site pour commencer à traiter un clic sur un lien ou sur un bouton.

Pour répondre aux critères des Signaux Web essentiels, 75 % de vos pages doivent commencer à traiter un clic en 0,1 seconde ou moins.

💡Bonnes pratiques

  • Activez le chargement différé, qui divise le code en petites parties.
  • Chargez d'abord le code nécessaire à la page.
  • Réduisez le code qui extrait des données.
screenshot-2023-02-23-at-54241-pm

Stabilité visuelle

blue-data-screen

Vous est-il déjà arrivé de commencer à lire un article et de perdre votre ligne au beau milieu d'une phrase parce que le texte s'est déplacé ?

La plupart du temps, il s'agit d'un simple désagrément, mais cela peut aussi avoir des répercussions plus sérieuses.

La stabilité visuelle est mesurée par la métrique CLS (Cumulative Layout Shift), qui représente le plus grand nombre de déplacements de contenu se produisant en une seule fois.

Pour répondre aux critères des Signaux Web essentiels, 75 % de vos pages doivent obtenir un score de 0,1 ou moins.

💡Bonnes pratiques

  • Définissez les formats ou dimensions des images et vidéos.
  • Choisissez la taille d'annonce la plus probable d'après les annonces précédentes.

Évitez les annonces qui s'affichent tout en haut d'une page.

blue-data-screen
Quelle note donneriez-vous à cette leçon ?
Vos commentaires nous aideront à améliorer nos leçons !
RÉPONDEZ À CETTE QUESTION POUR TERMINER LA LEÇON.
Sur quoi les Signaux Web essentiels se concentrent-ils ?
Envoyer
checklist (8)
Questionnaire terminé
Félicitations ! Vous venez de terminer Keep visitors engaged with Core Web Vitals
Revoir la leçon et réessayer
in progress
Recommended for you
Leave and lose progress?
By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress?