Comment vérifier si un site web est adapté aux appareils mobiles ?

Comment vérifier si un site web est adapté aux mobiles ?

Le fait qu’un site web s’ouvre sur un téléphone ne signifie pas que les clients peuvent facilement trouver les produits, lire les caractéristiques et envoyer une demande de renseignements. Pour vérifier la compatibilité mobile, il ne suffit pas de voir si la page tient sur l’écran : il faut aussi s’assurer que le chargement, la lecture, les clics et l’envoi des formulaires se déroulent sans difficulté. Pour un site web destiné au commerce international, un bouton d’envoi masqué par le service client flottant peut suffire à réduire à néant les investissements consacrés aux actions de promotion précédentes.

Choisissez d’abord les bonnes pages, puis utilisez des outils pour repérer les problèmes

Ne testez pas uniquement la page d’accueil. Nous recommandons de vérifier la page d’accueil, les pages de catégories de produits, les pages de détail des produits, la page de demande de renseignements et les pages de destination des campagnes publicitaires en cours. Pour les sites multilingues, vérifiez également des versions dans des langues où les textes sont plus longs. Les modèles de page diffèrent et les problèmes aussi : un affichage correct sur la page d’accueil ne garantit pas que le tableau des caractéristiques d’un produit ne débordera pas de l’écran.

Dans les outils de développement de Chrome, activez le mode de simulation d’appareil et choisissez différentes tailles d’écran de téléphone. Observez le rendu sur un écran étroit, en mode paysage et avec une connexion lente. Cet outil permet de repérer rapidement les problèmes de mise en page, mais ne remplace pas un test sur un appareil réel. Utilisez également au moins un téléphone Android et un iPhone pour vérifier les menus, les fenêtres contextuelles et les formulaires dans les navigateurs couramment utilisés.

Pour évaluer les performances, vous pouvez utiliser PageSpeed Insights, puis effectuer un diagnostic plus approfondi avec Lighthouse dans Chrome. À noter : l’ancien outil de test d’optimisation mobile de Google a été retiré. Il n’est donc pas nécessaire d’en rechercher l’ancienne page. Un rapport de performances ne constitue pas non plus un certificat de conformité mobile : les boutons masqués et les champs difficiles à remplir doivent toujours être vérifiés manuellement.

Vérifiez la mise en page en suivant le parcours du client

À partir de l’arrivée sur la page, suivez les étapes dans l’ordre : « ouvrir le menu — trouver le produit — consulter les caractéristiques — envoyer une demande de renseignements ». Lors du test, ne comptez pas sur le zoom à deux doigts pour compenser les défauts de la page. Le texte doit être lisible directement, les boutons faciles à toucher et les liens voisins suffisamment espacés. Si un défilement horizontal apparaît, commencez par vérifier les images à largeur fixe, les tableaux, les vidéos et les liens trop longs.

Les sites web industriels doivent accorder une attention particulière aux tableaux de caractéristiques. Vous pouvez prévoir un défilement horizontal limité au tableau et l’indiquer clairement, mais ne laissez pas celui-ci élargir toute la page. Les images des produits doivent conserver les détails importants : n’éliminez pas les cotes ou les références en recadrant les images pour les adapter aux écrans étroits.

Vérifiez également les éléments superposés qui passent facilement inaperçus : les avis sur les cookies, le service client en ligne, le sélecteur de langue et la barre de demande de renseignements en bas de page. Chacun peut sembler fonctionner normalement lorsqu’il est examiné séparément, mais leur superposition peut masquer le contenu. Vérifiez aussi que les champs de saisie et le bouton d’envoi restent accessibles lorsque le clavier du téléphone s’affiche.

Ne vous fiez pas uniquement à une note globale pour évaluer la vitesse

