Mauvaise conception de site Web : mauvaise pour le référencement, l’expérience utilisateur et les affaires

Je dis deux choses à mes clients pour encadrer les discussions de recherche organique autour du contenu et de l’expérience utilisateur :

  1. Les moteurs de recherche veulent fournir des réponses à leurs utilisateurs en un clic ou moins.
  2. Si vous concevez votre site Web avec l’idée d’obtenir des réponses aux questions des visiteurs aussi efficacement que possible, votre site devrait gagner plus d’attention dans la recherche organique

Les moteurs de recherche doivent satisfaire leurs utilisateurs pour conserver et/ou accroître leur part de marché. Par conséquent, il est dans leur intérêt d’envoyer des personnes vers des sites Web qui, selon eux, offriront aux utilisateurs une bonne expérience.

Les taux de rebond augmentent de 32 % lorsque les temps de téléchargement sont passés de 1 à 3 secondes, selon Google. Aussi, les taux de rebond augmentent considérablement à 3 secondestandis que les pages vues chutent également, selon Pingdom.

Ces deux statistiques sont un peu anciennes, mais rien ne prouve que les gens soient plus patients aujourd’hui.

Le défi que je rencontre le plus souvent avec les marques est qu’elles conçoivent leurs sites Web d’une manière qui entrave l’objectif « un clic ou moins ». Ils intègrent des éléments dans leurs conceptions comme :

  • Grandes vidéos en lecture automatique (parfois avec le son).
  • Grandes images de héros qui poussent le contenu informatif bien en dessous du pli (ajoutez des héros qui tournent à travers un diaporama et l’expérience est encore pire).
  • Polices personnalisées qui ne sont pas susceptibles d’avoir été installés sur les machines locales de leurs visiteurs.

Tous ces éléments de conception (et d’autres) nuisent à l’expérience utilisateur, à l’optimisation de la conversion et aux normes d’accessibilité.

Exemples de mauvaise conception et UX

Ces deux exemples montrent la vue pellicule du chargement de la page au fil du temps sur WebPageTest.org, un site populaire pour tester les temps de téléchargement qui a été recommandé par certains Googleurs. Je simule un smartphone Galaxy S7 via une connexion LTE dans les deux exemples.

Site Web de la charité

Ce site Web a une grande vidéo de lecture automatique sur sa page d’accueil qui pousse une grande partie du contenu principal sous le pli.

Dans les tests que j’ai exécutés, rien n’est apparu dans la fenêtre d’affichage avant 3 secondes de chargement. Le CTA en haut de la page est visible, mais seul le texte alternatif du logo s’affiche. Certains textes sont difficiles à lire car ils sont gris clair ; il est destiné à s’afficher en superposition sur la vidéo la plus sombre.

Les visiteurs peuvent même manquer qu’ils se trouvent sur le bon site Web car le logo ne s’affiche pas avant 4,5 secondes après le chargement et le texte alternatif est difficile à lire.

Si l’on en croit les données de Google et Pingdom, il est fort probable qu’à moins que quelqu’un ne tape sur le CTA en haut de la page, il est fort probable qu’il rebondisse avant de recevoir le message principal de cette organisation.

Site de la marque bien connue

Ce site Web a une grande image de héros poussant le contenu sous le pli et une police personnalisée qui doit être téléchargée avant que quoi que ce soit ne s’affiche.

Vous pouvez voir dans l’exemple que rien d’autre que le menu hamburger ne s’affiche jusqu’à 4 secondes après le chargement.

Voici un indice : Si vous devez inclure une sorte de minuterie de téléchargement pour informer les gens que quelque chose est en route, c’est trop gros.

Une partie de la raison pour laquelle le contenu prend beaucoup de temps à s’afficher est que la police personnalisée prend à elle seule environ 4 secondes à télécharger. Aucun texte n’apparaît jusqu’à 6 secondes après le chargement, et ce n’est que l’avis de cookie.

Au total, il faut plus de 10 secondes pour que cette page se télécharge complètement. Lorsque la page a fini de se charger, la seule chose que vous pouvez voir à part l’image du héros est l’avis de cookie.

Pour être juste, il se passe beaucoup plus dans ces exemples que de grandes vidéos, d’énormes héros et des polices personnalisées. Il existe également des fichiers JavaScript et CSS, un suivi tiers, etc., qui bloquent également les flux de téléchargement. Ce sont probablement un sujet pour une autre fois.

Pourquoi une mauvaise UX se produit

Lorsque je discute avec des designers et des développeurs de défis comme celui-ci, on me donne souvent les mêmes justifications :

  • « Tout le monde conçoit ses sites Web comme celui-ci. » Ce genre d’excuse ne fonctionnait pas quand nous étions enfants. Pourquoi certains adultes pensent-ils que c’est encore acceptable ?
  • « Les moteurs de recherche sont injustes dans la façon dont ils jugent les temps de téléchargement. Nos outils nous disent que tout va bien. Il existe de nombreuses raisons de croire que les moteurs de recherche sont injustes quant à l’évaluation des temps de téléchargement. Au final, ça n’a vraiment pas d’importance. Si nous voulons être compétitifs, nous devons être plus rapides !
  • « Mais… l’image de marque ! » Oui, l’image de marque est importante. Mais est-ce si important de risquer de perdre des clients potentiels parce que le site Web est trop lent ?

Évitez ces pièges

C’est notre travail d’aider nos clients, partenaires et collègues à créer des sites attrayants qui se téléchargent rapidement et répondent aux attentes des visiteurs du site Web tout en restant beaux.

Cela aidera à attirer davantage l’attention des résultats de recherche organiques et à augmenter les affaires.


Les opinions exprimées dans cet article sont celles de l’auteur invité et pas nécessairement Search Engine Land. Les auteurs du personnel sont répertoriés ici.


Newsletter

Rejoignez notre newsletter pour des astuces chaque semaine