Pourquoi la compatibilité mobile n'est pas négociable
La plupart de vos visiteurs arrivent au téléphone, et Google évalue d'abord la version mobile. Le mobile n'est plus une option, c'est la base.
« Sur ordinateur c'est joli, sur mobile c'est un peu cassé mais tant pis. » Cette phrase était acceptable il y a dix ans. Aujourd'hui, elle revient à renvoyer la majorité de vos visiteurs à la porte.
Google regarde d'abord le téléphone
Google évalue votre site depuis des années à partir de sa version mobile en priorité. Même si votre version ordinateur est impeccable, c'est celle du téléphone qui décide de votre classement.
Un site lent sur mobile, dont le texte reste minuscule ou dont les boutons sont introuvables au doigt, recule dans les résultats quelle que soit son allure sur grand écran.
L'utilisateur ne donne pas de seconde chance
Un visiteur qui vit une mauvaise expérience sur son téléphone ne se dit pas « je regarderai sur l'ordinateur plus tard ». Il revient en arrière et passe au résultat suivant.
Que vérifier
Ouvrez votre propre site sur votre téléphone et cherchez :
- Un défilement horizontal. Si la page glisse de gauche à droite, un élément déborde de l'écran. C'est le défaut le plus fréquent et le plus agaçant.
- Un texte lisible sans zoomer. Un corps de texte sous 16 pixels fatigue sur mobile.
- Des boutons pressables au pouce. Les cibles tactiles doivent faire au moins 44×44 pixels. Deux petits liens côte à côte, ce sont des erreurs de clic.
- Un menu qui s'ouvre. Si l'arrière-plan défile quand le menu hamburger est ouvert, ou s'il manque un bouton de fermeture, l'utilisateur se retrouve coincé.
- Des formulaires remplissables. Le champ téléphone ouvre-t-il un clavier numérique ? Le « @ » est-il accessible dans le champ e-mail ?
« Compatible mobile » n'est pas « pensé pour le mobile »
La plupart des thèmes sont techniquement compatibles mobile — ils tiennent dans l'écran. Mais tenir ne suffit pas.
Sur une page conçue pour l'ordinateur puis compressée, l'utilisateur mobile fait défiler trois écrans d'images décoratives avant d'atteindre le contenu. Sur une page pensée mobile d'abord, l'essentiel est en haut.
Un test simple
Donnez votre téléphone à quelqu'un qui ne connaît pas votre site et demandez : « comment nous contacterais-tu depuis ici ? » S'il ne trouve pas en dix secondes, le problème vient du design mobile.
- #mobile
- #responsive
- #ergonomie
