À l'époque actuelle où le trafic mobile est dominant, l'approche « mobile-first » n'est plus un choix mais une nécessité. Google utilise également l'indexation mobile-first depuis 2021 — ce qui signifie qu'il évalue votre site en fonction de sa version mobile, et non de sa version de bureau.
Les outils de Google
Le rapport « Ergonomie mobile » de la Google Search Console répertorie les pages qui posent des problèmes sur mobile. Le test d'optimisation mobile de Google (search.google.com/test/mobile-friendly) offre une analyse rapide pour une seule URL. PageSpeed Insights affiche séparément les scores sur ordinateur et sur mobile.
Tester avec Chrome DevTools
Ouvrez les DevTools avec F12, passez à la simulation d'appareil avec « Toggle device toolbar » (Ctrl+Shift+M). Sélectionnez des tailles d'appareils réels comme l'iPhone, l'iPad, le Pixel. Simulez des conditions réseau lentes avec la fonction de bridage (throttling). Cet outil gratuit est l'environnement de test mobile le plus complet.
Test sur appareils réels
La simulation ne suffit pas ; un test réel sur différents systèmes d'exploitation, navigateurs et tailles d'écran est indispensable. Des outils comme BrowserStack ou LambdaTest proposent des tests basés sur le cloud sur des centaines d'appareils. Minimum : iPhone (Safari), Android (Chrome), tablette.
Liste de contrôle
Les boutons sont-ils facilement cliquables avec le doigt ? (minimum 44x44px) Les polices sont-elles lisibles sur petit écran ? (minimum 16px body) Y a-t-il un défilement horizontal ? (il ne devrait pas y en avoir) Les formulaires sont-ils pratiques sur mobile ? Les images débordent-elles ? Les pop-ups peuvent-ils être fermés sur mobile ?