Client

Call'ade Mobile

Réparateur de téléphones à Villefranche-sur-Saône : audit SEO et sécurité d'un site compromis, stratégie locale, puis maquette notée 100 sur mobile.

Pour qui
Call'ade Mobile, trois boutiques de réparation de téléphones à Villefranche-sur-Saône, Belleville-en-Beaujolais et Mâcon.
Année
2026
Technique
Astro, Payload CMS, TypeScript, Lighthouse

Le point de départ

Une très belle boutique, un site qui ne lui ressemble pas

Call'ade Mobile répare téléphones, tablettes et ordinateurs à Villefranche-sur-Saône, Belleville-en-Beaujolais et Mâcon. Le 5 octobre 2026, la fiche Google de Villefranche affichait 4,9 sur 5 pour 867 avis.

Sur les photos de sa fiche Google, la boutique de la rue de la Gare est calme et lumineuse : façade en pierre, chêne clair, un mur d’étagères qui ondule sous la lumière. Le site, lui, mélange trois polices, sept pastels et des cliparts. Rien de ce qu’un client voit en entrant ne s’y retrouve.

J’ai commencé ce travail sans commande, pour montrer ma méthode sur un vrai commerce du coin. Le gérant l’a vu et m’a donné son accord, le 5 octobre 2026, pour publier l’étude à son nom.

La suite suit l’ordre réel du travail : l’analyse, le diagnostic, la stratégie, la maquette, puis les mesures.

Façade de la boutique Call'ade Mobile, 95 rue de la Gare à Villefranche-sur-Saône : immeuble ancien en pierre, enseigne en lettres noires
La boutique de la rue de la Gare, à Villefranche-sur-Saône (photo de la fiche Google).
Intérieur de la boutique : mur blanc aux étagères de chêne clair en forme de vague éclairée, coques colorées, iMac sur une table en bois
À l'intérieur, le mur d'étagères en vague, qui a donné le seul geste graphique de la maquette.
Intérieur de la boutique de Belleville-en-Beaujolais : étagères de bois clair remplies de coques de couleur, logos Samsung et Apple au mur
La boutique de Belleville-en-Beaujolais, même bois clair, mêmes coques rangées par couleur (photo de la fiche Google).

Analyse

Trois angles, une matinée de relevés

Le 5 octobre 2026, en observation passive : les pages publiques, ce que le site expose déjà à tout visiteur, et des mesures de performance. Aucune tentative de connexion, aucun scan.

Technique et sécurité

Lighthouse mobile, lecture du HTML, des en-têtes et des sitemaps publics, sans aucune tentative d'accès.

44 à 54
sur 100 en performance mobile pour l'accueil, selon le passage
7,1 à 10,3 s
avant l'affichage du contenu principal sur mobile
1,9 Mo
et 209 requêtes pour charger l'accueil, dont 62 feuilles CSS et 62 scripts
0 sur 10
pages réelles avec un titre H1
9 sur 83
adresses du sitemap réellement utiles au magasin

Relevé du 5 octobre 2026

Marché et concurrence

817 requêtes d'autocomplétion Google, cinq sites concurrents ouverts et mesurés à la main.

3 627
recherches distinctes relevées autour de la réparation, par ville, service et modèle
85, 74, 67, 58
scores mobiles des quatre concurrents directs mesurés, contre 44 pour Call'ade
1 296
réparations tarifées chez un concurrent, toutes sur une seule adresse que Google ne lit pas
0
concurrent qui explique le bonus réparation ou montre sa boutique en photo

Relevé du 5 octobre 2026

Contenu et parcours

Quatre parcours de client refaits à 1 440 et 390 px de large, captures annotées à chaque impasse.

0
prix et 0 horaire publiés sur tout le site
14 sur 18
marques qui ouvrent le formulaire « Réparation iPhone »
445 px
de large pour un écran de 390 : la page glisse sous le doigt
26 sur 62
liens trop petits pour un doigt sur l'accueil mobile
616, 607, 867
trois nombres d'avis différents, entre le site et la fiche Google

