Site adapté au mobile, pourquoi c’est devenu indispensable

En bref. Un site adapté au mobile réorganise sa mise en page selon la taille de l’écran : le texte reste lisible sans zoomer et les boutons sont assez grands pour le doigt. Google classe les sites d’après leur version mobile. Un site qui ne s’adapte pas perd donc à la fois des visiteurs et des places.

Qu’est-⁠ce qu’un site adapté au mobile ?

On parle de site adaptatif, ou « responsive ». Sur ordinateur, les éléments s’affichent côte à côte. Sur téléphone, ils se rangent les uns sous les autres, le menu se replie et les photos se redimensionnent. C’est le même site, pas une version à part.

Comment vérifier le vôtre

Ouvrez votre site sur votre téléphone et posez-⁠vous quatre questions :

1. Puis-⁠je lire sans zoomer ?
2. La page tient-⁠elle dans la largeur, sans défilement de gauche à droite ?
3. Les boutons et les liens sont-⁠ils faciles à toucher, sans cliquer à côté ?
4. Le numéro de téléphone est-⁠il cliquable ?

Un seul « non » suffit à faire fuir une partie des visiteurs.

Pourquoi Google en tient compte

Google explore les sites avec un robot qui se comporte comme un téléphone, et c’est cette version qu’il utilise pour classer les pages. Si elle est illisible, lente ou incomplète, le classement en souffre, y compris pour les recherches faites sur ordinateur.

Les défauts les plus courants

• Texte minuscule : la page d’ordinateur est simplement rétrécie.
• Tableaux de tarifs trop larges, qui débordent de l’écran.
• Documents PDF à télécharger pour lire les prix ou les conditions.
• Menus déroulants impossibles à utiliser au doigt.
• Images lourdes, qui mettent longtemps à s’afficher en 4G. Voir notre guide sur la vitesse d’un site.
• Formulaires trop longs, pénibles à remplir sur un petit clavier.

Peut-⁠on corriger un ancien site ?

Parfois, si le site est récent et bien construit. Mais un site conçu avant la généralisation des téléphones repose sur une structure figée. Le rendre adaptatif revient à le reconstruire, et il présente souvent d’autres signes de vieillissement.

Ce qu’il faut retenir

Concevez le site pour le téléphone d’abord, puis élargissez-⁠le pour l’ordinateur. C’est ainsi que nous travaillons : chaque maquette est vérifiée sur les deux écrans avant de vous être montrée. Voir notre page sur la refonte de site internet.