Mon site s'affiche mal sur mobile : les causes et les solutions

Pourquoi le mobile passe avant tout le reste

Votre site se visite d'abord sur un téléphone. Selon StatCounter, 53 % des visites en France se font sur mobile, contre 44 % sur ordinateur et 2,5 % sur tablette (septembre 2026). Quand quelqu'un cherche un plombier, un coiffeur ou un restaurant, il le fait debout, dans sa voiture ou sur son canapé, le téléphone à la main.

Google en a tiré la conséquence : il indique qu'il utilise la version mobile du contenu d'un site, explorée par son robot de smartphone, pour l'indexation et le classement. Si votre site est confortable sur ordinateur mais pénible sur téléphone, c'est la version pénible que Google juge.

Et le visiteur, lui, ne s'attarde pas. Rappelons que 53 % des visites mobiles sont abandonnées quand une page met plus de trois secondes à s'afficher : un site qui demande de zoomer, de faire défiler de côté et de viser un lien minuscule perd encore plus vite sa patience.

Les sept signes qui ne trompent pas

Prenez votre téléphone, ouvrez votre site et regardez si l'un de ces défauts apparaît :

1. Il faut zoomer avec deux doigts pour lire le texte.
2. La page défile de côté : un élément trop large dépasse de l'écran.
3. Le texte est minuscule, ou les lignes sont si longues qu'on perd sa place.
4. Les boutons et les liens sont trop petits ou trop collés : on touche le mauvais en visant le bon.
5. Le menu ne s'ouvre pas, ou recouvre la page sans pouvoir se fermer.
6. Les images sont coupées ou déformées.
7. Une fenêtre publicitaire ou d'inscription couvre tout l'écran dès l'arrivée.

Un seul de ces défauts suffit à faire fuir un visiteur pressé.

Les causes les plus fréquentes

Le site a été conçu pour l'ordinateur seulement. Il date d'une époque où le téléphone n'existait pas dans les habitudes, et sa mise en page a une largeur fixe.

La balise qui adapte l'affichage manque. Elle s'appelle « viewport » et tient en une ligne. Sans elle, le téléphone fait comme si l'écran mesurait la largeur d'un ordinateur, puis rétrécit tout : c'est ce qui rend un site minuscule.

Le thème ou le modèle choisi n'est pas « responsive ». Un site « responsive » réorganise sa mise en page selon la largeur de l'écran. Google recommande d'ailleurs cette approche, qu'il juge la plus simple à construire et à maintenir.

Des éléments à largeur fixe. Un tableau, une image, une vidéo ou un document intégré, réglés en pixels, dépassent de l'écran.

Des zones tactiles trop petites. Les règles d'accessibilité WCAG 2.2, référence internationale du W3C, demandent des zones d'au moins 24 sur 24 pixels, avec de l'espace autour. Pour un pouce, nous recommandons plutôt une quarantaine de pixels pour les boutons importants.

Comment le corriger

Si votre site tourne sur un outil de création (WordPress, Wix, Shopify, Squarespace) : vérifiez d'abord que votre thème est annoncé comme « responsive » ou « adapté mobile ». Si non, changer de thème est souvent la solution la plus rapide. Passez ensuite en revue chaque page sur votre téléphone, en particulier les pages qui contiennent des tableaux ou des documents.

Si la balise viewport manque, elle se place dans l'en-tête de chaque page. Sur un site que vous modifiez vous-même, voici la ligne attendue :

<meta name="viewport" content="width=device-width, initial-scale=1">

Si vous ne savez pas où la placer, demandez à la personne qui gère votre site : c'est un geste de cinq minutes pour un professionnel.

Pour le texte et les boutons, gardez un texte d'au moins 16 pixels, des lignes courtes, et des boutons larges, espacés les uns des autres. Une action importante, comme « Appeler » ou « Prendre rendez-vous », doit se toucher du pouce sans viser.

Pour les pop-ups, supprimez ceux qui couvrent l'écran à l'arrivée : sur un petit écran, ils masquent tout le contenu et font fuir le visiteur.

La liste à parcourir avant de dire que c'est réglé

Un site « qui s'affiche » n'est pas forcément un site qui sert. Sur votre téléphone, vérifiez que vous pouvez, d'une seule main :

1. appeler en touchant votre numéro de téléphone, sans le recopier ;
2. trouver l'adresse et l'itinéraire sans quitter la page ;
3. ouvrir le menu, aller à une autre page, puis revenir ;
4. remplir et envoyer le formulaire de contact, clavier ouvert, sans que les champs soient cachés ;
5. lire vos horaires et vos tarifs sans zoomer ;
6. tourner le téléphone en mode paysage et vérifier que rien ne se casse.

Si l'un de ces gestes échoue, un client pressé abandonnera à cet endroit précis.

Comment tester sans vous fier à votre impression

Regardez votre site sur un vrai téléphone, de préférence un modèle ordinaire, pas le dernier du marché, et avec la connexion mobile plutôt que le Wi-Fi.

Pour un diagnostic objectif, lancez l'audit gratuit. Il vérifie la présence de la balise d'adaptation et la taille des zones tactiles, et ces deux points pèsent 15 points sur les 100 de votre score.

Quand un site doit être reconstruit

Retoucher un vieux site à largeur fixe est possible, mais coûte souvent plus cher qu'un site neuf pensé d'abord pour le téléphone, puis agrandi pour l'ordinateur. Si votre site a plus de cinq ans, si vous devez zoomer pour lire, ou si chaque correction fait apparaître un nouveau défaut, la bonne décision est généralement de repartir sur des bases saines.

Chez ORA, nous concevons chaque site en partant de l'écran du téléphone. Nous ne le livrons qu'après l'avoir testé sur de vrais appareils, et nous remettons les mesures avec le site. Si le vôtre vous fait fuir des clients, écrivez-nous : nous répondons en une heure au plus.

Pour aller plus loin

Un site lisible sur mobile doit aussi se charger vite : lisez pourquoi votre site est lent. Pour vérifier que votre travail se voit sur Google, consultez comment savoir si votre site est bien référencé.