Relevé du 5 octobre 2026

Chaque angle a sa page détaillée : l'audit de sécurité, le SEO local et le design.

Diagnostic

Dix problèmes, classés par ce qu'ils coûtent

Pas par ordre de découverte : par ce que chacun fait perdre au magasin, en clients, en confiance ou en visibilité dans Google.

  1. Des signes typiques d'un site compromis

    Confiance des clients, référencement, risque d'avertissement de Google.

  2. Aucun prix, et deux délais contradictoires (1 h et 24 h)

    Le client appelle le concurrent qui affiche ses prix.

  3. Aucun horaire, une adresse qui change entre ordinateur et mobile

    Le client se perd au moment de se déplacer.

  4. Numéros et nombres d'avis incohérents

    Référencement local affaibli, appels mal routés.

  5. Lent sur mobile : 44 à 54 sur 100

    Des visiteurs partent avant l'affichage. Pire score des cinq sites mesurés.

  6. Pages vides et impasses

    Les recherches « réparation + marque » n'atterrissent nulle part.

  7. SEO technique cassé : aucun H1, 13 doublons de l'accueil

    Google ne comprend pas de quoi parle le site.

  8. Formulaire de huit champs obligatoires, sans le mot « écran »

    Des demandes abandonnées en route.

  9. Mobile mal fini : bouton d'appel hors de l'écran

    De la frustration sur l'appareil que le client vient faire réparer.

  10. Un site qui ne ressemble pas à la boutique

    Une image de bricolage face à une boutique très soignée.

Le détail des problèmes de référencement (sitemap, titres, coordonnées) est sur la page audit SEO local.

Accueil mobile du site actuel annoté : bouton téléphone qui disparaît au défilement, menu trop petit, carrousel plus large que l'écran, bouton d'appel hors de l'écran
Accueil sur un téléphone de 390 px : la page fait 445 px de large et le bouton d'appel flottant sort de l'écran.
Page de choix de la marque du site actuel annotée : Oppo, Sony et la plupart des marques ouvrent le formulaire Réparation iPhone
Choix de la marque : 14 marques sur 18 ouvrent le formulaire « Réparation iPhone », sans modèle, sans prix, sans délai.
Page Réparation iPhone du site actuel : un grand cadre vide à la place du formulaire, une photo de banque d'images à droite
La page qui porte « Réparation iPhone » dans Google : le formulaire est vide. Impasse.
Page Nos boutiques du site actuel annotée : adresse sans horaires ni carte, deux noms pour Belleville, Mâcon sans numéro de rue, une seule adresse Gmail
Les boutiques : adresse, téléphone et e-mail, mais ni horaires, ni carte, ni itinéraire. Le client qui veut savoir si c'est ouvert doit quitter le site.

Le premier problème : des signes typiques d'un site compromis

Le site publiait 32 articles de casino, publiés et antidatés pour ne pas apparaître en tête des listes récentes. Environ 16 000 commentaires de spam s'affichaient en public sous des articles de démonstration du thème, et il en arrivait encore début octobre 2026. Sur l'accueil, un bloc de liens caché, invisible pour le visiteur mais lu par Google, pointait vers ces articles.

Je n'ai rien testé ni tenté pour le constater : tout se voyait depuis les pages publiques. Le point d'entrée ne se voit pas de l'extérieur, et je n'en affirme aucun.

