Mobile Friendly Checker
Ce vérificateur mobile gratuit lit le HTML d'une page et teste les éléments qui déterminent son fonctionnement sur téléphone : une balise meta viewport correcte, zoom non désactivé, pas de balises Flash ou plugin, pas de petites tailles de police ou de mises en page à largeur fixe, attributs d'image responsive et zones tactiles de taille raisonnable. C'est une vérification HTML heuristique, donc chaque résultat indique ce qu'elle peut et ne peut pas prouver.
Mobile Friendly Checker
Technical SEO
À propos de cet outil
Google indexe d'abord la version mobile d'une page, et la plupart des visiteurs arrivent sur téléphone. Une page qui nécessite de pincer pour lire, qui déborde de l'écran ou dont les liens sont trop petits pour être tapotés les perd en quelques secondes. Google a retiré son propre Mobile-Friendly Test en 2023, donc les propriétaires de sites ont besoin d'un autre moyen rapide de vérifier les bases avant de regarder une page sur un vrai téléphone.
Le vérificateur récupère le HTML que le serveur envoie et cherche les signaux qui déterminent le comportement mobile : la balise meta viewport et si elle définit width=device-width sans bloquer le zoom, les balises plugin comme Flash que les téléphones ne peuvent pas exécuter, les tailles de police inférieures à 12 pixels dans les styles inline et les blocs de style, les tableaux et éléments avec largeurs fixes plus larges qu'un écran de téléphone, les images avec attributs srcset ou sizes, les media queries dans les styles inline, les liens dont le texte est trop court pour être tapotés facilement, les balises font héritées, et les liens AMP ou mobile-alternate.
Il ne peut pas afficher la page ou lire les feuilles de style externes, donc il ne peut pas mesurer comment la mise en page s'affiche réellement, si le texte est vraiment lisible ou si les éléments se chevauchent. Une page qui réussit chaque vérification ici peut quand même être maladroite sur téléphone, et une page qui utilise CSS externe pour tout peut déclencher des avertissements qu'elle ne mérite pas. Traitez le résultat comme une liste de contrôle, puis ouvrez la page sur un vrai téléphone et en mode appareil Chrome DevTools.
Questions fréquentes
Quelle balise meta viewport chaque page devrait-elle avoir ?
La norme est <meta name="viewport" content="width=device-width, initial-scale=1">. Elle dit aux téléphones de mettre en page la page à la largeur de l'écran au lieu de prétendre être un bureau de 980 pixels et de tout réduire. Sans elle, le texte est minuscule et les visiteurs doivent zoomer pour lire.
Est-ce mauvais de désactiver le zoom avec user-scalable=no ?
Oui. Cela empêche les personnes malvoyantes d'agrandir le texte et c'est un échec d'accessibilité selon WCAG. iOS moderne l'ignore de toute façon. Supprimez user-scalable=no et maximum-scale=1 sauf si la page est une application plein écran avec ses propres contrôles de zoom.
Qu'est-il arrivé au Mobile-Friendly Test de Google ?
Google l'a fermé en décembre 2023, ainsi que le rapport de convivialité mobile dans Search Console. Lighthouse dans Chrome DevTools et PageSpeed Insights signalent toujours les problèmes mobiles comme le viewport, la taille de police et les zones tactiles, et ce vérificateur couvre les bases au niveau HTML pour un premier coup d'œil rapide.
Quelle taille doivent avoir les zones tactiles ?
Au moins 48 par 48 pixels CSS avec environ 8 pixels d'espace entre eux, pour qu'un doigt touche un lien et non son voisin. Les listes de navigation de liens serrés et les liens avec icône uniquement sont les contrevenants habituels. Le remplissage du lien, pas seulement le texte, agrandit la zone tactile sans changer l'apparence.
Pourquoi le vérificateur ne montre-t-il pas comment la page s'affiche sur un téléphone ?
Parce qu'il lit le HTML sans l'afficher ni télécharger les feuilles de style, ce qui garde la vérification rapide et sûre mais signifie qu'il ne peut pas voir la mise en page finale. Pour une vérification visuelle, ouvrez la page dans Chrome, appuyez sur F12, basculez la barre d'outils d'appareil et choisissez un téléphone, ou ouvrez-la simplement sur votre propre téléphone.