Quels sont les principaux éléments essentiels du Web? + Comment améliorer vos compétences

Publié par alexandre le 12 avril 2021

L'ère de l'Internet commuté, où les pages Web sont chargées ligne par ligne, est révolue.

Les internautes d'aujourd'hui attendent une réponse immédiate de 93% des personnes qui quittent leur site Web parce que leur site Web ne se charge pas correctement. Personne ne perd de temps sur de mauvaises expériences.

Pour améliorer votre expérience en ligne, Google Principaux éléments essentiels du Web - Un ensemble de statistiques qui aident les propriétaires de sites à mesurer la vitesse, la réactivité et la stabilité visuelle de leurs pages.

Le rapport Core Web Vitals vous donne des informations sur les performances de votre page, afin que vous puissiez améliorer l'expérience de votre site et permettre à vos robots Google de mériter un classement de recherche élevé.

Découvrez plus d'astuces et de conseils pour développer votre compte Instagram, sur notre compte @kenoby_pro. 3 nouvelles publications par semaine pour booster vos résultats.

Mais pourquoi la vitesse et l'expérience utilisateur sont-elles si importantes pour votre entreprise?

  • À mesure que le temps de chargement de la page passe de 1 seconde à 3 secondes, le taux de rebond augmente de 32%.
  • À mesure que le temps de chargement de la page passe de 1 seconde à 6 secondes, le taux de rebond augmente de 106%. (Google)

Plus le taux de rebond est élevé, plus le profit est faible. Les clients potentiels se rendent sur des sites concurrents lorsqu'ils se chargent lentement.

Mais une fois que vous saurez quelles mesures vous devez atteindre pour améliorer votre page, Google vous donnera de meilleurs classements pour rendre votre audience plus agréable.

Pour ce faire, vous devez comprendre les métriques qui constituent l'essentiel du Web.

  • Peignez avec le plus grand contenu (LCP) mesure les performances de chargement d'une page. Il prend en compte le temps nécessaire pour charger le contenu le plus volumineux (généralement une vidéo, une image ou un bloc de texte) à partir du moment où un utilisateur demande une URL. Sites recommandés par Google Gardez LCP moins de 2,5 secondes pour 75% du chargement de la page.
  • Premier retard d'entrée (FID) mesure l'interaction d'une page. C'est le temps entre les actions (en cliquant sur un bouton ou un lien) jusqu'à ce que le navigateur réponde à cette action. La mesure FID transforme une page statique en une page interactive, quel que soit l'élément sur lequel l'utilisateur clique en premier. La réactivité est importante pour faire une bonne première impression auprès de vos visiteurs en montrant que votre site fonctionne de manière fiable et fluide. Sites recommandés par Google Gardez le FID sous 100 millisecondes pour 75% du chargement de la page.
  • Déplacer la mise en page empilée (CLS) mesure tout mouvement de mise en page qui se produit sur la page. Il est marqué de 0 (aucun mouvement) à un nombre positif (plus de mouvements). Les causes courantes de mouvement sont les bannières publicitaires déroulantes, les boutons affichés ou les images qui déplacent des blocs de texte. Tout cela contribue à une expérience utilisateur négative, il est donc important de réduire les changements qui se produisent sur votre site. Sites recommandés par Google Visez un score CLS de 0,1 ou moins..

Changement de mise en page empilé

Source de l'image

En analysant des millions de pages, Google Les utilisateurs sont 24% moins susceptibles d'abandonner le chargement de la page. Si votre site répond aux exigences ci-dessus. Si vous avez envie de plus de détails, consultez les recherches qui le sous-tendent. Définir les seuils de métrique Core Web Vitals.

Comment améliorer les éléments essentiels du Web

Tout d'abord, vous avez besoin d'une métrique de référence pour votre site. Pour savoir par où commencer, procédez comme suit:

  1. URL de Google PageSpeed ​​Insights Chemin.
  2. Cliquez sur "Analyser".
  3. Vérifiez les performances. Les libellés «mauvais», «à améliorer» et «bon» sont attribués à l'URL sur les mobiles et les ordinateurs de bureau. Basculez entre les deux en haut à gauche de la page.

Voici à quoi cela ressemble lorsque vous exécutez l'analyse dans HubSpot.

Page Speed ​​Insight Hub Spot

Aperçu de la vitesse de la pageSource de l'image

En général, vous pouvez voir que la version de bureau fonctionne mieux que la version mobile. Dans une étude de 5 millions de pages, Backlinko La page Web moyenne prend 87,84% de plus à charger sur mobile que sur ordinateur.. Quelques facteurs clés affectant la vitesse: type de CMS, CDN et hébergement, poids de la page.

Si l'URL ne contient pas suffisamment de données pour une métrique Core Web Vitals spécifique, cette métrique n'apparaîtra pas dans le rapport. S'il y a suffisamment de données dans l'URL, l'état de la page reflétera les statistiques les moins performantes.

Dépanner Core Web Vitals