Ce que j'ai recommandé

  • Changer tous les accès : hébergement, base de données, comptes du site, e-mails.
  • Ne pas migrer WordPress : l'éteindre, et garder une copie hors ligne pour preuve.
  • Répondre « supprimé » (code 410) sur chaque adresse de spam, pour qu'elle sorte vite de l'index.
  • Vérifier les actions manuelles et les problèmes de sécurité dans la Search Console.
  • Servir le nouveau site avec les en-têtes de sécurité qui manquaient (HSTS, interdiction d'affichage dans un cadre).

L'audit de sécurité en détail

Commentaires en attente de modération affichés en public sous un article du site, noms et liens floutés
Commentaires de spam affichés en public, datés du 2 au 4 octobre 2026. Noms et liens floutés.
Article de casino en vietnamien publié sous l'en-tête et le numéro de téléphone du magasin, titre flouté
Un des 32 articles, sous l'en-tête et le numéro du magasin. Titre flouté.

Stratégie

Cinq décisions avant le moindre pixel

Chacune répond à un constat du diagnostic. Les adresses des pages suivent ce que les gens tapent vraiment, relevé dans l'autocomplétion de Google.

  1. Une page par vraie boutique, pas par ville voisine

    Villefranche-sur-Saône, Belleville-en-Beaujolais et Mâcon portent « réparation téléphone + ville ». Aucune page pour une commune sans boutique : ce serait une page satellite.

  2. Le devis est une navigation, pas un formulaire

    Marque, modèle, panne : chaque étape est un lien vers une vraie page, et chaque prix a une adresse que Google lit.

  3. L'orange du logo sert à appeler, à rien d'autre

    Un seul aplat orange par écran, sur le bouton « Appeler ».

  4. La vraie boutique est l'argument

    Façade, mur d'étagères en vague, chêne clair : aucun concurrent ne montre la sienne.

  5. Aucun chiffre non vérifié

    Prix marqués « démo » tant que le gérant n'a pas donné sa grille, pas de label tant qu'il n'est pas confirmé, pas de note figée.

La recherche de mots-clés, les concurrents et le plan de migration sont détaillés dans l'audit SEO local ; la palette et la vague, dans la page design.

  • /accueil : trois boutiques, devis, appel
  • /tarifs/devis : marque, modèle, panne
  • /boutiques/les trois boutiques
    • /reparation-telephone-villefranche-sur-saone/horaires, ouvert maintenant, itinéraire
    • /reparation-telephone-belleville-en-beaujolais/les deux noms de la commune
    • /reparation-telephone-macon/le kiosque de Mâcon
  • /reparation-iphone/adresse actuelle conservée
    • /reparation-iphone-11/ à /reparation-iphone-15/une page par modèle demandé
  • /reparation-samsung/adresse actuelle conservée
  • /reparation-ecran-telephone/la panne la plus cherchée
  • /telephone-tombe-dans-l-eau/les mots des clients, pas « désoxydation »
  • /questions-frequentes/questions tirées des recherches réelles
Vague 1, simplifiée : 24 pages. « réparation téléphone villefranche sur saone » arrive sur la page de la boutique, « téléphone tombé dans l'eau » sur sa propre page.
Planche d'ambiance Call'ade Mobile : palette tirée de la boutique, orange du logo réservé à l'appel, la vague du mur d'étagères, ce que le site actuel fait et qu'on arrête
La première planche, tirée de la boutique. La direction a ensuite évolué vers plus de sobriété, ci-dessous.

Maquette / front

Un site qui ressemble à la boutique

La direction s'inspire des pages d'Apple : beaucoup de blanc, de grands titres, les photos de la boutique en grand, un seul orange, celui du bouton « Appeler ». Rien n'est copié : ni police, ni texte, ni code.

Accueil de la maquette : « Réparation de téléphones à Villefranche-sur-Saône, Belleville et Mâcon », boutons Voir les prix et Trouver une boutique, photo de la boutiqueAprès
Accueil du site actuel de Call'ade Mobile : carrousel de logos de marques, label, widget d'avis figé à 616 avisAvant
Le premier écran de l'accueil, sur le site actuel et sur la maquette, à 1 440 px de large (captures du 5 octobre 2026, noms des auteurs d'avis floutés).

Le premier écran dit enfin ce que fait le magasin, et où. Chaque boutique a sa page avec ses horaires, l'état « ouvert maintenant » et l'itinéraire. Chaque modèle a sa page de prix, lisible par Google. Sur mobile, une barre collante garde trois gestes à portée de pouce : appeler, l'itinéraire, le prix.

