Google indexe désormais les sites à partir de leur version mobile. Une page difficile à lire sur smartphone est pénalisée dans l'expérience utilisateur et, indirectement, dans le classement.
Ce que vérifie l'outil
- La présence d'une balise meta viewport correcte
- L'utilisation de media queries (CSS responsive)
- Les tailles de police trop petites (moins de 12 px)
- Les éléments à largeur fixe plus larges qu'un écran de téléphone
- Les images responsives et la possibilité de zoomer
- L'absence de plugins obsolètes (Flash, Java)
Mode d'emploi
- Saisissez l'URL de la page.
- Cliquez sur « Vérifier la compatibilité mobile ».
- Corrigez les points signalés.
Les corrections courantes
Ajoutez <meta name="viewport" content="width=device-width, initial-scale=1"> dans le head. Remplacez les largeurs fixes en pixels par des pourcentages ou max-width. Donnez à vos images la règle max-width: 100 %. Ne bloquez pas le zoom : c'est mauvais pour l'accessibilité.
Tester en conditions réelles
Ouvrez aussi la page sur votre propre téléphone : vérifiez que les boutons sont faciles à toucher et que rien ne déborde.