Il faut du travail pour améliorer les performances de la page, mais vous pouvez commencer le dépannage avec une approche étape par étape.

  1. Hiérarchisez les problèmes par libellé: Tout d'abord, résolvez tous les problèmes marqués «mauvais». Ensuite, choisissez l'action en fonction du grand nombre d'urls affectant le plus grand nombre d'urls ou les URL les plus importantes. Ensuite, nous avons le problème de l'étiquette «besoins d'amélioration».
  2. Créer une liste: Créez une liste de tâches prioritaires pour les équipes qui mettront à jour le site. Incluez les correctifs de page courants suivants pour votre référence.
  • Réduisez la taille de la page à moins de 500 Ko.
  • Limitez chaque page à 50 ressources pour des performances mobiles optimales.
  • Pensez à optimiser votre page pour des chargements rapides en utilisant: AMP.

3. Partagez les correctifs courants: Chaque métrique Core Web Vitals dispose de 12 façons d'améliorer votre seuil. Ci-dessous, j'ai décrit les raisons de base de la «mauvaise» condition et comment résoudre chaque problème.

Amélioration du LCP Affecté Temps de réponse lent du serveur, Rendu côté client, Rendu bloquant JavaScript et CSS, Et Temps de chargement des ressources lent. Vous pouvez cibler l'amélioration de l'écran LCD en optimisant chacun des éléments de site suivants:

Amélioration du FID C'est une mesure de la rapidité avec laquelle votre site répond aux actions des utilisateurs. Ici, j'essaie de corriger les mauvaises premières expériences que les gens ont sur leurs pages. Pour améliorer le seuil FID et voir comment les utilisateurs interagissent avec votre site, vous pouvez exécuter l'audit des performances de Chrome. Phare Chemin. Vous pouvez également essayer les ajustements suivants pour augmenter votre score.

L'amélioration de CLS et la réduction des changements inattendus permettent de suivre certaines meilleures pratiques. Dites adieu aux bannières surprenantes et aux clics publicitaires involontaires.

  • Avec l'attribut size ou Boîte de rapport hauteur / largeur CSS Images et vidéos. Ce nombre indique au navigateur la quantité d'espace à allouer aux éléments de la page lors du chargement, les empêchant de se déplacer lorsque les éléments sont affichés.
  • N'ajoutez pas de contenu sur le contenu existant. La seule exception est lorsque le déplacement est une réponse à une action utilisateur attendue.
  • Fournit le contexte de la transition. Lors du déplacement de l'utilisateur d'une partie de la page à une autre, toutes les animations et transitions au sein de la mise en page doivent avoir un contexte et une continuité.

Si vous pensez qu'un problème spécifique a été résolu, vous pouvez vérifier si le seuil s'est amélioré dans le rapport critique Web de la Search Console Core. Cliquez sur "Démarrer le suivi" pour démarrer le 28. Session de vérification Surveillez le site à la recherche de signes de problèmes. Si vous ne voyez pas la fenêtre contextuelle pendant ce temps, considérez-la comme modifiée.

Comme tous les facteurs de classement, le diable est dans les détails. Si vous êtes un développeur ou un technicien à la recherche de plus d'informations sur l'optimisation de Core Web Vitals, consultez notre guide. Optimisation LCP, entretoisement, ou alors CSL.

Chronologie du classement essentiel du Web

Core Web Vitals sera inclus dans les classements de recherche de Google à partir de mai 2021. Initialement annoncé des plans pour la mise à jour de mai 2020, mais a retardé sa publication en raison de l'impact mondial du COVID-19.

Et CTO Dave Brong WebMechanix, "Core Web Vitals est le" Web 3.0 "face à notre génération de professionnels du référencement et du développement Web."

"En déplaçant l'attention des mesures denses au niveau du serveur vers l'expérience utilisateur (UX), Google ouvre la voie à un Web plus accessible à l'avenir."

Lorsque vous préparez votre site pour Core Web Vitals, gardez à l'esprit que ce ne sont que quelques-uns des signaux de recherche existants de Google. La recherche est également compatible avec les mobiles, sécurisée par HTTPS, la navigation sécurisée et Consignes relatives aux annonces interstitielles de la manière.

Une partie de Core Web Vitals inclut plusieurs modifications importantes pour les propriétaires de sites.

"Une modification qui permet au contenu non AMP d'apparaître dans la fonctionnalité Mobile Top News de la recherche sera également publiée en mai 2021. Toute page conforme à la politique relative au contenu de Google Actualités est éligible et offre une excellente expérience de page. Nous la prioriserons. Nous allons classez les résultats, que vous le mettiez en œuvre à l'aide d'AMP ou d'autres technologies Web. »(Google)

Décider d'améliorer les éléments essentiels du Web de votre site peut ne pas sembler une tâche simple. Cependant, vous pouvez prioriser les pages les plus problématiques et travailler avec votre équipe Web pour travailler vers le «bon» label et offrir une expérience formidable à tous ceux qui visitent votre site.

Commercialisation

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *