Un site pensé pour le téléphone d'abord

Google lit d'abord la version de votre site telle qu'elle apparaît sur un téléphone. C'est ce qu'il appelle l'indexation « mobile first » : le robot qui explore et classe vos pages se présente comme un smartphone, et c'est cette version qui compte. Pour un artisan ou un commerçant, c'est aussi de loin la manière dont les clients arrivent : depuis une recherche faite en marchant, en attendant, ou devant un problème à régler tout de suite.

Ce que « pensé pour le téléphone » veut dire

Un site « responsive » se réorganise selon la largeur de l'écran : les colonnes s'empilent, le menu se replie, les images se redimensionnent. C'est la base, et la plupart des sites récents la respectent sur le papier. Mais un site pensé pour le téléphone va plus loin, parce que les gestes, le temps et l'attention ne sont pas les mêmes.

• Le pouce, pas la souris. Les boutons et les liens doivent être assez grands et assez espacés pour être touchés sans erreur. Un lien de menu de dix pixels de haut est une source de clics ratés, et Google le relève dans ses tests.
• Le texte lisible sans zoomer. Une taille de base d'au moins seize pixels, des lignes courtes, des contrastes suffisants. Si l'on doit pincer l'écran pour lire, la page est perdue.
• L'essentiel en premier. Sur un téléphone, on ne voit qu'un écran à la fois. Le métier, la commune, le numéro de téléphone et le bouton d'action doivent tenir dans le premier écran, avant la moindre photo décorative.
• Rien qui déborde. Un tableau trop large, une image à taille fixe, un titre en un seul mot trop long, et la page s'ouvre avec un défilement horizontal qui décale tout.
• Appeler en un geste. Le numéro de téléphone doit être un vrai lien d'appel, l'adresse un vrai lien vers l'itinéraire.

Les cinq défauts les plus fréquents

Sur les sites de proximité que nous reprenons, ce sont presque toujours les mêmes : un menu qui ne s'ouvre pas ou cache le bouton d'appel ; une bannière d'accueil en image lourde qui occupe deux écrans avant le premier mot utile ; des tarifs présentés dans un tableau qui déborde ; des formulaires dont les champs sont trop petits et sans le bon clavier (chiffres pour le téléphone, arobase pour l'e-mail) ; et un texte trop long pour sa colonne qui se trouve coupé sans que rien ne déborde, donc invisible à un contrôle rapide. Ce dernier cas est traître : il faut regarder la page, pas seulement la mesurer.

Le bon réflexe n'est pas de vérifier que le site « s'affiche » sur un téléphone, mais de faire, sur un téléphone, ce qu'un client ferait : trouver le prix, appeler, demander un devis.

Ce qu'il faut faire

• Ouvrir chaque page importante sur un vrai téléphone, pas seulement dans la fenêtre réduite d'un ordinateur, et parcourir le chemin d'un client jusqu'à l'appel ou au formulaire.
• Mettre le numéro, la commune et l'action principale dans le premier écran.
• Remplacer les tableaux larges par des listes ou des cartes, et laisser les tailles de texte s'adapter (une taille fixe en pixels sur un prix ou un titre est presque toujours un débordement en attente).
• Vérifier la vitesse sur mobile, qui est celle qui compte : l'élément précédent du guide explique comment.
• Donner aux champs de formulaire le bon type, pour que le clavier adapté apparaisse.

Comment le vérifier

PageSpeed Insights, l'outil public de Google, mesure la version mobile en premier et signale les cibles tactiles trop petites, le texte illisible et les contenus plus larges que l'écran. Google Search Console, de son côté, indique les pages qu'il a jugées inutilisables sur mobile. Et rien ne remplace l'essai réel : demandez à quelqu'un qui ne connaît pas votre site de trouver votre numéro depuis son téléphone, et chronométrez.

Les sites que nous livrons sont contrôlés à plusieurs largeurs d'écran, du petit téléphone au grand moniteur, avec un critère simple : zéro débordement, et le parcours jusqu'à l'action réalisable au pouce. Les pages de nos sites clés en main et de nos formules sur mesure partent de ce principe plutôt que d'y revenir après coup.

Le faire vous-même, ou nous le confier

Cet élément fait partie des vingt-cinq du guide du référencement. Deux façons de passer à l'action, au choix.

Prix nets, TVA non applicable (article 293 B du CGI). Le premier échange est gratuit et sans engagement, le devis ferme est remis sous 48 heures. Toutes les formules : SEO INTERACT.