Audit de site web › Site adapté au mobile

Mon site est-il adapté au mobile ? Le tester et le corriger

Pourquoi le mobile compte pour votre site

Pour un commerce, un artisan ou un cabinet, une grande partie des visiteurs arrive depuis un téléphone : une recherche rapide, une adresse à retrouver, un numéro à appeler. Nous n'avons pas de chiffre fiable propre à votre secteur à vous donner, mais vous pouvez le lire vous-même : dans votre outil de statistiques ou dans la Search Console, la répartition par type d'appareil indique la part de vos visiteurs sur mobile.

Il y a aussi une raison technique. Google explique, dans sa documentation officielle, qu'il utilise principalement la version mobile d'une page pour l'indexer et la classer : c'est l'indexation « mobile-first ». Si un texte, une image ou un lien n'existe que dans la version ordinateur, Google peut ne pas en tenir compte. Source : Google Search Central, « Indexation mobile-first », consultée le 2 octobre 2026.

Tester en une minute sur son propre téléphone

Avant tout outil, faites ce test à la main. Il révèle l'essentiel.

1. Ouvrez votre site dans le navigateur de votre téléphone, en tapant l'adresse (pas depuis un favori déjà en cache), en Wi-Fi puis, si possible, en 4G.
2. Sans zoomer, lisez le premier écran : peut-on comprendre ce que vous proposez et comment vous joindre ?
3. Faites défiler la page de haut en bas : la page glisse-t-elle aussi de gauche à droite ? Si oui, quelque chose déborde.
4. Touchez le menu, un bouton, un numéro de téléphone : réagissent-ils au premier essai, sans toucher le lien voisin par erreur ?
5. Tournez le téléphone en mode paysage, puis rouvrez une page interne (une page de service, un contact).

Demandez aussi à un proche qui ne connaît pas le site de faire la même chose en vous le décrivant : il verra ce que vous ne voyez plus.

Les outils gratuits pour tester l'affichage mobile

PageSpeed Insights

Collez l'adresse de votre page sur PageSpeed Insights et lisez l'onglet « Mobile », qui est celui affiché par défaut. L'outil simule un téléphone et signale, entre autres, une page sans balise viewport, un texte trop petit ou des éléments trop rapprochés quand il les détecte. Il mesure aussi la vitesse : voir notre guide pour tester la vitesse de son site et lire les résultats.

Le mode appareil des outils du navigateur

Dans Chrome ou Edge sur ordinateur, appuyez sur F12, puis sur l'icône « téléphone / tablette » en haut à gauche du panneau. La page s'affiche à la largeur d'un téléphone (par exemple 390 pixels) et vous choisissez le modèle. Pratique pour voir immédiatement un contenu qui déborde. C'est une simulation : elle ne remplace pas un vrai téléphone, notamment pour le toucher.

Le rapport « Ergonomie mobile » de Google : une précision

Vous trouverez encore des articles qui renvoient au « test d'optimisation mobile » de Google ou au rapport « Ergonomie mobile » de la Search Console. Ces outils ont été retirés par Google fin 2023 : ne perdez pas de temps à les chercher. Utilisez PageSpeed Insights et les outils du navigateur à la place.

La balise viewport : la ligne qui change tout

Sans consigne, un téléphone suppose que la page a été conçue pour un grand écran : il l'affiche à large échelle puis la réduit, d'où une page en miniature, illisible sans pincer et zoomer. La balise viewport, placée dans l'en-tête du code (la section <head>), dit au téléphone d'utiliser la largeur réelle de son écran :

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

Pour vérifier sa présence : sur votre site, faites un clic droit puis « Afficher le code source de la page » (ou Ctrl+U sur ordinateur), puis cherchez « viewport » avec Ctrl+F. Si la ligne est absente, la page n'est pas adaptée, quel que soit le reste. La balise seule ne rend pas un site responsive : il faut aussi que la mise en page (feuilles de style) s'adapte à la largeur. Mais sans elle, rien ne fonctionne. Source : web.dev, « Les bases du design web adaptatif », consultée le 2 octobre 2026.

Sur un site WordPress, Wix, Shopify ou Jimdo récent, la balise est généralement ajoutée par le thème : si elle manque, le thème est le plus souvent très ancien ou personnalisé à la main.

Texte trop petit, boutons trop proches

Un site adapté se lit sans zoomer. Quelques repères pratiques :

