La plupart de vos visiteurs vous lisent sur un téléphone
Une fuite sous l’évier un dimanche soir. Une voiture qui refuse de démarrer devant la boulangerie. Un taxi à réserver pour l’aéroport, tôt le lendemain matin. Dans ces moments-là, personne ne s’installe devant un ordinateur. On sort son téléphone, on tape le métier et le nom de la ville, et on ouvre les premiers résultats, souvent debout, parfois d’une seule main.
C’est pour ce visiteur-là que votre site doit fonctionner. Il cherche vite. Il veut un numéro, une adresse, la confirmation que vous faites bien ce dont il a besoin. Si la page s’ouvre avec un texte minuscule, un menu qui refuse de se déplier ou un bouton qui dépasse de l’écran, il ne cherche pas à comprendre. Le visiteur ne zoome pas, il repart. Le résultat suivant est à un geste du pouce.
Beaucoup de propriétaires de sites ne s’en aperçoivent jamais, pour une raison bête : ils consultent leur site depuis l’ordinateur du bureau, là où il a été présenté à la livraison. Sur grand écran, tout va bien. Le problème n’apparaît que sur le téléphone du client, et le client ne prévient pas. Il appelle simplement un concurrent.
La bonne nouvelle, c’est que ce défaut se diagnostique sans aucune compétence technique. Il suffit de regarder son site comme le regarde un client, de noter ce qui ne va pas, et de savoir classer les problèmes par ce qu’ils coûtent réellement. Ce classement change tout au moment d’en parler à votre prestataire : vous arrivez avec une demande précise, pas avec l’impression vague que « le site ne rend pas bien ».
Voici la démarche : reconnaître les symptômes, tester soi-même, comprendre d’où vient le défaut, décider entre réparer et refaire, puis savoir quoi exiger la prochaine fois qu’on vous livre un site.
Les symptômes, du plus grave au moins grave
Tous les défauts d’affichage mobile ne se valent pas. Certains font perdre un client à coup sûr, d’autres agacent sans faire fuir. Mieux vaut les connaître dans cet ordre, parce que c’est l’ordre dans lequel il faudra les corriger.
Le plus grave : un numéro de téléphone qu’on ne peut pas toucher pour appeler. Sur mobile, un numéro bien intégré se déclenche d’un simple appui. Un numéro affiché comme une image, ou écrit dans un format que le téléphone ne reconnaît pas, oblige le visiteur à le mémoriser ou à le recopier. Pour un plombier ou un chauffeur VTC, c’est l’appel perdu dans la minute. Tout le reste passe après.
Juste derrière vient le bouton de contact hors de l’écran. Un bouton « Nous appeler » ou « Demander un devis » coupé sur le côté, ou relégué tout en bas d’une page interminable, revient à fermer la porte du magasin. Le visiteur qui ne le trouve pas en quelques secondes conclut que le contact est compliqué.
Troisième symptôme : le texte qu’il faut agrandir. Si la page s’affiche comme une version réduite du site pour ordinateur, avec des caractères illisibles, le visiteur doit écarter les doigts pour lire. Il le fera une fois, rarement deux. Un site dans cet état n’a tout simplement pas été adapté au mobile.
Le défilement horizontal suit. La page glisse de gauche à droite en plus de défiler vers le bas, parce qu’un élément est plus large que l’écran. C’est désagréable plus que bloquant, mais c’est un signal clair qu’un bloc déborde quelque part.
Un cas à part mérite d’être signalé : la fenêtre qui recouvre tout. Bandeau de consentement aux cookies, message promotionnel, invitation à s’inscrire à une lettre d’information. Sur un ordinateur, ces fenêtres occupent un coin de l’écran. Sur un téléphone, elles peuvent masquer toute la page, avec une croix de fermeture minuscule ou hors d’atteinte. Le visiteur voit un mur. Selon sa patience, il le franchit ou il abandonne, et la plupart abandonnent quand ils sont pressés.
Viennent ensuite le menu qui ne s’ouvre pas et l’image coupée. Un menu inactif empêche d’accéder aux autres pages, ce qui compte surtout pour les visiteurs qui cherchent une prestation précise. Une image coupée, elle, nuit à l’impression générale sans empêcher le contact. Notez-la, mais ne commencez pas par elle.
Tester soi-même, sans outil
Il existe des outils en ligne qui analysent l’affichage mobile d’un site. Ils sont utiles aux techniciens. Pour vous, le meilleur outil est le téléphone de votre entourage, et le moment idéal est une situation réelle.
Empruntez plusieurs appareils. Le vôtre, celui d’un proche, celui d’un employé, idéalement un modèle ancien et un modèle récent, et deux systèmes différents si possible. Un site peut s’afficher correctement sur un grand téléphone récent et se dérégler sur un écran plus petit. Tester sur un seul appareil ne vous apprend presque rien.
Ouvrez votre site comme le ferait un client. Pas en tapant directement l’adresse : cherchez votre métier et votre ville dans le moteur de recherche, et entrez par le résultat. Puis faites ce que ferait un client pressé. Cherchez le numéro, touchez-le pour vérifier qu’il déclenche l’appel. Ouvrez le menu. Cherchez une prestation précise. Revenez à l’accueil.
Recommencez en tenant le téléphone en largeur. Certains sites s’affichent bien en hauteur et se cassent en paysage. Puis sortez. Testez dans la rue, sur une connexion mobile moyenne, loin du wifi de la boutique. Une page qui met longtemps à s’afficher parce qu’une image est trop lourde passe inaperçue au bureau et devient flagrante sur le trottoir.
Demandez aussi à un proche de chercher votre numéro sans votre aide. Donnez-lui une consigne simple, par exemple trouver comment vous joindre un samedi, et regardez-le faire sans rien dire. Ce petit exercice révèle ce qu’aucun test solitaire ne montre : l’endroit où un vrai visiteur hésite, le bouton qu’il ne voit pas, le lien qu’il touche par erreur. Vous connaissez votre site par cœur, lui non. Son hésitation vaut toutes les analyses.
À chaque défaut, faites une capture d’écran. C’est le geste le plus utile de toute la démarche. Une capture montre au prestataire exactement ce que vous voyez, sur quel appareil, à quel endroit de la page. Notez à côté le modèle du téléphone et l’orientation. Rassemblez le tout dans un seul message, classé par gravité, en commençant par le numéro et le bouton de contact.
Un message de ce type obtient une réponse précise. « Sur tel téléphone, en hauteur, le numéro de la page contact ne déclenche pas l’appel, capture jointe » se corrige vite. « Le site ne rend pas bien sur mobile » ouvre une discussion sans fin.
D’où vient le problème
Comprendre l’origine du défaut aide à juger la réponse du prestataire. Pas besoin de jargon : il suffit de connaître la logique d’un site qui s’adapte à l’écran.
Un site bien construit n’a pas une seule mise en page, il en a plusieurs. Sur un grand écran, les blocs se rangent côte à côte, en colonnes. Sur un téléphone, les mêmes blocs s’empilent les uns sous les autres, le texte garde une taille lisible, le menu se replie derrière une icône. On parle de site adaptatif. Le contenu est identique, seule la disposition change selon la largeur de l’écran.
Premier cas fréquent : le site a été construit avant que le mobile domine. Il ne connaît qu’une disposition, celle de l’ordinateur, et le téléphone l’affiche en miniature. C’est le cas du texte qu’il faut agrandir. Aucune retouche ponctuelle ne règle vraiment ce problème, puisque le site n’a jamais été pensé pour un petit écran.
Deuxième cas : le thème, c’est-à-dire le modèle graphique sur lequel repose le site, est prévu pour le mobile, mais un élément ajouté après coup ne l’est pas. Un tableau de tarifs trop large, une carte intégrée, une vidéo, un module de réservation ou un bandeau promotionnel. C’est lui qui déborde et provoque le défilement horizontal. Ici, une correction ciblée suffit généralement.
Troisième cas : les images. Une photo envoyée telle quelle depuis un appareil récent pèse lourd. Sur une connexion mobile moyenne, elle ralentit l’affichage de toute la page. Elle peut aussi être recadrée automatiquement de façon malheureuse sur un écran étroit, ce qui donne l’image coupée. Le remède consiste à préparer des images de taille adaptée, ce qui ne touche pas à la structure du site.
Il faut compter aussi avec les extensions ajoutées au fil du temps. Un module de prise de rendez-vous, un widget d’avis clients, un bouton de réseau social flottant : chacun a été conçu par un éditeur différent, avec ses propres règles d’affichage. Empilés, ils finissent par se chevaucher sur un petit écran. Personne ne l’a voulu, c’est l’accumulation qui produit le désordre.
Dernier cas, plus discret : le numéro de téléphone n’a pas été balisé comme un numéro. Le téléphone du visiteur ne le reconnaît pas et ne propose pas l’appel. C’est une petite correction, et c’est pourtant souvent la plus rentable de toutes.
Réparer ou refaire
Face à un site mal affiché, deux réponses sont possibles. La correction, qui traite les défauts un par un. La refonte, qui reconstruit le site. Le choix dépend de l’origine du problème, pas de l’envie de votre prestataire de vendre l’une ou l’autre.
Une correction suffit quand le site a été conçu pour le mobile et qu’un élément précis déborde. Numéro à rendre cliquable, tableau à réorganiser, image à alléger, menu à réparer, bouton à repositionner. Ce sont des interventions limitées, qui se chiffrent à l’unité et se vérifient facilement avec vos captures d’écran de départ.
La refonte devient raisonnable quand le site entier a été pensé pour un écran d’ordinateur. Si toutes les pages s’affichent en miniature, si aucun menu mobile n’existe, si chaque correction en appelle une autre, rafistoler finit par coûter plus cher que reconstruire. C’est aussi le moment de revoir le contenu, puisqu’on repart de zéro sur la présentation.
Après une correction, refaites exactement le test du départ. Même téléphone, même orientation, même page, même geste. Comparez avec votre capture initiale. Un défaut corrigé sur l’ordinateur du prestataire n’est pas forcément corrigé sur l’appareil de vos clients, et c’est sur ce dernier que la correction doit se constater. Si un défaut persiste, renvoyez la capture nouvelle à côté de l’ancienne : la démonstration est immédiate.
Méfiez-vous des deux excès. Un prestataire qui propose une refonte complète pour un simple numéro non cliquable vous vend plus que nécessaire. À l’inverse, un prestataire qui corrige indéfiniment un site conçu pour l’ordinateur vous fait payer des retouches qui ne régleront jamais le fond.
Pour comparer deux propositions, le devis doit détailler ce qui est fait. Pour une correction : la liste des défauts traités, reprise de vos captures, et la manière dont le résultat sera vérifié. Pour une refonte : les pages reconstruites, ce qui est repris de l’existant, ce qui change, et la vérification sur téléphone prévue avant la livraison. Un devis qui dit seulement « adaptation mobile » ne se compare à rien.
Ce qu’il faut exiger à la livraison d’un site
La meilleure façon d’éviter tout cela est de le vérifier le jour où l’on vous livre le site. Avant de signer la réception, demandez une démonstration sur téléphone, faite devant vous, sur votre propre appareil.
Parcourez ensemble les pages principales. Touchez le numéro. Ouvrez le menu. Testez le formulaire si le site en comporte un. Profitez-en pour vérifier que le moyen de contact choisi est le bon pour votre métier : un artisan dépanneur n’a pas les mêmes besoins qu’une boutique, et le choix entre le formulaire de contact ou le numéro de téléphone dépend de la façon dont vos clients vous joignent.
Tant que la réception n’est pas signée, les corrections font partie de la prestation. C’est le moment où votre demande pèse le plus. Comme le rappellent les conseils sur le site vitrine, tout se juge sur le téléphone du client, pas sur l’écran de celui qui l’a construit. C’est la ligne que suit Web Motion dans ses conseils.
Questions fréquentes
Google pénalise-t-il un site mal affiché sur mobile ?
Google examine désormais les sites principalement dans leur version mobile. Un site difficile à lire sur téléphone part donc avec un handicap face à des concurrents bien adaptés. Mais le vrai coût est ailleurs : même bien placé, un site illisible perd le visiteur à l’arrivée. Le classement compte moins que ce que le client trouve en ouvrant la page.
Faut-il une application en plus du site ?
Non, pour une petite entreprise locale. Un client ne télécharge pas une application pour appeler un artisan ou vérifier des horaires. Un site bien adapté au téléphone répond à ce besoin. L’application ne se justifie que pour un usage répété, comme une réservation fréquente, et même dans ce cas le site reste la porte d’entrée.
Pourquoi le site s’affiche bien sur un téléphone et mal sur un autre ?
Parce que les écrans n’ont pas tous la même largeur, et que les navigateurs n’interprètent pas tous les pages de la même façon. Un élément trop large peut tenir sur un grand téléphone et déborder sur un plus petit. C’est exactement pour cela qu’il faut tester sur plusieurs appareils, et joindre le modèle concerné à chaque capture envoyée au prestataire.
Combien de temps prend une correction ?
Cela dépend de l’origine du défaut. Rendre un numéro cliquable ou alléger une image se règle très vite. Réorganiser un tableau ou réparer un menu demande un peu plus. Une refonte, elle, se compte en semaines. Demandez un délai écrit pour chaque défaut listé, et vérifiez le résultat sur le même téléphone que celui de votre capture de départ.