Softonic

Testeur de compatibilité mobile

Étape 1 / 2
Suivant

Entrez une URL et le testeur la charge dans un viewport de téléphone simulé (375×812 par défaut, taille iPhone), vérifie les échecs de lisibilité mobile courants que le test de compatibilité mobile de Google signalait avant d’être retiré, et renvoie une liste que vous pouvez corriger : balise meta viewport manquante, texte plus petit que 12px, cibles tactiles plus proches que 48×48 px, défilement horizontal, Flash/plugins non pris en charge, et contenu plus large que le viewport.

Comment le test est exécuté

  1. 1

    Entrez l'URL

    URL complète avec protocole. Pages publiques uniquement.

  2. 2

    La page se rend dans un viewport de taille téléphone

    375×812 par défaut, configurable.

  3. 3

    Vérifications automatisées en cours

    Meta viewport, taille du texte, espacement des cibles tactiles, débordement, plugins.

  4. 4

    Aperçu et rapport

    Capture d'écran de la vue rendue sur téléphone plus une liste de problèmes spécifiques.

Ce que le testeur vérifie

Configuration du viewport

  • Y a-t-il une <meta name="viewport" content="width=device-width, initial-scale=1"> ? Sans cela, les navigateurs mobiles rendent comme si le téléphone avait une largeur de bureau et se réduisent pour s’adapter, produisant un texte minuscule.

Taille du texte

  • Tout texte rendu en dessous de 12 px est signalé, difficile à lire sur téléphone sans zoom par pincement.
  • De nombreux guides de style recommandent un minimum de 16 px pour le corps. Les légendes très petites sont acceptables ; le texte du corps à 11 px ne l’est pas.

Taille des cibles tactiles

  • Les boutons, liens, contrôles de formulaire doivent faire au moins 48×48 px (directive d’accessibilité mobile de Google / W3C).
  • Les cibles plus petites sont difficiles à atteindre avec un pouce et sont signalées.

Espacement des cibles tactiles

  • Les cibles plus proches que 8 px des cibles adjacentes produisent des erreurs de tap. Signalées individuellement.

Défilement horizontal

  • Un contenu plus large que le viewport force un balayage horizontal, mauvaise expérience utilisateur mobile. Généralement causé par une image sans max-width: 100% ou une table qui ne peut pas se réorganiser.

Plugins non pris en charge

  • Flash, Silverlight et ActiveX ne fonctionnent pas sur les téléphones. Les sites hérités les référencent parfois encore.

Chargement de police

  • Les polices web très grandes qui bloquent le rendu pendant des secondes sont signalées.

Pourquoi cela reste important

Google a interrompu son test de compatibilité mobile autonome en décembre 2023, mais la compatibilité mobile reste un signal de classement direct via les Core Web Vitals et les métriques d’expérience de page. L’indexation mobile-first signifie que Google explore votre site comme un téléphone ; ce qui ne fonctionne pas sur mobile apparaît également dans les classements de bureau.

Corrections typiques

  • Ajouter la meta viewport dans <head> : <meta name="viewport" content="width=device-width, initial-scale=1">.
  • CSS réactif via des requêtes média : @media (max-width: 768px) { ... }.
  • Flexbox et Grid plutôt que des mises en page à largeur fixe.
  • Définir max-width: 100%; height: auto pour les images afin que les images se réduisent avec le viewport.
  • Rendre les tables défilables sur les petits écrans : envelopper dans <div style="overflow-x: auto">.
  • Utiliser rem ou em pour la taille du texte afin que le redimensionnement par préférence utilisateur fonctionne.

Ce que le testeur ne détecte pas

  • Performance sur matériel réel. Un téléphone Android bas de gamme sur 3G subit des retards que ce testeur ne simule pas. Utilisez Lighthouse pour la performance.
  • Interactions tactiles. Les menus déroulants uniquement au survol qui ne fonctionnent pas au toucher nécessitent des tests manuels sur un appareil réel.
  • Accessibilité au-delà de la taille mobile. Contraste, support des lecteurs d’écran, navigation au clavier, utilisez des outils d’accessibilité dédiés.
  • Erreurs JavaScript sur les navigateurs spécifiques aux mobiles. Safari sur iOS se comporte parfois différemment des autres versions de WebKit.

Questions fréquentes

Vérifications similaires, mise en œuvre différente. Google a retiré son outil public fin 2023. Ce testeur exécute le même ensemble de vérifications classiques que Google utilisait, contre la version de la page qu’un navigateur sans tête récupère.

Oui, Google indexe en premier mobile depuis 2020, ce qui signifie que votre rendu mobile est la version principale pour le classement. Les problèmes mobiles nuisent aux classements même sur les recherches de bureau.

Non. Le testeur ne récupère que les URL accessibles publiquement. Pour un staging protégé, testez localement avec le mode d’émulation d’appareil de Chrome DevTools.

La valeur par défaut est 375×812 (iPhone 12/13/14). Configurable à 390×844 (iPhone 14 Pro), 360×640 (Android courant), ou 412×915 (Pixel 7).

Typiquement 5–15 secondes selon le poids de la page. Les pages lourdes avec de nombreux scripts prennent plus de temps ; le testeur attend l’événement de chargement plus une brève période d’inactivité avant de capturer.

Outils similaires

Vérificateur de longueur de méta description

Mesurez une méta description en caractères et en pixels estimés, comparez des repères éditoriaux et examinez des maquettes pour ordinateur et mobile.

Générateur de schéma FAQ

Générez un balisage JSON-LD FAQPage à partir de paires de questions et réponses pour être éligible aux résultats enrichis de Google et aux placements dans les boîtes de réponse.

Vérificateur d'indexabilité

Vérifiez si une URL est indexable : robots.txt, méta robots, X-Robots-Tag, signaux canoniques et statut HTTP.

Vérificateur d'URL canonique

Collez le HTML d'une page et vérifiez sa balise rel=canonical : est-elle présente, est-ce une URL absolue valide, correspond-elle à l'URL de la page ?

Extracteur de liens externes

Collez du HTML brut, indiquez éventuellement une URL de base et obtenez une liste propre et dédupliquée de chaque lien externe http/https du code pour vos audits de liens et vos revues SEO.

Simulateur de SERP Google

Prévisualisez un snippet approximatif de style Google avec des limites de caractères sur mobile et ordinateur. Votre brouillon reste dans cette session du navigateur.

Outil disponible dans d’autres langues