Votre site a souvent été conçu et validé sur un écran d’ordinateur. Pourtant, une bonne partie de vos visiteurs le découvrent sur un téléphone : entre deux rendez-vous, dans une voiture garée, sur un chantier ou le soir depuis leur canapé. Si le texte est trop petit, si le menu se cache ou si le bouton d’appel est introuvable, ils repartent sans vous contacter.

Le mobile compte aussi pour votre visibilité. Google indique dans sa documentation sur l’indexation mobile qu’il utilise la version mobile du contenu d’un site pour l’indexation et le classement. Ce que votre site affiche sur un smartphone est donc, en pratique, ce que Google retient.

La bonne nouvelle, c’est que l’essentiel se vérifie sans outil technique : il suffit de prendre votre téléphone et de parcourir votre site comme le ferait un client. Voici les points à contrôler, dans l’ordre où un visiteur les rencontre.

Les premières secondes : ce que l’on voit sans faire défiler

Ouvrez votre page d’accueil sur votre téléphone, sans zoomer ni faire défiler. En quelques secondes, un visiteur doit comprendre ce que vous faites, où vous intervenez et comment vous joindre. Sur un petit écran, une grande image d’ambiance ou un slogan vague peuvent occuper tout l’espace visible, et repousser l’information utile plus bas.

Faites le même test sur vos pages de services, qui reçoivent souvent plus de visites que l’accueil depuis les résultats de recherche. Le titre doit dire clairement de quoi parle la page, et un premier moyen de contact doit apparaître rapidement.

Lire sans zoomer, toucher sans se tromper

Le confort de lecture est le premier critère sur mobile. Le texte doit se lire sans zoom, avec des paragraphes courts et un contraste suffisant entre le texte et le fond, y compris en plein soleil. Un texte gris clair sur fond blanc, élégant sur un grand écran, devient vite illisible dehors.

Viennent ensuite les éléments à toucher : boutons, liens, cases à cocher, icônes. Un doigt est bien moins précis qu’une souris. Les règles d’accessibilité WCAG 2.2 fixent d’ailleurs un minimum de 24 pixels CSS de côté pour une zone cliquable, sauf exceptions, notamment lorsque l’espacement autour de la cible est suffisant. Dans la pratique, si vous touchez souvent le mauvais lien ou si deux boutons sont collés l’un à l’autre, vos visiteurs ont le même problème.

Les réflexes à tester sur votre propre téléphone

Prenez dix minutes et parcourez votre site avec ces questions en tête :

  • Le menu s’ouvre et se ferme facilement, et chaque rubrique importante y figure.
  • Votre numéro de téléphone lance un appel d’un simple toucher, au lieu de devoir le recopier.
  • Votre adresse ou votre zone d’intervention s’affichent clairement, avec un lien vers un plan si vous recevez du public.
  • Aucune fenêtre surgissante ne masque le contenu sans pouvoir être fermée facilement.
  • Aucune page ne déborde sur le côté, ce qui oblige à faire défiler horizontalement.
  • Les tableaux, les vidéos et les cartes intégrées s’adaptent à la largeur de l’écran.
  • Les pages s’affichent rapidement, même avec une connexion moyenne en 4G.

Faites ce test sur deux appareils différents si possible, par exemple votre téléphone et celui d’un proche, car un site peut s’afficher correctement sur un modèle et poser problème sur un écran plus petit.

Formulaires et prise de contact : là où l’on perd le plus de demandes

Remplir un formulaire sur un téléphone est plus pénible que sur un ordinateur. Chaque champ en trop augmente le risque d’abandon. Limitez-vous aux informations dont vous avez réellement besoin pour répondre, et vérifiez que le bon clavier s’affiche : le clavier numérique pour un numéro de téléphone, le clavier avec arobase pour une adresse email.

Envoyez-vous une demande de test depuis votre téléphone. Le bouton d’envoi est-il visible sans chercher ? Les messages d’erreur expliquent-ils clairement ce qu’il faut corriger ? Une confirmation s’affiche-t-elle après l’envoi ? Et recevez-vous bien la demande dans votre boîte mail ? Ce test simple révèle souvent des blocages que personne ne vous avait signalés : un visiteur qui n’arrive pas à envoyer son message ne prend généralement pas la peine de vous prévenir.

Même contenu sur mobile et sur ordinateur

Pour gagner de la place, certains sites masquent des blocs de texte sur mobile. C’est une fausse bonne idée. Google précise que seul le contenu affiché sur la version mobile est utilisé pour l’indexation, et recommande que le contenu principal soit le même sur mobile et sur ordinateur. Les accordéons et les onglets restent possibles pour alléger l’affichage, à condition que le contenu soit bien présent dans la page.

Si votre site utilise une conception adaptative, c’est-à-dire une seule version qui s’ajuste à la taille de l’écran, ce point est généralement réglé. C’est d’ailleurs la solution que Google recommande, car elle est la plus simple à mettre en place et à maintenir. Méfiez-vous en revanche des anciens sites qui proposent une version mobile séparée, souvent moins complète et moins bien entretenue.

Pour aller au-delà de votre propre test, l’outil gratuit PageSpeed Insights de Google analyse une page sur mobile et sur ordinateur. Il combine des mesures réalisées en laboratoire et, lorsque le site reçoit assez de visites, des données issues de vrais utilisateurs. Regardez d’abord l’onglet mobile : c’est souvent là que les écarts apparaissent.

À retenir

Un site agréable sur mobile se reconnaît à quelques signes simples : on comprend tout de suite ce que vous proposez, on lit sans zoomer, on touche sans se tromper et on peut vous appeler ou vous écrire en quelques gestes. Testez régulièrement votre site sur votre propre téléphone, gardez le même contenu sur mobile et sur ordinateur, et vérifiez vos formulaires en conditions réelles. Si votre site impose trop de compromis sur smartphone, c’est souvent le signe qu’une refonte mérite d’être envisagée.

Pour aller plus loin, vous pouvez lire l’article sur les formulaires de contact sans friction, celui sur l’INP et les Core Web Vitals, ou consulter la page refonte de site internet si votre site actuel n’est pas à la hauteur sur mobile.