Dans PageSpeed Insights, les données de laboratoire servent à reproduire et à diagnostiquer les problèmes, tandis que les données d’utilisateurs réels permettent d’observer l’expérience effective. Les résultats peuvent différer. Si le nombre d’échantillons d’utilisateurs réels est insuffisant, le rapport peut ne pas afficher de données correspondantes ; cela ne signifie pas que le site ne présente aucun problème. Pour attirer des clients à l’international, testez également le site dans les conditions réseau des régions ciblées : ne vous fiez pas uniquement aux résultats obtenus sur le réseau sans fil du bureau.

Accordez une attention particulière aux Core Web Vitals : le Largest Contentful Paint (LCP), l’Interaction to Next Paint (INP) et le Cumulative Layout Shift (CLS). Les seuils de bonne qualité indiqués par Google sont respectivement de 2,5 secondes maximum, 200 millisecondes et 0,1. L’évaluation des utilisateurs réels se base généralement sur le 75e percentile, et non sur le résultat d’un test isolé.

Si le chargement de la partie visible à l’écran est lent, vérifiez d’abord les images volumineuses, les vidéos en lecture automatique et le temps de réponse du serveur. Si les clics manquent de réactivité, examinez les scripts et les composants tiers. Si la page bouge, vérifiez que les dimensions des images sont réservées et que les bannières ne sont pas insérées tardivement. Ne supprimez pas directement les outils de suivi des demandes de renseignements ou les fonctionnalités de service client dans le seul but d’améliorer la note : identifiez d’abord la source précise du blocage.

Le test essentiel n’est terminé que lorsqu’une demande de renseignements peut être envoyée

Depuis un téléphone, envoyez une demande de renseignements clairement indiquée comme test et vérifiez les indications relatives aux champs obligatoires, la validation de l’adresse e-mail, l’indicatif téléphonique du pays, le téléversement de pièces jointes et le CAPTCHA. Après l’envoi, vérifiez que le message de confirmation s’affiche et que la demande apparaît bien dans le système d’administration ou dans la boîte de réception. « Le bouton répond au toucher » et « l’équipe commerciale reçoit le prospect » sont deux choses différentes.

Si le trafic provient des réseaux sociaux, testez également le lien réel depuis l’application du réseau social. Le navigateur intégré à l’application peut se comporter différemment d’un navigateur autonome ; vérifiez notamment les redirections, les connexions et l’ouverture de nouvelles fenêtres. Le système de marketing intelligent multicanal AI+SNS d’易营宝 prend en charge la liaison de comptes sur plusieurs plateformes, la synchronisation des contenus et la génération de publications multilingues. Si vous utilisez ce type de fonctionnalité de diffusion, incluez également les pages de destination des publications dans la recette : ne vous contentez pas de confirmer que le contenu a bien été publié.

Transformez les résultats des vérifications en tâches de correction pouvant être retestées

Lorsque vous consignez un problème, indiquez clairement l’adresse de la page, l’appareil, le navigateur, les étapes pour le reproduire et une capture d’écran. Corrigez en priorité les problèmes bloquants, comme l’impossibilité d’envoyer un formulaire, l’absence de contenu essentiel ou un bouton masqué, puis traitez la lenteur de chargement et les détails visuels. Après les modifications, testez à nouveau la même page et vérifiez également des pages utilisant le même modèle afin d’éviter de corriger un problème à un endroit tout en en créant un autre ailleurs.

易营宝信息科技（北京）有限公司, créée en 2013, propose des services de création de sites web intelligents, de sites multilingues, de SEO, de publicité et de marketing sur les réseaux sociaux. Pour les projets associant création de sites web et marketing, la recette ne doit pas se limiter à la mise en ligne d’un « modèle responsive » : il faut également préciser qui est responsable des pages de destination, des formulaires, de la transmission des données et de la maintenance ultérieure.

Après avoir effectué une vérification mobile, conservez les résultats des tests et recommencez les contrôles lors d’un changement de modèle, de l’ajout d’un plug-in ou du lancement d’une nouvelle langue. Pour déterminer si un site est adapté aux mobiles, le critère ultime est de savoir si les clients peuvent effectuer facilement l’action essentielle sur leur propre appareil et avec leur propre connexion.