Comment utiliser Lighthouse pour mesurer l'espacement des prises cible

En ces heures, Google envoie des courriels pour signaler certains problèmes détectés par le Console de recherche Google. Parmi ceux-ci, l'un des plus courants est la proximité entre les boutons de la version mobile des sites Web.

Des avis tels que celui ci-dessus arrivent conjointement avec leMise à jour du phare fait par Google ces jours-ci, visant à mesurer l'espacement robinet cible sur les sites Web mobiles.

L'espacement des prises cible correspond exactement à l'espace entre un bouton et un autre, toujours présent dans les menus des sites Web.

Il est facile de comprendre comment dans les versions de tablettes et de smartphones des sites Web proximité entre un bouton et un autre peut créer des difficultés de navigation pour les utilisateurs, qui se retrouvent souvent en train de cliquer, ou plutôt de brancher un élément de menu, mais au lieu de cela, les boutons trop proches empêchent le doigt de s'arrêter sur le mauvais.

La chose de nombreux SEO et webmasters est souvent sous-estimée et vient à tort créer non seulement des difficultés de navigation qui ont un impact sur expérience utilisateur, mais à partir d’aujourd’hui, quand il retourne un audit, les objectifs du robinet seront insérés dans Score de référencement.

Comment utiliser Lighthouse pour mesurer l'espacement des prises cible

Comme Google l'explique, les cibles tactiles sont importantes pour la conception mobile, car leur proximité excessive pourrait entraîner des sélections accidentelles et la vidéo publiée sur Searchenginejournal que nous rapportons ci-dessous montre pas à pas comment utiliser Lighthouse pour mesurer l'espacement des cibles. robinet.

Une fois que Lighthouse a démarré, parmi les nombreux éléments du rapport qu’il va créer, vous pouvez également afficher l’élément qui détermine si la taille des cibles tactiles est adaptée ou non.

Sinon, l’audit pourrait recommander toute une série de mesures à prendre pour optimiser les robinets cibles en tant qu’élément d’action, comme nous l’avons dit précédemment, pour améliorer le score de référencement.

à lancer un audit du phare on peut choisir deux manières différentes:

nous pouvons effectuer un audit Lighthouse directement dans Chrome à partir de la section Outils de développement.
nous pouvons effectuer un audit Lighthouse directement à partir du site Web.dev de Google.

Lorsque les éléments tactiles cibles sont mentionnés dans l'audit, Google se connecte à un document destiné aux développeurs qui détecte les tailles recommandées pour les éléments tactiles, dans lequel on peut lire qu '«une taille minimale recommandée de la cible tactile est d'environ 48 appareils. fenêtre de jeu mobile. Par exemple, lorsqu'une icône peut uniquement avoir une largeur et une hauteur de 24px, vous pouvez utiliser un remplissage supplémentaire pour amener la taille de la cible du robinet à 48px. La surface de 48 × 48 pixels correspond à environ 9 mm, soit la taille de la surface du doigt d'une personne ».

Google nous dit alors que l'on La taille minimale recommandée pour les cibles tactiles est d'environ 48 pixels. quel que soit l'appareil que nous utilisons.

Par exemple, alors qu’une icône ne peut avoir qu’une largeur et une hauteur de 24px, vous pouvez utiliser un rembourrage supplémentaire pour amener la taille de cible tactile jusqu'à 48px.

La zone de 48 × 48 pixels correspond à environ 9 mm, ce qui correspond approximativement à la taille de la zone de doigt d'une personne.

la distance minimale entre les cibles tactiles Le nombre de pixels doit être au moins égal à 8 pixels, horizontalement et verticalement, afin que les utilisateurs ne touchent pas par inadvertance une autre cible tactile.

Alors maintenant, il y a une autre chose à vérifier lors de l'exécution d'un audit de phare, bien qu'il soit important de le savoir.

Le dimensionnement approprié des robinets cibles aidera les SEO et les webmasters à garantir une meilleure expérience aux utilisateurs et aidera les éditeurs à faire en sorte que leurs contenus soient cliqués comme prévu.

[via searchenginejournal.com]

Laisser un commentaire

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