Site de restaurant sur mobile : 8 erreurs qui font fuir les clients
Prenez votre téléphone, cherchez votre restaurant sur Google et essayez de réserver une table pour samedi soir en moins d'une minute. Si vous butez sur une carte illisible, un numéro qu'on ne peut pas toucher ou une fenêtre impossible à fermer, vos clients rencontrent les mêmes obstacles. Voici huit erreurs fréquentes sur un site de restaurant consulté sur mobile, chacune avec sa correction.
Les informations pratiques difficiles à atteindre
Sur un téléphone, on ouvre le site d'un restaurant avec des questions précises : que mange-t-on, est-ce ouvert ce soir, comment réserver ? Les trois premières erreurs retardent la réponse.
1. Une carte en PDF
Le fichier de l'imprimeur se charge lentement, s'ouvre parfois dans une autre application et oblige à zoomer, puis à déplacer la page du doigt. Sur certains téléphones, il se télécharge au lieu de s'afficher.
La correction : publiez votre carte sous forme de page web, en texte, avec les prix et les allergènes, et gardez le PDF en option pour ceux qui veulent l'imprimer. Les deux formats sont comparés dans l'article sur le menu en ligne d'un restaurant.
2. Des horaires cachés en bas de page
Les horaires se trouvent souvent dans le pied de page, en petits caractères, ou seulement sur la page Contact. Le client qui veut savoir si la cuisine sert encore à 22 heures doit les chercher, et tombe parfois sur les horaires d'hiver en plein mois de juillet.
La correction : affichez les horaires du jour dès le premier écran et le détail de la semaine plus bas. Signalez les fermetures exceptionnelles et les congés, et vérifiez que votre fiche Google indique les mêmes horaires.
3. Un numéro impossible à toucher
Un numéro écrit en simple texte, ou intégré à une image, oblige le client à le mémoriser puis à le recopier chiffre par chiffre. Au moment de réserver pour le soir même, c'est une étape de trop.
La correction : transformez le numéro en lien d'appel, qui ouvre directement le clavier du téléphone quand on le touche. Ajoutez un bouton « Appeler » visible en haut de l'écran, surtout si vous prenez une partie des réservations par téléphone.
Ce qui gêne la lecture
Une fois sur la bonne page, le visiteur doit encore pouvoir lire sans effort. Trois défauts l'en empêchent, souvent invisibles sur un écran d'ordinateur.
4. Des fenêtres qui masquent la page
Inscription à la newsletter, offre du moment, bandeau de cookies plein écran : sur un téléphone, ces fenêtres surgissantes, ou pop-ups, cachent le contenu, et leur croix de fermeture est souvent minuscule. Google recommande d'ailleurs d'éviter sur mobile les fenêtres qui gênent l'accès au contenu.
La correction : supprimez les pop-ups promotionnelles et présentez vos offres dans un encadré de la page. Si votre site doit afficher un bandeau de cookies, gardez-le compact, avec un bouton pour refuser aussi visible que celui pour accepter, comme le demande la CNIL.
5. Des photos et une vidéo trop lourdes
Une photo de plusieurs mégaoctets ou une vidéo qui se lance dès l'ouverture peuvent bloquer l'affichage plusieurs secondes sur une connexion mobile. Pendant ce temps, le client regarde un écran vide.
La correction : redimensionnez chaque photo à sa taille d'affichage réelle, compressez-la et privilégiez un format récent comme le WebP. Sur mobile, remplacez la vidéo d'ambiance par une photo fixe bien choisie. L'article sur la vitesse du site et les Core Web Vitals explique comment mesurer le résultat.
6. Un texte trop petit ou trop pâle
Un texte gris clair sur fond blanc, des caractères très fins ou une police manuscrite, élégante sur grand écran, deviennent pénibles à lire sur un téléphone, surtout en plein soleil. Le client zoome, perd le fil et finit par renoncer.
La correction : visez une taille d'environ 16 pixels pour le texte courant, une valeur souvent citée comme référence, et un contraste net entre le texte et le fond. Réservez la police décorative au logo et aux titres courts.
Les actions qui demandent trop d'efforts
Les deux dernières erreurs surviennent quand le client a décidé de venir. Elles coûtent cher, car il ne lui restait qu'un geste à faire.
7. Un bouton de réservation tout en bas
Le bouton « Réserver » arrive parfois après l'histoire de la maison, la galerie de photos et les avis. Sur un téléphone, cela fait plusieurs écrans à faire défiler, et un visiteur pressé ne va pas jusque-là.
La correction : placez le bouton de réservation dans le premier écran, puis gardez-le accessible, par exemple dans une barre fixe en bas de l'écran avec « Réserver » et « Appeler ». Vérifiez aussi que le module de réservation s'affiche entièrement sur un petit écran, sans calendrier coupé.
8. Un plan absent ou un lien vers le mauvais endroit
Une adresse sans lien, une carte intégrée qui ne réagit pas au doigt ou un itinéraire qui mène à l'ancienne adresse : le client tourne dans le quartier et arrive agacé. Ce défaut apparaît souvent après un déménagement ou un changement de nom.
La correction : rendez l'adresse cliquable, avec un lien qui ouvre l'itinéraire dans Google Maps ou Plans : utilisez le lien de partage de votre propre fiche Google. Ajoutez en une ligne les repères utiles, comme la station de métro, le parking ou l'entrée par la cour.
Le test des cinq minutes
Ces défauts se voient rarement depuis un ordinateur. Faites ce parcours sur votre téléphone, puis sur celui d'un proche, en 4G plutôt qu'en wifi :
- la première image apparaît-elle en quelques secondes ?
- trouvez-vous les horaires du jour sans faire défiler ?
- le numéro ouvre-t-il le clavier d'appel quand vous le touchez ?
- pouvez-vous aller au bout d'une réservation, puis l'annuler ?
- l'adresse lance-t-elle un itinéraire qui mène bien à votre porte ?
- la carte se lit-elle sans zoomer ?
Refaites ce test après chaque changement de carte, d'horaires ou d'outil de réservation. Pour l'ordre idéal des informations, reportez-vous à l'article sur la page d'accueil d'un restaurant.
Par où commencer
Inutile de tout reprendre d'un coup. Certaines corrections prennent moins d'une heure et changent déjà l'expérience de vos clients :
- Rendez le numéro et l'adresse cliquables, et faites remonter les horaires en haut de la page d'accueil.
- Retirez les pop-ups promotionnelles et compressez les photos les plus lourdes.
- Remplacez le PDF par une vraie page de carte. Sur un site créé par notre agence, l'option menu numérique avec QR code coûte 100 € HT : ajoutez-la à votre demande de devis.