Site responsive : ce qui casse vraiment sur un téléphone
Article écrit par l'agence AmiSEO, relu par Maxim, fondateur d'AmiSEO
· 11 min de lecture
En résumé
Responsive veut dire qu'un site se remet à la taille de l'écran qui l'ouvre. Sur 185 sites mesurés, ce n'est presque jamais la mise en page qui cloche.
- Le défaut que tout le monde cite, la page qui glisse de côté, je l'ai trouvé sur 2 sites sur 185.
- Les deux vrais sont ailleurs : 35 sites interdisent le zoom et 49 ont des boutons trop petits et trop serrés pour un pouce.
- Aucun des quatre ne vous sort de Google. Un seul défaut le fait : un contenu qui n'existe que dans la version ordinateur.
Les quatre gestes, sur votre téléphone, maintenant
Poussez la page vers la gauche avec le doigt. Elle bouge de côté ?
Résumer cet article avec
Responsive veut dire une chose, et une seule
Responsive, c'est le mot des agences pour dire qu'un site se remet à la taille de l'écran qui l'ouvre. Rien de plus. Il ne dit rien de la vitesse, rien du design, rien de ce que la page raconte.
Quand vous dites que votre site s'affiche mal sur votre téléphone, vous parlez en réalité d'une de ces quatre choses, et elles n'ont ni la même cause ni le même prix.
Un. La page glisse de côté, il faut la pousser du doigt vers la droite pour voir la fin des phrases.
Deux. Tout est minuscule d'entrée, comme si on regardait la version ordinateur de loin.
Trois. Le pincement pour zoomer ne fait rien, le site refuse d'agrandir.
Quatre. Les boutons et les liens sont si petits et si serrés que le pouce tape à côté.
J'ai mesuré ces quatre défauts, un par un, sur les sites de 189 entreprises françaises, artisans et PME. Voilà ce que ça donne, et le résultat ne va pas dans le sens que je croyais.
Deux sites sur 185 glissent vraiment de côté
C'est le défaut dont tout le monde parle, celui qu'on a tous en tête quand on dit « pas responsive ». Sur les 185 sites que j'ai pu ouvrir le 12 septembre 2026, il s'en trouve deux.
Deux sur 185.
Le premier laisse dépasser de 57 pixels une rangée d'icônes de réseaux sociaux, sur un écran de 390. Le second laisse la page filer sans fin vers la droite. Rien d'autre. Le défaut le plus cité est aussi le plus rare.
Ce que j'ai failli publier de travers
- Ma mesure automatique en avait trouvé trois. Le troisième ne glissait pas du tout.
- Comparer la largeur du document à celle de l'écran ne prouve rien : un carrousel d'images gonfle cette largeur sans que la page bouge d'un pixel.
- Le seul test qui prouve, c'est de faire glisser la page et de regarder si elle bouge. C'est ce que je vous demande de faire plus bas, avec votre pouce.
Il existe une deuxième façon, beaucoup moins connue, de ne pas tenir dans l'écran : la page ne glisse pas, elle rétrécit. Le site réclame une mise en page large, le navigateur obéit, puis il réduit tout pour que ça rentre. Vous obtenez une maquette d'ordinateur vue de loin, tout est net, tout est illisible.
Cinq sites sur 185 font ça. Le pire réclame 1 560 pixels de large sur un écran qui en fait 390 : la page arrive quatre fois trop petite.
Ce que le téléphone affiche vraiment, sur 185 sites
- 171 sitesà la taille de l'écran, à 10 % près
- 9 sitespage imposée à 320 px, donc agrandie
- 5 sitespage plus large que l'écran, donc rétrécie
Relevé du 12 septembre 2026, écran de 390 sur 844 pixels, dans Chrome, mode téléphone. Deux sites glissent en plus latéralement, dont un déjà compté parmi les cinq rétrécis.
Les neuf sites du milieu méritent un mot. Ils réclament tous exactement la même chose, une page de 320 pixels de large, et ils l'écrivent avec la même phrase de code, au caractère près. Neuf sites, un seul outil derrière. 320 pixels, c'est la largeur d'un iPhone 5, sorti en 2012. Sur un téléphone d'aujourd'hui, le navigateur agrandit la page d'un quart pour combler le vide, et les photos deviennent molles.
Vous voulez savoir dans quelle colonne tombe votre site, sans le mesurer vous-même ? Demandez mon autopsie vidéo : je l'ouvre sur mon téléphone et je vous montre l'écran.
35 sites sur 185 interdisent le zoom
Voilà le vrai défaut fréquent, et personne n'en parle. 35 sites sur 185 demandent au téléphone de bloquer le pincement pour agrandir. Près d'un sur cinq.
Ce n'est pas une faute de mise en page, c'est une ligne écrite volontairement dans le code du site. Quelqu'un a décidé que le visiteur n'aurait pas le droit d'agrandir. Le motif habituel est esthétique : on protège la maquette.
Le problème, c'est qui paie. Votre client de 62 ans qui cherche votre numéro fait le geste qu'il fait partout ailleurs, écarter deux doigts. Il ne se passe rien. Il ne se dit pas que votre site est mal fait, il se dit que ça ne marche pas, et il referme.
Les règles d'accessibilité du web sont explicites là-dessus : le critère 1.4.4 du référentiel international demande qu'un texte puisse être agrandi jusqu'à deux fois sans rien perdre. Un site qui bloque le zoom ne le respecte pas.
Le geste, et sa réponse
- Ouvrez votre accueil sur votre téléphone, posez deux doigts au milieu du texte et écartez-les.
- Le texte grossit : rien à faire, passez au défaut suivant.
- Rien ne bouge : votre site interdit le zoom. C'est une ligne à changer, pas un site à refaire.
49 sites sur 181 ont des boutons trop serrés pour un pouce
Une page d'accueil de ce relevé porte 26 choses cliquables en médiane : liens du menu, boutons, icônes, champs de formulaire. La question n'est pas combien, c'est si le pouce les attrape.
La règle publiée est chiffrée. Le critère 2.5.8 du référentiel d'accessibilité demande 24 pixels de côté au minimum, avec une tolérance nette : une cible plus petite passe quand même si rien d'autre ne se trouve à moins de 24 pixels autour d'elle. Un lien perdu au milieu d'un paragraphe ne compte pas non plus.
En appliquant la règle entière, tolérance comprise, 49 sites sur 181 portent au moins un bouton trop petit et trop serré. La moitié des sites n'en ont aucun. Un seul en compte 66 sur sa page d'accueil.
Sans la tolérance d'espacement, j'aurais publié 155 sites sur 181 au lieu de 49. Trois fois plus, et faux.
| Qui l'écrit | Taille demandée | La tolérance |
|---|---|---|
| Le référentiel d'accessibilité, critère 2.5.8 | 24 pixels de côté | rien d'autre à moins de 24 pixels autour |
| L'outil de contrôle de Google, Lighthouse | 48 pixels de côté | passe toujours à 48 pixels, quoi qu'il arrive |
J'ai mesuré la première règle, celle à 24 pixels, parce qu'elle est la moins sévère des deux. Avec la règle de Google, à 48, le compte serait plus lourd.
Le défaut cousin ne se voit pas sur cette liste et coûte pourtant le plus cher : 65 sites sur 185 affichent un numéro de téléphone qu'on ne peut pas appeler en le touchant. Il est écrit, il n'est pas cliquable. Sur un téléphone, un numéro qui ne se compose pas d'un doigt est un numéro qu'on ne compose pas.
Ce qui vous fait disparaître de Google, et ce qui ne vous fait pas disparaître
C'est la question qui inquiète, alors je la tranche tout de suite. Aucun des quatre défauts ci-dessus ne vous sort de Google. Pas un.
Ce qui a changé, c'est autre chose. Depuis le 5 juillet 2024, Google ne visite plus les sites qu'avec son robot téléphone. Sa phrase, publiée le 3 juin 2024, est nette : si le contenu de votre site n'est pas accessible depuis un appareil mobile, il ne sera plus indexable.
Le mot qui compte dans cette phrase est le mot contenu, et la même documentation le confirme dans l'autre sens : Google écrit noir sur blanc qu'on peut proposer une interface différente sur téléphone, ranger des paragraphes dans des onglets ou des blocs à déplier, du moment que le contenu reste le même.
La ligne de partage
- Votre site est laid sur téléphone mais tout y est : Google le garde, vous perdez des clients, pas des positions.
- Votre version téléphone montre moins que votre version ordinateur : Google ne lit que la version téléphone, donc il ne voit pas ce qui manque. C'est là que ça coûte des positions.
- Le cas le plus courant chez les sites anciens : une adresse séparée, du genre m.monsite.fr, restée en retard sur la version principale.
Et pour mesurer tout ça, Google ne vous donne plus rien. Son test d'optimisation mobile et son rapport d'ergonomie mobile ont été supprimés le 1er décembre 2023. Son contrôle automatique de la taille des polices vient d'être supprimé à son tour. L'adresse de l'ancien test renvoie aujourd'hui vers une documentation technique en anglais pour développeurs, ce que j'ai vérifié le 12 septembre 2026.
C'est pour ça que deux des cinq premiers guides français sur cette question envoient encore leurs lecteurs cliquer un outil qui n'existe plus depuis bientôt trois ans.
Le test en trois minutes, sur votre propre téléphone
Il n'y a plus de bouton à cliquer. Votre téléphone est devenu le seul outil de test honnête, et c'est une bonne nouvelle : il regarde exactement ce que regarde votre client.
Ouvrez votre page d'accueil, pas votre page de contact, et faites ces quatre gestes dans l'ordre. Chacun teste un défaut, chacun a une réponse binaire.
- Poussez la page vers la gauche avec le doigt, sans faire défiler vers le bas. Si elle bouge de côté et découvre du blanc ou des morceaux de texte, votre site glisse. C'est le défaut le plus rare, 2 sites sur 185.
- Regardez le texte sans rien toucher. Si vous devez rapprocher le téléphone de vos yeux pour lire un paragraphe normal, votre page arrive rétrécie.
- Écartez deux doigts sur le texte. S'il ne grossit pas, votre site interdit le zoom. 35 sites sur 185 le font.
- Touchez votre numéro de téléphone. Si l'écran d'appel ne s'ouvre pas, votre numéro n'est pas cliquable. 65 sites sur 185 sont dans ce cas.
Faites-le sur un téléphone qui n'est pas le vôtre si vous pouvez. Le vôtre a peut-être gardé en mémoire un zoom que vous aviez réglé il y a deux ans, et il vous mentira.
Ce que ce relevé ne dit pas, y compris contre moi
Un chiffre sans ses trous est une publicité. Voilà les miens.
J'ai regardé une page par site, l'accueil. Un site peut avoir un accueil impeccable et une fiche produit cassée. Mon relevé ne le verrait pas.
Je n'ai mesuré que ce qui se mesure à l'écran. Un site peut passer mes quatre tests et rester mauvais sur téléphone : trop lent, mal écrit, avec le numéro caché tout en bas.
Mes 190 adresses ne font que 189 sites. L'une d'elles y figurait deux fois, avec et sans les trois w. Tous les comptes de cette page sont ramenés au site, pas à l'adresse.
Quatre sites n'ont pas répondu le jour du relevé : deux certificats de sécurité invalides, un nom de domaine qui ne répond plus du tout, et une réponse de serveur qui refuse l'accès. Ils sont sortis de tous les calculs. Ce sont peut-être les plus cassés des 189, et je ne le saurai jamais.
Je n'ai pas testé les navigateurs. Quand j'écris qu'un site interdit le zoom, je dis que le site le demande. Savoir si votre téléphone lui obéit dépend de son navigateur, et ça, je ne l'ai pas mesuré.
Vous avez trouvé un défaut et vous ne savez pas s'il se répare ou s'il faut tout reprendre ? Ma page sur la refonte de site internet dit ce qui se garde et ce qui se jette.
Ce qui se répare en une ligne, et ce qui impose de refaire le site
C'est la seule chose qui change votre facture, alors la voici telle que je la vois après ce relevé.
| Le défaut | Sur 185 sites | Ce que ça demande |
|---|---|---|
| Le zoom interdit | 35 | Une ligne de code à changer. Une intervention, pas un chantier. |
| Le numéro non cliquable | 65 | Une balise autour du numéro, sur chaque page où il apparaît. |
| Les boutons trop serrés | 49 | Des retouches de mise en forme, dans le thème. Une demi-journée à une journée. |
| La page qui glisse | 2 | Trouver l'élément trop large. Rapide s'il est seul, long s'il y en a partout. |
| La page rétrécie | 5 | Le site a été conçu pour un écran d'ordinateur. Là, on refait. |
Les quatre premières lignes sont des réparations. La cinquième est une reconstruction, parce que le site ne s'est jamais adapté et qu'aucune retouche ne le lui apprendra.
La bonne nouvelle du relevé, c'est qu'il y a très peu de cinquièmes lignes. 107 sites sur 185 n'ont aucun des quatre défauts. Si votre site vous semble mauvais sur téléphone et qu'il passe les quatre gestes, cherchez ailleurs : du côté de la vitesse de votre site, ou de ce que montre le premier écran, parce qu'un site qui reçoit des visites et ne reçoit aucune demande a presque toujours un autre problème que sa mise en page.
Et si vous êtes dans la cinquième ligne, la question n'est plus le téléphone, c'est le calendrier : à quel moment refaire son site se décide sur ce qu'il rapporte, jamais sur son âge. Si vous cherchez quelqu'un près de chez vous pour ce chantier, ma page sur la refonte de site internet à Toulouse dit comment je travaille.
Comment cet article a été fait
- J'ai repris le panel de 190 adresses de sites d'artisans et de PME françaises constitué le 11 septembre 2026. Deux de ces adresses mènent au même site, il reste donc 189 sites distincts.
- J'ai ouvert la page d'accueil de chacun dans Chrome, le vrai, en mode téléphone, à deux largeurs : 390 sur 844 pixels, puis 360 sur 800. Cache vide à chaque page, aucun bridage de réseau : je mesure ce qui s'affiche, pas la vitesse.
- Sur chaque page j'ai relevé quatre choses : la largeur réellement donnée à la mise en page, la demande de blocage du zoom, la taille des textes réellement affichés, et la taille de chaque bouton, lien et champ visible.
- Pour les boutons, j'applique la règle du critère 2.5.8 du référentiel d'accessibilité en entier, tolérance d'espacement comprise, et j'écarte les liens posés au milieu d'une phrase, que la règle exclut nommément.
- J'ai rejoué à la main, en faisant glisser la page, les sites que la mesure automatique signalait comme débordants. Un des trois ne glissait pas : il est sorti du compte.
Ce que cette méthode ne dit pas. Une page par site, l'accueil. Un site peut avoir un accueil impeccable et une fiche produit cassée, mon relevé ne le verrait pas. Et je n'ai pas testé les navigateurs : quand j'écris qu'un site interdit le zoom, je dis que le site le demande, pas que votre téléphone lui obéit.
Questions fréquentes
Comment faire un site responsive ?
Ça ne se rajoute pas après coup, ça se décide au moment où le site est construit : la mise en page est écrite pour s'adapter à la largeur qu'on lui donne, au lieu d'être dessinée pour un écran fixe. Sur un site existant, la vraie question n'est donc pas comment le rendre responsive, c'est lequel des quatre défauts vous avez. Trois d'entre eux se réparent sur le site que vous avez déjà. Le quatrième, la page conçue pour un écran d'ordinateur, demande de refaire.
Sources
- Google Search Central, outil de test d'optimisation mobile (supprimé le 1er décembre 2023)
- Google Search Central, l'exploration passe entièrement au robot téléphone (3 juin 2024)
- W3C, WCAG 2.2, critère 2.5.8 sur la taille minimale des cibles tactiles
- Chrome for Developers, audit Lighthouse des tailles de police lisibles
Ressources utiles