Page de la boutique de Villefranche sur la maquette : titre Réparation de téléphone à Villefranche-sur-Saône, adresse, téléphone, bouton Itinéraire, état ouvert, photo de la façade
La page de la boutique de Villefranche : adresse, numéro de la fiche Google, horaires, ouvert ou fermé.
Page Réparation iPhone 13 de la maquette : prix par panne et par qualité de pièce, étiquetés démo, délai et garantie à confirmer
Une page par modèle : chaque panne, chaque qualité de pièce, son prix. Ici des prix de démonstration, étiquetés comme tels.
Accueil de la maquette sur mobile : titre local, boutons Voir les prix et Trouver une boutique
L'accueil sur un téléphone de 390 px.
Page boutique de Villefranche sur mobile, avec la barre collante Appeler, Itinéraire, Prix
La barre d'action collante, sur la page boutique.

Le gérant tient ses prix et ses horaires lui-même

Derrière le site, une administration Payload en français : marques, modèles, pannes, un prix par qualité de pièce, horaires et fermetures de chaque boutique. Une case « prix de démonstration » marque chaque prix fictif, et le site de production refuse de se construire tant qu'il en reste un. Pas de WordPress, pas d'extension : un seul compte à protéger.

Voir la maquette en ligne

Le design en détail

Administration Payload : fiche Écran iPhone 13 avec deux qualités de pièce et leurs prix, case Prix de démonstration cochée
Un prix, par modèle, panne et qualité de pièce.
Administration Payload : horaires d'ouverture de la boutique de Villefranche, jour par jour avec la pause de midi
Les horaires de chaque boutique, jour par jour, avec la pause de midi.

Résultats mesurés

Ce que ça change, mesuré

Lighthouse sur mobile, le 5 octobre 2026, sur le site actuel puis sur la maquette. Ce sont des mesures de maquette : le nouveau site n'est pas encore en production, et ses chiffres de trafic viendront après.

MesureSite actuelMaquette
Performance mobile44 à 54 sur 100100 sur 100
Accessibilité86 à 90 sur 100100 sur 100
Affichage du contenu principal (LCP)7,1 à 10,3 s1,1 à 1,4 s
Stabilité de la mise en page (CLS)0,332 à 0,3860 à 0,001
Poids de l'accueil1,9 Mo, 209 requêtes138 Ko, 6 requêtes
Avant : l'accueil du site actuel sur deux passages (l'accessibilité couvre aussi les pages boutiques et smartphones). Après : accueil, tarifs, iPhone 13 et boutique de Villefranche. Remesurée en ligne le même jour, avec les photos de la boutique : 100 en performance, contenu affiché en 1,0 s, 211 Ko et 10 requêtes. Le score SEO Lighthouse de la maquette (66 à 69) est bas exprès : elle reste en noindex tant que le site n'est pas validé.

Ce qui reste

Ce qu'il faut encore pour un vrai site

La maquette montre tous les gabarits et tous les parcours. Pour passer en production, il reste quatre chantiers, dont deux dépendent du gérant.

  1. Les vrais prix

    La grille du gérant, par modèle, panne et qualité de pièce. Le site de production refuse de se construire tant qu'il reste un prix de démonstration.

  2. Les faits à confirmer

    Numéro de chaque boutique, délais réels, garantie, label QualiRépar : Call'ade n'apparaît dans aucun des deux annuaires officiels au 5 octobre 2026.

  3. Le nettoyage

    Changer tous les accès, éteindre WordPress, répondre « supprimé » (410) sur chaque ancienne adresse de spam, suivre la sortie de l'index dans la Search Console.

  4. La migration

    Redirections des pages utiles, sitemap neuf, fiches Google corrigées en même temps que le site, puis mesures à 1, 3 et 6 mois.

Contact

Un projet du même genre ?

Décrivez-le en quelques lignes. Je vous réponds en semaine le jour même ou le lendemain.

Parler de mon projet