• Taille du texte courant : Google, dans ses recommandations de lisibilité, ne fixe pas de seuil unique, mais un texte courant d'environ 16 pixels est un repère répandu pour le mobile. En dessous de 12 pixels, la lecture devient pénible.
• Zones à toucher : la norme d'accessibilité WCAG 2.2 demande, au niveau AA, qu'une cible tactile (bouton, lien isolé) fasse au moins 24 sur 24 pixels, ou soit suffisamment espacée des autres. Source : W3C, « Taille de cible (minimum) », consultée le 2 octobre 2026. Dans la pratique, plus c'est grand mieux c'est : visez une surface confortable pour un pouce.
• Numéro de téléphone : s'il est écrit en texte simple, il faut le recopier. Rendu cliquable (lien « tel: »), il déclenche l'appel en un geste.

Contenu qui dépasse à droite : les causes habituelles

Une page qui glisse de gauche à droite sur téléphone vient presque toujours d'un élément plus large que l'écran :

• Une image ou une vidéo intégrée avec une largeur fixe en pixels (par exemple 800) au lieu d'une largeur qui s'adapte au conteneur.
• Un tableau large (tarifs, horaires) : il faut le rendre défilant ou le simplifier.
• Un long mot ou une adresse web sans coupure possible.
• Un bandeau, un menu ou une carte intégrés à largeur fixe.
• Une colonne de mise en page dont la largeur est fixée en pixels dans un thème ancien.

Pour trouver le coupable avec les outils du navigateur en mode téléphone : survolez les éléments dans l'inspecteur et repérez celui dont la largeur dépasse celle de l'écran. Beaucoup de constructeurs de site proposent un aperçu mobile qui rend le défaut visible au premier coup d'œil.

Images trop lourdes sur mobile

Sur une connexion mobile, une photo de plusieurs mégaoctets retarde l'affichage de toute la page. Redimensionnez les images à la largeur réellement affichée (un téléphone n'a pas besoin de 4 000 pixels de large), compressez-les, et préférez un format moderne comme WebP quand votre outil le permet. Précisez aussi la largeur et la hauteur de l'image dans le code pour que le texte ne saute pas pendant le chargement.

Responsive ou site mobile séparé ?

Un site responsive utilise une seule adresse et un seul code qui s'adaptent à l'écran : c'est la solution que Google recommande. Un site mobile séparé (adresse en « m. » par exemple) multiplie le travail et les risques d'écarts de contenu entre les deux versions. Si vous avez encore un site mobile séparé, vérifiez au minimum que le contenu y est équivalent à celui de la version ordinateur, puisque c'est lui que Google lit en priorité. Source : Google Search Central.

Cas fréquents : WordPress, Wix, thèmes anciens

• Constructeur de site (Wix, Jimdo, Shopify, Squarespace) : le site est en général adapté d'office, mais l'éditeur a souvent une vue mobile séparée où des éléments mal placés ou masqués par erreur sont à corriger. Ouvrez cette vue.
• WordPress : un thème récent est responsive. Les problèmes viennent surtout de blocs personnalisés, de tableaux, de plugins de carrousel ou de pop-ups qui recouvrent l'écran.
• Thème ancien ou site fait main il y a plus de dix ans : la balise viewport manque souvent et la mise en page est en largeur fixe. Une mise à jour du thème ou, à défaut, une refonte devient justifiée.

Liste de contrôle mobile

Que vérifier après correction ?

Après chaque changement, rouvrez la page sur votre téléphone en navigation privée pour éviter le cache, puis relancez PageSpeed Insights. Si votre site est dans la Search Console, surveillez les rapports d'indexation et la vitesse pour mobile dans les semaines qui suivent.

Ce que contrôlent la vérification gratuite et l'Audit express

Soyons précis, pour que vous sachiez ce que vous achetez. Notre vérification gratuite contrôle en une dizaine de secondes, entre autres, la présence de la balise viewport et l'absence de « noindex » sur votre page d'accueil. L'Audit express à 19 € TTC reprend ce point (« affichage mobile ») parmi ses 20 points, et contrôle aussi le poids de la page, les images trop lourdes ou sans dimensions, et les contrastes de couleurs, sur votre accueil et jusqu'à 4 pages internes, avec un rapport en français sous 24 h.

En revanche, l'audit est automatisé et ne regarde pas votre site avec un vrai téléphone : il ne détecte pas à coup sûr un contenu qui déborde, un bouton trop petit ou un menu mal conçu, et ne juge pas le confort de lecture. Le test sur votre propre téléphone décrit plus haut reste donc indispensable.

Testez votre site gratuitement

Adresse de votre site : 6 points vérifiés en 10 secondes (HTTPS, temps de réponse, title, description, H1, mobile)

Vérifier gratuitement

À lire aussi : tester la vitesse de son site et lire les résultats · auditer soi-même son site vitrine en 10 vérifications · mon site n'apparaît pas sur Google, 9 causes et solutions · site lent sur mobile : 8 causes.

Guide rédigé par un agent d'intelligence artificielle (Claude) pour PGA WEBCORPO. Publié le 2026-10-02.