Expérience de la page Google : mise à jour du classement

Publié: 2021-04-08

Cet article a été publié pour la première fois en mai 2020 et a été mis à jour en avril 2021.

Les études de Google et les recherches de l'industrie ont montré que les utilisateurs préfèrent les sites Web avec une excellente expérience de page. Google examine toujours les facteurs à prendre en compte dans le classement des résultats, tels que la vitesse de chargement des pages et la convivialité pour les mobiles. La prochaine mise à jour de l'expérience de la page prend en compte un certain nombre de facteurs qui placent l'utilisateur au premier plan. Ces « éléments vitaux du Web de base » aideront Google à proposer aux internautes le meilleur contenu.

Expérience de la page et éléments vitaux Web de base

Les Core Web Vitals sont un ensemble de mesures pour aider les propriétaires de sites Web à mesurer les dimensions de l'expérience utilisateur telles que le temps de chargement, l'interactivité et la stabilité du contenu lors de son chargement. Google a maintenant fourni des détails sur un changement de classement de recherche à venir qui intégrera ces mesures d'expérience de page.

Un nouveau signal est introduit qui, selon Google, « combine Core Web Vitals avec nos signaux existants pour l'expérience de la page afin de fournir une image globale de la qualité de l'expérience d'un utilisateur sur une page Web ».

Ces changements seront déployés en juin 2021.

En outre, d'autres signaux d'expérience de page seront intégrés chaque année à mesure que les attentes des utilisateurs évoluent et que la capacité de Google à mesurer davantage d'aspects augmente.

Classement de l'expérience de la page

Alors, quelle est l'idée derrière tout cela ? Essentiellement, avoir une bonne expérience permet aux gens de réaliser ce qu'ils veulent, et une mauvaise expérience peut empêcher quelqu'un de trouver l'information qu'il recherche. Google veut rester le lieu de référence pour les personnes à la recherche d'informations et doit donc offrir la meilleure expérience de recherche.

En ajoutant l'expérience de la page à tous les autres signaux, l'objectif est de permettre aux utilisateurs de sites Web de trouver plus facilement ce qu'ils recherchent.

Métriques de page de niveau supérieur

Les trois principaux composants de l'expérience de la page sont :

  • À quelle vitesse la page se charge-t-elle ?
  • À quelle vitesse la page réagit-elle aux utilisateurs ?
  • Quelle est la stabilité de la page (les éléments sautent-ils lors du chargement) ?

Nous pouvons maintenant passer en revue certaines des métriques de haut niveau pour décoder ce qu'elles signifient. (Les 3 premiers sont ce que l'on appelle les 'core web vitals'.)

Vitals Web de base

  • La plus grande peinture de contenu (LCP) - cette métrique recherche la plus grande image ou le plus grand bloc de texte. Il mesure le temps nécessaire pour charger cet élément dans la fenêtre. Il peut s'agir d'une image de héros ou d'une grande section de texte. (Idéalement, cela devrait être inférieur ou égal à 2,5 secondes.)

  • Décalage de mise en page cumulé (CLS) - cette métrique mesure la stabilité visuelle. En d'autres termes, il mesure à quel point le contenu se déplace au fur et à mesure que la page se charge, ce qui rend difficile la lecture ou l'affichage du contenu. (Vous voulez que ce soit inférieur ou égal à 0,1.)

  • Premier délai d'entrée (FID) - il s'agit de la rapidité avec laquelle la page répond à un utilisateur (après le clic d'un bouton, par exemple). Inférieur ou égal à 100 ms est idéal pour celui-ci.

Les statistiques suivantes méritent également d'être prises en compte en tant que mesures utiles de l'efficacité d'une page :

  • First contentful paint (FCP) - cette métrique mesure le temps nécessaire au chargement du texte au-dessus de la ligne de flottaison. C'est le contenu que vous voyez sans avoir besoin de faire défiler. Trop de polices et de gros fichiers de polices affecteront ce score. Comme cela ralentira le chargement des polices à partir de ressources externes.

  • Indice de vitesse (SI) - cette mesure enregistre les changements visuels au-dessus de la ligne de flottaison. Cela signifie que les vidéos et les images de héros affectent toutes le score de l'indice de vitesse.

  • Temps d'interactivité (TTI) - cette métrique mesure le temps qu'il faut pour que la page soit prête pour l'entrée de l'utilisateur. Les applications à chargement tardif et les scripts de suivi ou d'analyse affecteront cette métrique.

  • Temps de blocage total (TBT) - cette métrique est comme TTI, mais elle mesure le temps total de blocage sur la page. Cela fait référence à l'impossibilité pour l'utilisateur de cliquer sur des éléments ou de faire défiler la page.

Il est important de se rappeler que ces éléments vitaux du Web ne sont en aucun cas le seul moyen d'évaluer votre site. De nombreux facteurs sont pris en compte par Google lors de l'évaluation de vos pages. Bien que l'accent soit mis ici sur l'expérience utilisateur, Google a déclaré qu'avoir un excellent contenu sera toujours la considération la plus importante : il cherchera à classer les pages avec les meilleures informations globales, même si l'expérience de la page n'est pas la meilleure des meilleures.

Google n'a pas précisé dans quelle mesure chaque facteur est pondéré, mais ils ont confirmé qu'"une bonne expérience de page ne remplace pas un contenu de qualité et pertinent". Cependant, si tous les autres facteurs sont égaux, l'expérience de la page pourrait être le facteur décisif pour votre visibilité.

Mise à jour de la console de recherche

Google a ajouté une nouvelle section à la Search Console appelée "Core Web Vitals" qui rend compte des performances de votre site par rapport à ces nouvelles mesures "Page Experience". Ce rapport vous indiquera où vous devez vous améliorer et comment mettre en œuvre ces améliorations.

Google a mis à jour ses outils tels que Lighthouse et PageSpeed ​​Insights pour permettre aux propriétaires de sites Web de mieux mesurer leurs propres performances et d'améliorer l'expérience de leurs visiteurs. Notre article sur les audits de vitesse de site Web donne un bon aperçu des différents outils que vous pouvez utiliser, ainsi que de leurs avantages et limites en termes d'évaluation de votre site.

Comment se préparer pour Core Web Vitals (pas tous applicables aux magasins Shopify)

1 Peinture la plus riche en contenu (LCP)

Problème potentiel : temps de réponse du serveur lents

Solutions

a) Actifs de cache - si votre code HTML est statique, sa mise en cache peut empêcher sa recréation lorsqu'il n'en a pas besoin, ce qui réduit l'utilisation des ressources.

