Un site lisible partout : mobile, tablette, ordinateur

En France, plus de 60% du trafic web vient du mobile. Pour les recherches locales (« coiffeur près de chez moi »), ce chiffre monte à 80%. Un site non adapté au mobile, c'est comme avoir une boutique avec la porte fermée à clé.

Du texte minuscule qu'il faut zoomer pour lire. Des boutons trop petits impossibles à cliquer au doigt. Des images qui débordent de l'écran. Un menu inutilisable. Des formulaires où on ne peut pas taper. Tous ces problèmes font fuir vos visiteurs.

Le responsive design, c'est une technique qui fait que le même site se réorganise automatiquement selon la taille de l'écran. Sur ordinateur : 3 colonnes côte à côte. Sur tablette : 2 colonnes. Sur mobile : tout s'empile verticalement. Le contenu reste le même, seule la mise en page change.

Sur mobile, on ne clique pas avec un curseur précis mais avec un doigt. Tous les boutons, liens et zones cliquables font au minimum 44 pixels de hauteur. Les espaces entre les éléments sont suffisants pour éviter de cliquer sur le mauvais lien.

La taille de police minimum est de 16 pixels sur mobile. Les lignes sont assez courtes pour être lues confortablement. Les contrastes sont suffisants pour lire même en plein soleil.

Le menu de navigation se transforme en menu hamburger (les 3 petites barres) sur mobile. Il s'ouvre en glissant, affiche les liens clairement et se referme facilement. Vos visiteurs trouvent ce qu'ils cherchent en un tap.

Sur mobile, votre numéro de téléphone devient un lien cliquable. Le visiteur tape dessus et l'appel se lance. C'est le raccourci le plus efficace entre votre site et un nouveau client.

Depuis 2021, Google utilise la version mobile de votre site pour décider de votre position dans les résultats. Si votre site mobile est mauvais, vous perdez des positions même sur les recherches faites depuis un ordinateur. C'est un critère de classement officiel.