Google a progressivement fait de facteurs tels que la vitesse de chargement, l'optimisation mobile et la confiance des sites des éléments positifs pour le classement dans les résultats de recherche de Google. En mai 2020, Google a annoncé son intention de regrouper certains mesures de métriques en tant que signaux d'expérience utilisateur et de les déployer comme nouveau facteur de classement pour les sites Web en mai 2021, en intégrant différents facteurs pour donner une image globale de la qualité de l'expérience utilisateur d'un site Web.

Les sept six principaux facteurs pour l'expérience utilisateur et de la page comprennent:

• Vitesse de chargement
• Interactivité (FID - jusqu'en février 2024), Interaction to next Paint (INP - depuis mars 2024)
• Stabilité visuelle (changements de mise en page cumulatifs)
• Optimisation mobile
• Navigation sécurisée : pas de logiciels malveillants, pas de contrefaçon de marques, …
• HTTPS : cryptage via certificat SSL
• pas d'interstitiels agressifs (bannières plein écran)

Vitesse de chargement dans le cadre des Core Web Vitals

Le chargement signifie la vitesse du site Web, le temps nécessaire pour que le contenu principal se charge pour votre utilisateur. Google indique des temps jusqu'à 2,5 secondes comme une bonne valeur à viser pour les propriétaires de site Web.

Interactivité et réactivité dans le cadre des Core Web Vitals

L'interactivité dans le cadre du premier retard à l'interaction (First Input Delay) signifie quand une page réagit réellement lorsque l'utilisateur souhaite interagir avec elle... par exemple en faisant défiler ou en cliquant sur un bouton. Il s'agit donc de la réactivité du site Web aux interactions de l'utilisateur. Cette période devrait être aussi courte que possible et une bonne valeur pour Google est jusqu'à 100 ms. Depuis mars 2024, la métrique a été remplacée par Interaction to Next Paint (INP). Interaction to Next Paint (INP) mesure la réactivité globale d'un site Web aux interactions des utilisateurs en surveillant les retards de tous les clics de souris, frappes de clavier et entrées clavier qui se produisent pendant la visite d'un utilisateur sur une page. La valeur INP finale correspond à l'interaction observée la plus longue, en ne tenant pas compte des valeurs aberrantes. La latence est définie comme le laps de temps entre une action de l'utilisateur et l'apparition d'une réponse visible à cette action.

Le script de mon tutoriel sur le marketing numérique, créé dans l'application en ligne Google Docs, comporte plus de 600 pages. Dans les chapitres suivants, j'ai remarqué, en écrivant dans mon navigateur, de légers micro-gels, car il avait apparemment du mal à recharger en douceur les centaines de pages gourmandes en ressources, y compris les nombreuses images. Un événement qui ne m'a pas nécessairement entravé dans mon travail, mais qui représentait tout de même une perturbation réactive dans l'utilisation. J'ai donc créé un nouveau document dans lequel le chapitre a été ensuite créé, pour le copier ensuite dans le grand script. C'est précisément de cela qu'il s'agit également en ce qui concerne l'interactivité des sites Web, à savoir que l'expérience utilisateur soit positive sous de nombreux aspects différents. Il s'agit donc de la réactivité aux interactions spécifiques telles que le défilement, le clic, les gestes tactiles et aussi de la fluidité des animations.

Décalages cumulatifs de mise en page dans le cadre des Core Web Vitals

Les changements cumulatifs de mise en page, donc les erreurs CLS, surviennent lorsque votre site Web se charge de manière asynchrone et qu'un utilisateur lit déjà une section plus bas alors qu'une image ou une publicité avec une taille de fichier importante se charge en haut, provoquant un décalage dans la mise en page finale. C'est souvent la valeur qui conduit à l'échec des Core Web Vitals lorsque votre site se charge rapidement.

Tester la vitesse de chargement avec des outils en ligne

La vitesse de chargement peut être testée ici :
https://pagespeed.web.dev/
https://gtmetrix.com/

En outre, Lighthouse parmi les fonctions de développement de votre navigateur Chrome est une alternative. Il vous suffit d'appuyer sur F12, puis dans le menu situé à droite, vous trouverez Lighthouse, à travers lequel vous pouvez tester le site Web actuellement ouvert.

La réactivité et la vitesse du site Web dépendent de nombreux facteurs tels que la puissance du serveur, la qualité du code, ce qui est chargé quand, les tailles des fichiers image, les icônes en SVG au lieu de PNG, etc. Par conséquent, il est judicieux de suivre les recommandations de GTMetrix et PageSpeed Insights pour obtenir des améliorations globales si les performances ne sont pas encore bonnes.

Google vous donne également une valeur consolidée pour les nouveaux Core Web Vitals pour l'expérience utilisateur de la page. En outre, dans la Google Search Console, vous avez également la possibilité d'associer des pages individuelles de votre site Web. Cela vous aide à identifier et à résoudre un problème sur vos pages.

L'optimisation mobile d'un site Web dans le cadre de l'expérience utilisateur

L'optimisation mobile d'un site Web peut également être testée avec les outils de développement de votre navigateur Chrome en activant la barre d'outils des appareils (Ctrl + Maj + M).

Il est souvent important pour les développeurs de pouvoir comprendre comment une mise en page réagit sur un appareil spécifique, par exemple lorsque un client signale un problème avec un ancien modèle d'iPhone. Sous Chrome = F12, vous pouvez activer directement différents appareils, qui représentent ensuite la résolution. Il existe également des outils professionnels qui effectuent des tests complets, tels que ceux de Lambda-Test.

L'optimisation mobile signifie également que les utilisateurs peuvent facilement consulter le contenu sur un smartphone sans avoir à zoomer! Cela signifie également que les contenus visibles sur un grand écran de bureau ne doivent pas nécessairement être visibles sur un smartphone. Un smartphone dispose de mécanismes d'interaction mobiles différents, tels que le toucher au lieu du clic. Cela a une importance particulière pour les éléments hover populaires sur les sites Web, qui ne fonctionnent pas de la même manière sur les smartphones. 

Également, le smartphone est souvent aujourd'hui le point de départ d'une recherche qui sera peut-être ensuite poursuivie sur un autre appareil tel qu'une tablette ou un ordinateur de bureau. Il s'agit donc du début d'un parcours client plus long sur plusieurs appareils, ce qui signifie que l'expérience utilisateur doit également prendre en compte l'utilisation sur plusieurs appareils.

Un exemple de l'expérience personnelle de l'utilisation sur plusieurs appareils : Ma partenaire et moi avons trois enfants ensemble. Nous étions récemment dans un piscine intérieure chez un ami. Mon smartphone était dans un transat près de la piscine. Une pensée m'est venue à l'esprit, que se passerait-il si par inadvertance ou par l'un des enfants, le smartphone tombait dans l'eau. Le smartphone gère déjà la moitié de ma vie. Cependant, cette pensée est devenue plus urgente car je gère également mon compte par smartphone. 100 % mobile... c'est ainsi que Trade Republic, mon courtier en ligne, fait de la publicité. Soudain, j'ai réalisé que je n'aurais pas de possibilité de sauvegarde en cas de perte de mon smartphone. Je ne pourrais alors pas accéder à mon compte pendant plusieurs heures, voire jours. Pour ceux qui ont quelques produits à effet de levier avec un seuil de knockout serré dans leur compte au cours de la journée, ils peuvent imaginer que cela pourrait provoquer une petite panique. Ainsi, 100 % mobile est devenu un inconvénient latent pour moi, c'est pourquoi j'ai ouvert un nouveau compte chez un autre courtier en ligne où je peux trader à la fois sur mobile et sur ordinateur de bureau. Entre-temps, Trade Republic a également une version pour ordinateur de bureau - tant mieux!

Navigation sécurisée dans le cadre de l'expérience utilisateur de la page

Navigation sécurisée signifie que votre site Web ne distribue pas de logiciels malveillants et que vous respectez également les règles, par exemple en n'utilisant pas de logos de marques que vous n'êtes pas autorisé à utiliser ou en présentant des produits de marque que vous n'avez pas dans votre portefeuille. Cela inclut également le fait que, par exemple, un bouton de lecture d'une vidéo doit réellement lire une vidéo et ne doit pas exécuter de téléchargement pour l'utilisateur. Le point des logiciels malveillants est particulièrement risqué pour de nombreux sites Web en matière de navigation sécurisée, et cela ne peut être limité qu'avec des mises à jour constantes du CMS et des plugins utilisés. Si votre site Web n'a pas nécessairement besoin d'un formulaire de contact, il est judicieux d'envisager de s'en passer, car les champs de formulaires sont une porte d'entrée pour les pirates informatiques ou les attaques automatisées telles que les injections SQL, le scriptage intersite, les codes hexadécimaux, etc.

En août 2021, Google est revenu sur sa position antérieure et a déclaré que la navigation sécurisée ne serait plus considérée comme un facteur de classement. Cette décision a été justifiée par le fait que de nombreux propriétaires de sites Web ne peuvent pas être tenus responsables du piratage. Cependant, les audits de PageSpeed Insights et de Lighthouse recommandent la navigation sécurisée. Il est donc possible de penser que le sujet n'est pas encore définitivement clos pour le référencement SEO.

Connexions sécurisées via HTTPS pour une grande expérience utilisateur

HTTPS est désormais standard. Chaque page doit avoir un certificat SSL. Il y a aussi un risque de mise en demeure pour les exploitants de sites Web en Allemagne qui n'ont pas de certificat SSL.

Il est particulièrement important, dans ce contexte, de s'assurer que les images placées avant l'attribution d'un certificat SSL sont également modifiées dans le code de http à https. Sinon, le navigateur indiquera que le site n'est pas sécurisé. C'est particulièrement le cas pour les sites WordPress - le CMS le plus utilisé de tous.

Renoncer aux interstitiels

Le dernier point à aborder est le renoncement aux interstitiels intrusifs, c'est-à-dire aux bannières pleine page qui ne font rarement battre le cœur de vos utilisateurs plus fort. Ils ne font qu'apporter de la frustration et conduisent ainsi à des émotions négatives et à une interruption rapide. Dans ce contexte, il est également envisageable de réfléchir à des bannières d'inscription à la newsletter qui apparaissent rapidement. Les bannières de cookie pour accueillir de nouveaux clients sont également frustrantes. Si un utilisateur revient directement aux SERP après avoir rencontré une telle bannière, le signal utilisateur pour Google est également négatif.

Conclusion sur les facteurs d'expérience utilisateur de la page

L'adaptation aux critères de Google pour une grande expérience utilisateur et de page doit être principalement effectuée par vos développeurs ou votre agence de gestion. Il est important pour vous en tant que membre du marketing de connaître les métriques selon lesquelles l'expérience de la page est mesurée et les outils que vous pouvez utiliser à cet effet. Si votre agence est chargée de l'optimisation, assurez-vous dès la rédaction du contrat que les travaux impliquent des résultats de mesure très bons pour la validation du service. Et soyez absolument conscient du fait que depuis mai 2021, l'expérience de la page influence activement la recherche et le classement des sites Web sur Google. Les effets du classement seront également ressentis par vos concurrents et leurs sites Web, s'ils ont chuté dans les SERP, auront également été adaptés aux nouvelles exigences.

Si vous souhaitez que votre présence en ligne soit mieux positionnée dans les résultats de recherche Google, vous ne pouvez pas contourner la question de l'expérience de la page. En fin de compte, vous le faites non seulement pour des raisons de référencement, mais aussi en tant qu'élément de votre expérience de marque, pour guider encore plus facilement vos clients cibles vers les comportements souhaités.

Quels autres éléments améliorent maintenant l'expérience utilisateur de votre public cible sur votre site Web en particulier ? Fondamentalement, ce sont tous les points de contact que votre utilisateur rencontre le long de son parcours client jusqu'à la conversion souhaitée. Pour en savoir plus, consultez les prochaines parties de cette série d'aide.