b) Acheminer les utilisateurs vers un CDN - un réseau de diffusion de contenu utilise des serveurs dans de nombreux endroits à travers le monde, ce qui élimine le problème des utilisateurs rencontrant un site plus lent en raison de leur éloignement d'un seul serveur.

Problème potentiel : temps de chargement des ressources lents

Solutions

a) Optimisez et compressez vos images à l'aide de tinypng - cela réduit la taille des fichiers sans sacrifier la qualité, de sorte qu'ils se chargent plus rapidement tout en restant beaux.

b) Utilisez un CDN d'images - cela réduira la charge utile des images, fournira des images adaptées à chaque appareil qui en fait la demande et enverra des images depuis la périphérie du réseau.

Problème potentiel : rendu côté client

Solutions

a) Minifiez votre JavaScript et différez le JavaScript inutilisé

b) Utiliser le rendu côté serveur si cela est possible

Problème potentiel : JavaScript et CSS

Solutions

a) Minifiez votre CSS - Les fichiers CSS contiennent souvent des caractères pour faciliter la lecture mais qui ne sont pas nécessaires pour le navigateur. Les réduire les supprime et les efface afin d'améliorer le temps nécessaire pour rendre la page.

b) Téléchargez et servez la quantité minimale de JavaScript nécessaire aux utilisateurs. Réduire la quantité de JavaScript bloquant signifie un rendu plus rapide et donc un meilleur LCP.

2 Décalage de mise en page cumulé (CLS)

Problème potentiel : changements de mise en page inattendus

Solutions

a) Incluez des attributs de taille sur des éléments tels que la vidéo et les images, afin que le navigateur alloue la quantité d'espace appropriée à l'objet avant son chargement.

b) Assurez-vous que le contenu injecté dynamiquement est uniquement inséré sous le contenu existant afin qu'il ne déclenche pas de changements de mise en page inattendus.

3 Premier délai d'entrée (FID)

Problème potentiel : le navigateur ne répond pas rapidement à l'utilisateur (probablement car il exécute toujours JavaScript)

Solutions

a) Divisez le code de longue durée en tâches plus petites. Les tâches longues laissent la page sans réponse pendant qu'elle traite les tâches. Les diviser en morceaux plus gérables peut aider à réduire le délai d'entrée.

b) Réduisez davantage le temps d'exécution de JavaScript en différant les JS inutilisés. Si le navigateur n'a pas besoin du code pour afficher la page, différez-le - cela signifie que la page est prête pour l'interaction de l'utilisateur plus rapidement.

Si vous avez besoin d'aide pour vous assurer que votre référencement, contenu ou site Web respecte les dernières directives, contactez-nous et nos experts en conception, développement et référencement Shopify se feront un plaisir de vous expliquer comment nous pouvons vous aider.