Aller au contenu
NovaSiteWeb  ·  Cours gratuit

Cours gratuit : transformer les visiteurs de votre site en clients

Votre site reçoit des visites mais peu de demandes ? Ce cours montre, étape par étape, ce qui fait qu’un visiteur appelle, réserve ou demande un devis. Pour les artisans, commerçants, restaurants et PME, sans jargon.

  • 8 modules
  • Environ 1 h 17
  • Niveau débutant
  • Gratuit, sans inscription

Faire venir des visiteurs coûte cher, en publicité comme en référencement. Les transformer en clients ne demande souvent que quelques changements sur le site : un premier écran plus clair, une page plus rapide, des preuves mieux placées, un formulaire plus simple. Ce cours vous apprend à repérer ce qui bloque sur votre propre site, et à le corriger dans le bon ordre.

Chaque module se termine par un quiz et une checklist utilisable telle quelle. Votre progression est conservée dans votre navigateur.

Votre progression 0 / 8 modules
1
Mesurer
2
Les 5 premières secondes
3
La vitesse
4
La confiance
5
Les appels à l’action
6
Les formulaires
7
Le mobile
8
Tester et améliorer

Module 1 : Mesurer : Savoir ce que votre site rapporte vraiment

Avant de changer quoi que ce soit, il faut savoir combien de visiteurs deviennent des contacts, et d’où ils viennent. Sans mesure, chaque modification est un pari.
9 minutes de lecture
1

Le taux de conversion d’un site vitrine

Le taux de conversion est la part des visiteurs qui font ce que vous attendez d’eux : appeler, remplir le formulaire, réserver, venir en boutique. C’est le seul chiffre qui relie votre site à votre chiffre d’affaires.

Sur un site vitrine d’artisan ou de commerce, on observe le plus souvent des taux de quelques pourcents. Le chiffre exact compte moins que son évolution : un site qui passe de 1 % à 2 % double ses demandes, sans un visiteur de plus.

Le même trafic, deux résultats
Site A : 800 visites par mois, 1 % de conversion = 8 demandes
Site B : 800 visites par mois, 3 % de conversion = 24 demandes
Même référencement, même budget publicitaire : trois fois plus de clients potentiels.
Pourquoi commencer par là
Faire venir plus de visiteurs coûte cher, en publicité comme en référencement. Mieux convertir ceux qui viennent déjà ne coûte que du travail sur le site, et ce gain profite ensuite à chaque visiteur supplémentaire.
2

Ce qui compte comme une conversion

Une conversion est un contact réel, pas une visite. Pour une TPE, il y en a généralement trois ou quatre à suivre.

  1. 1L’appel - Un clic sur votre numéro depuis un mobile. Souvent la conversion la plus fréquente pour un artisan ou un restaurant.
  2. 2Le formulaire envoyé - Compté à l’affichage de la page de remerciement, pas à l’arrivée sur la page contact.
  3. 3La réservation ou la prise de rendez-vous - Via votre module ou celui d’un partenaire.
  4. 4L’itinéraire - Pour un commerce : le clic sur l’adresse ou le bouton « Y aller ».
L’erreur qui fausse tout
Compter comme conversion une simple visite de la page contact. Les chiffres paraissent bons, mais ne correspondent à aucun client. Une conversion doit toujours être une action qui vous met en relation.
3

Installer un suivi fiable en une heure

Google Analytics 4 est gratuit et suffit largement pour un site de TPE. L’essentiel est de suivre peu de choses, mais les bonnes.

  1. 1Installer GA4 avec un bandeau de consentement - Sans accord du visiteur, pas de mesure : c’est la règle en France.
  2. 2Créer un événement par type de conversion - Formulaire envoyé, clic sur le téléphone, réservation.
  3. 3Les marquer comme « événements clés » - C’est ce qui les fait apparaître comme conversions dans les rapports.
  4. 4Tester chaque conversion vous-même - Envoyez un formulaire, cliquez sur votre numéro, puis vérifiez que l’événement remonte.
Savoir d’où vient chaque demande
Ajoutez un paramètre de suivi aux liens que vous partagez : votre fiche Google, vos posts LinkedIn, vos campagnes. Vous saurez alors quelle source apporte des visites, et laquelle apporte des clients.
Question
Votre site reçoit 1 000 visites par mois et 15 demandes de devis. Quel est son taux de conversion ?
A
15 %
B
1,5 %
C
0,15 %
D
Impossible à calculer sans le chiffre d’affaires
Question
Laquelle de ces actions ne doit pas être comptée comme une conversion ?
A
Un clic sur le numéro de téléphone
B
Un formulaire envoyé
C
Une visite de la page contact
D
Une réservation en ligne
Question
Pourquoi améliorer la conversion avant d’acheter plus de trafic ?
A
Parce que Google l’exige
B
Parce que chaque visiteur supplémentaire rapportera ensuite davantage
C
Parce que le trafic est inutile
D
Parce que c’est plus rapide à mesurer
Votre mesure est-elle prête ?
GA4 installé avec un bandeau de consentement
La mesure ne démarre qu’après accord du visiteur
Formulaire suivi à la page de remerciement
Pas à l’arrivée sur la page contact
Clics sur le téléphone suivis
Souvent la première source de contacts sur mobile
Conversions marquées comme événements clés
Sinon elles n’apparaissent pas comme conversions
Chaque conversion testée vous-même
Un envoi, un clic, puis vérification dans GA4
Taux de conversion actuel noté
C’est votre point de départ pour mesurer les progrès
0/6
Tester mon site gratuitement Vitesse, structure, points bloquants : l’analyse automatique vous donne un premier état des lieux en 30 secondes.

Module 2 : Les 5 premières secondes : Ce que le visiteur doit comprendre sans faire défiler

Sur mobile, le premier écran décide de tout. Le visiteur doit y trouver en un coup d’œil ce que vous faites, où, et comment vous contacter.
10 minutes de lecture
1

Les trois questions du premier écran

Un visiteur venu de Google a une question précise en tête. S’il ne voit pas rapidement qu’il est au bon endroit, il revient aux résultats et clique sur le concurrent suivant.

  1. 1Qu’est-ce que vous faites ? - Votre métier, en mots simples. « Plombier », pas « Solutions d’expertise en fluides ».
  2. 2Où ? - Votre ville ou votre quartier. Un client local veut savoir tout de suite si vous intervenez chez lui.
  3. 3Comment vous contacter ? - Un bouton d’appel ou de devis visible sans faire défiler.
Avant, après
Avant : « Bienvenue sur notre site » et un grand visuel de paysage
Après : « Plombier à Paris 15e, intervention dans l’heure », un bouton « Appeler » et la mention « Devis gratuit »
2

Écrire un titre qui fait rester

Le titre principal est la phrase la plus lue du site. Il doit reprendre les mots que le client a tapés dans Google, et y ajouter ce qui vous distingue.

  1. 1Le métier et le lieu d’abord - C’est ce que le visiteur cherche à vérifier.
  2. 2Un bénéfice concret ensuite - Un délai, un prix de départ, une garantie. Quelque chose de vérifiable.
  3. 3Pas de formule creuse - « Qualité et savoir-faire » ne distingue personne : tous vos concurrents l’écrivent aussi.
Le test du voisin
Montrez votre premier écran cinq secondes à quelqu’un qui ne connaît pas votre activité, puis cachez-le. S’il ne peut pas dire ce que vous faites et où, le titre doit changer.
3

La preuve dès le premier regard

Juste sous le titre, un élément de preuve rassure avant même la lecture : c’est ce qui fait passer de « peut-être » à « pourquoi pas ».

  1. 1La note Google et le nombre d’avis - « 4,8 sur 5, 62 avis » se lit en une seconde.
  2. 2Un chiffre d’expérience vérifiable - Années d’activité, nombre de chantiers, clients servis.
  3. 3Un logo ou une certification reconnue - Label, assurance, fédération professionnelle, si c’est pertinent pour votre métier.
Le carrousel qui cache tout
Un diaporama d’images en haut de page repousse le titre et le bouton sous l’écran, ralentit le chargement, et la plupart des visiteurs ne voient que la première image. Une image fixe et un message clair convertissent mieux.
Question
Quel titre de page d’accueil convient le mieux à un électricien ?
A
Bienvenue sur notre site
B
L’excellence au service de votre confort
C
Électricien à Montreuil : dépannage sous 2 h, devis gratuit
D
Votre partenaire de confiance depuis toujours
Question
Où placer le bouton d’appel ou de devis sur mobile ?
A
En bas de page, après la présentation
B
Dans le premier écran, visible sans faire défiler
C
Uniquement sur la page contact
D
Dans le menu seulement
Question
Pourquoi éviter un carrousel d’images en haut de page ?
A
Parce qu’il est interdit par Google
B
Parce qu’il repousse le message, ralentit la page et que seule la première image est vue
C
Parce qu’il coûte cher
D
Parce qu’il empêche le référencement des images
Votre premier écran sur mobile
Le métier est écrit en toutes lettres
Avec les mots que vos clients tapent dans Google
La ville ou le quartier est visible
Dans le titre ou juste en dessous
Un bénéfice concret et vérifiable
Délai, prix de départ, garantie
Un bouton d’appel ou de devis sans défiler
Testé sur votre propre téléphone
Un élément de preuve sous le titre
Note Google, nombre d’avis, années d’expérience
Pas de carrousel en haut de page
Une image fixe et un message clair
0/6
Faire relire mon premier écran Envoyez-moi l’adresse de votre site : je vous dis en retour ce qu’un visiteur comprend, ou ne comprend pas, dans les cinq premières secondes.

Module 3 : La vitesse : Le premier levier, souvent le plus simple

Un visiteur qui attend part avant d’avoir vu votre offre. Accélérer un site ne demande pas toujours de le refaire : souvent, il suffit de retirer ce qui ne sert à rien.
10 minutes de lecture
1

Pourquoi chaque seconde compte

Sur mobile, en 4G, un visiteur venu de Google compare mentalement votre site au concurrent situé juste en dessous dans les résultats. Plus la page tarde à afficher son contenu, plus il a de chances de repartir sans avoir rien lu.

Google mesure ce délai avec le LCP (Largest Contentful Paint) : le temps d’affichage du plus gros élément visible, souvent votre titre ou votre image principale. Il le considère comme bon en dessous de 2,5 secondes, et en tient compte dans son classement.

Mesurer en deux minutes
Ouvrez pagespeed.web.dev, collez l’adresse de votre site et lisez l’onglet « Mobile ». Le score donne une tendance ; le LCP et la liste des « requêtes qui bloquent l’affichage » disent quoi corriger.
2

Les causes les plus fréquentes sur un site WordPress

Sur les sites de TPE, la lenteur vient rarement de l’hébergement seul. Elle s’accumule au fil des années, extension après extension.

  1. 1Des images trop lourdes - Une photo de 4 Mo prise au téléphone et envoyée telle quelle. Elle doit être redimensionnée et compressée avant d’être mise en ligne.
  2. 2Des extensions chargées partout - Un formulaire utilisé sur une seule page, mais dont les fichiers se chargent sur tout le site.
  3. 3Du code oublié - Scripts ajoutés pour un test, une ancienne fonctionnalité, un outil abandonné, et toujours actifs.
  4. 4Des polices chargées en double - Une copie locale et une copie Google Fonts des mêmes polices.
Un cas réel : novasiteweb.fr
Score mobile de départ : 83
Trouvé : une bibliothèque d’icônes de 103 Ko que plus aucune page n’utilisait, des polices téléchargées deux fois, un ancien script de cours injecté sur tout le site, des extensions actives partout pour un seul formulaire
Après nettoyage : score 99, contenu principal affiché en 1,6 s au lieu de 3,9 s, sans refonte ni nouvelle extension.
3

Retirer avant d’optimiser

Le réflexe courant est d’installer une extension « d’optimisation ». Elle aide parfois, mais elle ajoute elle-même du code. L’ordre le plus efficace est l’inverse.

  1. 1Faire l’inventaire - Extensions actives, bouts de code ajoutés, services externes chargés. Pour chacun : à quoi sert-il encore ?
  2. 2Désactiver ce qui ne sert plus - Une par une, en vérifiant le site après chaque désactivation.
  3. 3Charger le reste seulement où il sert - Un formulaire sur la page contact, un module de réservation sur la page réservation.
  4. 4Alléger ce qui reste - Images compressées, polices réduites aux caractères utiles, cache activé.
Toujours garder une porte de sortie
Avant de désactiver quoi que ce soit, faites une sauvegarde et notez ce que vous changez. Désactiver plutôt que supprimer permet de revenir en arrière en un clic si une page cesse de fonctionner.
Question
En dessous de quel délai Google considère-t-il le LCP comme bon ?
A
1 seconde
B
2,5 secondes
C
5 secondes
D
10 secondes
Question
Votre site est lent. Quelle est la première chose à faire ?
A
Installer une extension d’optimisation
B
Changer d’hébergeur
C
Mesurer, puis retirer ce qui ne sert plus
D
Refaire entièrement le site
Question
Une extension de formulaire n’est utilisée que sur la page contact. Que faire ?
A
La laisser se charger partout, c’est normal
B
Ne charger ses fichiers que sur la page contact
C
La supprimer et renoncer au formulaire
D
Ajouter une extension de cache
Accélérer votre site
Test PageSpeed mobile fait et noté
Score et LCP : votre point de départ
Inventaire des extensions et codes ajoutés
Pour chacun : sert-il encore ?
Ce qui ne sert plus est désactivé
Une chose à la fois, site vérifié après chaque étape
Images compressées et redimensionnées
Pas de photo de plusieurs Mo en ligne
Polices chargées une seule fois
Pas de copie locale et Google Fonts en même temps
Sauvegarde faite avant chaque changement
Pour pouvoir revenir en arrière
0/6
Mesurer la vitesse de mon site L’outil d’analyse vous donne votre score mobile, votre LCP et les premiers points à corriger.

Module 4 : La confiance : Donner des raisons de vous choisir

Un visiteur qui ne vous connaît pas cherche des signes qu’il peut vous faire confiance. Quand il ne les trouve pas, il ne vous contacte pas, même si votre offre lui plaît.
10 minutes de lecture
1

Les avis : la preuve que les autres ont osé

Pour une entreprise locale, les avis clients sont la preuve la plus lue. Ils répondent à la question que le visiteur n’ose pas poser : « est-ce que ça s’est bien passé pour les autres ? »

  1. 1Affichez-les sur le site - Quelques avis choisis, avec le prénom, la ville et le service rendu. Pas seulement un lien vers Google.
  2. 2Placez-les près des décisions - Sous le premier écran, à côté du formulaire, sur la page tarifs.
  3. 3Répondez à tous sur Google - Y compris aux avis négatifs, calmement. Votre réponse est lue par les futurs clients autant que l’avis lui-même.
Jamais de faux avis
Inventer des témoignages ou acheter des avis est interdit, et facilement repérable. Un avis détaillé et réel vaut mieux que dix avis vagues. Pour en obtenir, demandez-les personnellement à vos clients satisfaits.
2

Montrer le travail réel

Des photos de vos réalisations, de votre équipe ou de votre établissement rassurent bien plus que des images de banque d’images, que les visiteurs reconnaissent immédiatement.

  1. 1Des réalisations avec un contexte - Le besoin de départ, ce que vous avez fait, le résultat. Même trois lignes suffisent.
  2. 2Des visages - Une photo de vous ou de votre équipe. On confie plus facilement un chantier ou un dîner à quelqu’un qu’on a vu.
  3. 3Des lieux reconnaissables - Pour un commerce ou un restaurant : la façade, la salle, l’ambiance réelle.
Une réalisation qui convainc
Plutôt qu’une galerie de dix photos sans légende
« Salle de bain rénovée à Vincennes : douche à l’italienne, livrée en 8 jours. Le client voulait supprimer la baignoire sans refaire toute la plomberie. » + deux photos avant/après.
3

Les signaux discrets qui rassurent

Certains éléments ne font pas vendre à eux seuls, mais leur absence suffit à faire hésiter.

  1. 1Des coordonnées complètes et cohérentes - Nom, téléphone, zone d’intervention ou adresse, identiques sur le site et sur votre fiche Google.
  2. 2Des mentions légales en règle - Obligatoires, et consultées par les clients prudents ou professionnels.
  3. 3Des prix ou une fourchette - Même indicatifs. Un visiteur qui n’a aucune idée du budget hésite à demander un devis, de peur de perdre son temps.
  4. 4Une réponse annoncée - « Réponse sous 24 h ouvrées » sous le formulaire dit au visiteur ce qui va se passer.
La confiance se voit aussi dans le soin
Des fautes d’orthographe, des liens cassés ou une année de copyright dépassée donnent l’impression d’une entreprise peu attentive. Une relecture complète du site tous les six mois évite ce signal involontaire.
Question
Où les avis clients sont-ils le plus utiles sur un site ?
A
Uniquement sur une page « Avis » séparée
B
Près des moments de décision : sous le premier écran, près du formulaire
C
Tout en bas du pied de page
D
Nulle part, Google suffit
Question
Quelle photo inspire le plus confiance sur un site d’artisan ?
A
Une image de banque d’images avec un ouvrier souriant
B
Une photo avant/après d’un chantier réel, avec une légende
C
Un logo en grand format
D
Un paysage de la région
Question
Pourquoi afficher une fourchette de prix, même indicative ?
A
C’est obligatoire
B
Le visiteur qui n’a aucune idée du budget hésite à demander un devis
C
Pour faire baisser les prix du marché
D
Pour améliorer le référencement uniquement
Votre site inspire-t-il confiance ?
Des avis réels affichés sur le site
Prénom, ville, service rendu
Avis placés près du formulaire ou des tarifs
Là où le visiteur hésite
Réponse à chaque avis Google
Y compris les négatifs
Photos réelles de réalisations ou du lieu
Pas de banque d’images
Une photo de vous ou de l’équipe
On fait confiance à des visages
Coordonnées identiques sur le site et Google
Nom, téléphone, zone ou adresse
Mentions légales à jour
Obligatoires et consultées
Délai de réponse annoncé sous le formulaire
Le visiteur sait ce qui va se passer
0/8
Un site pensé pour convertir Premier écran, vitesse, preuves : chaque site que je livre est construit autour de ces principes dès le départ.

Module 5 : Les appels à l’action : Dire clairement au visiteur quoi faire

Un visiteur convaincu qui ne sait pas quoi faire ensuite repart. Chaque page doit proposer une action évidente, formulée dans ses mots à lui.
9 minutes de lecture
1

Un seul geste attendu par page

Chaque page de votre site devrait avoir une action principale : appeler, demander un devis, réserver. Les autres possibilités restent accessibles, mais au second plan.

  1. 1Page d’accueil - Souvent « Demander un devis » ou « Appeler », selon votre métier.
  2. 2Page de service - L’action liée à ce service précis : « Devis pour une rénovation de salle de bain ».
  3. 3Page de restaurant - « Réserver une table », avant « Voir la carte ».
Trop de choix, aucun choix
Six boutons de même importance sur un premier écran (devis, appel, newsletter, réseaux sociaux, brochure, blog) diluent l’attention. Le visiteur hésite, puis ne fait rien. Hiérarchisez : un bouton plein pour l’action principale, des liens discrets pour le reste.
2

Des boutons qui disent ce qui va se passer

Le texte d’un bouton est lu juste avant la décision. « Envoyer » ou « Valider » ne disent pas ce que le visiteur obtient. Un bon bouton décrit le résultat, du point de vue du client.

Réécrire ses boutons
« Envoyer » → « Recevoir mon devis gratuit »
« Contact » → « Parler de mon projet »
« Réserver » → « Réserver une table ce soir »
« En savoir plus » → « Voir les tarifs »
Lever la dernière hésitation
Une courte phrase sous le bouton répond à la crainte du moment : « Sans engagement », « Réponse sous 24 h », « Gratuit, 2 minutes ». C’est souvent elle qui fait cliquer.
3

Où et combien de fois placer l’action

Le visiteur ne se décide pas toujours au même moment. L’action principale doit être disponible à chaque endroit où il pourrait être convaincu.

  1. 1Dans le premier écran - Pour ceux qui savent déjà ce qu’ils veulent.
  2. 2Après chaque bloc de preuve - Juste après les avis ou une réalisation, quand la confiance est au plus haut.
  3. 3En fin de page - Pour ceux qui ont tout lu avant de se décider.
  4. 4Toujours accessible sur mobile - Une barre fixe avec le bouton d’appel évite de remonter toute la page.
Le téléphone reste roi pour l’urgence
Pour un serrurier, un plombier ou un dépanneur, le numéro cliquable en permanence à l’écran vaut plus que n’importe quel formulaire : un client dans l’urgence appelle, il ne remplit rien.
Question
Quel texte de bouton est le plus efficace sous un formulaire de devis ?
A
Envoyer
B
Valider
C
Recevoir mon devis gratuit
D
OK
Question
Combien d’actions principales mettre en avant sur une page ?
A
Une seule, les autres au second plan
B
Autant que possible pour ne rien rater
C
Aucune, le visiteur sait ce qu’il veut
D
Trois de même importance
Question
Pour un dépanneur, quelle action privilégier sur mobile ?
A
Un formulaire détaillé
B
L’inscription à la newsletter
C
Un numéro cliquable toujours visible
D
Un lien vers les réseaux sociaux
Vos appels à l’action
Une action principale définie par page
Appeler, devis, réservation
Boutons rédigés du point de vue du client
Pas de « Envoyer » ni de « Valider »
Une phrase rassurante sous le bouton
Sans engagement, réponse sous 24 h
L’action répétée après les preuves et en fin de page
Là où le visiteur se décide
Numéro cliquable accessible en permanence sur mobile
Barre fixe ou bouton flottant
0/5
Faire relire mes appels à l’action Envoyez-moi l’adresse de votre site : je vous dis quelles pages manquent d’une action claire, et comment la formuler.

Module 6 : Les formulaires : Le dernier obstacle avant le contact

Le visiteur a décidé de vous écrire. Un formulaire trop long, peu clair ou qui échoue sans prévenir peut encore tout faire rater.
10 minutes de lecture
1

Demander le minimum

Chaque champ supplémentaire est une raison de plus d’abandonner. Le formulaire ne sert pas à tout savoir : il sert à ouvrir la conversation. Le reste se demande au téléphone.

  1. 1L’indispensable - Nom, moyen de contact (email ou téléphone), et le besoin en quelques mots.
  2. 2L’utile, en facultatif - Téléphone si l’email est demandé, adresse du site actuel, type de projet dans une liste.
  3. 3À éviter - Adresse postale, budget obligatoire, société, fonction, « comment nous avez-vous connu » obligatoire.
Une liste plutôt qu’une question ouverte
Remplacer « Décrivez votre besoin » par une liste courte (« Créer un site », « Refaire mon site », « Être plus visible ») facilite la réponse et vous donne une information exploitable, tout en laissant un champ libre facultatif.
2

Guider pendant la saisie

Un formulaire bien conçu aide le visiteur au lieu de le sanctionner après coup.

  1. 1Des libellés visibles au-dessus des champs - Un texte grisé dans le champ disparaît dès qu’on tape : le visiteur ne sait plus ce qu’on lui demandait.
  2. 2Le bon clavier sur mobile - Clavier numérique pour le téléphone, clavier email avec @ pour l’adresse.
  3. 3Des messages d’erreur utiles - « L’adresse email semble incomplète » plutôt que « Champ invalide », affichés à côté du champ concerné.
  4. 4Rien de perdu en cas d’erreur - Le visiteur ne doit jamais avoir à tout ressaisir.
Le captcha qui fait fuir
Déchiffrer des lettres déformées ou cliquer sur des feux tricolores fait abandonner une partie des vrais visiteurs. Des protections invisibles (champ piège, délai minimum) arrêtent la plupart des robots sans gêner personne.
3

Ce qui se passe après l’envoi

Le moment qui suit l’envoi rassure ou inquiète. Le visiteur doit savoir que sa demande est bien partie, et ce qui va se passer ensuite.

  1. 1Une page de remerciement - Qui confirme l’envoi et annonce le délai de réponse. C’est aussi là que la conversion se mesure.
  2. 2Un email de confirmation - Avec un récapitulatif de la demande.
  3. 3Un délai tenu - Répondre dans le délai annoncé compte autant que le site lui-même.
Le formulaire qui échouait en silence
Sur novasiteweb.fr, un réglage de cache pouvait faire échouer l’envoi quelques jours après la mise en ligne d’une page : le bouton restait sur « Envoi en cours… », sans message ni email. Corrigé depuis, mais la leçon vaut pour tous les sites :
testez votre propre formulaire au moins une fois par mois, depuis un téléphone, comme un vrai client.
Question
Quels champs sont vraiment indispensables dans un formulaire de devis ?
A
Nom, adresse postale, société, budget
B
Nom, moyen de contact et besoin
C
Email uniquement
D
Tous les champs possibles, pour bien qualifier
Question
Pourquoi préférer des libellés au-dessus des champs plutôt que du texte grisé dedans ?
A
C’est plus joli
B
Le texte grisé disparaît dès qu’on tape, et on ne sait plus ce qui était demandé
C
Google l’exige
D
Pour gagner de la place
Question
Tous les combien tester son propre formulaire de contact ?
A
Jamais, s’il a marché une fois
B
Une fois par an
C
Au moins une fois par mois, depuis un téléphone
D
Seulement quand un client se plaint
Votre formulaire de contact
Trois ou quatre champs obligatoires au plus
Nom, contact, besoin
Libellés visibles au-dessus des champs
Pas seulement du texte grisé
Bon clavier sur mobile
Numérique pour le téléphone, email pour l’adresse
Messages d’erreur clairs, à côté du champ
Et aucune saisie perdue
Pas de captcha visible
Protection invisible contre les robots
Page de remerciement avec délai de réponse
Et mesure de la conversion sur cette page
Test mensuel depuis un téléphone
Comme un vrai client, avec une vraie adresse
0/7
Tester mon formulaire avec un expert Je remplis votre formulaire comme un client, sur mobile, et je vous dis où il freine ou risque d’échouer.

Module 7 : Le mobile : Un site pensé pour le pouce

Pour une entreprise locale, la majorité des visites se font souvent sur téléphone. Un site qui fonctionne bien sur ordinateur peut être pénible au pouce.
9 minutes de lecture
1

Vérifier comme un client, pas comme un propriétaire

Vous connaissez votre site par cœur, et vous le regardez souvent sur ordinateur. Vos clients, eux, le découvrent sur un téléphone, parfois dehors, d’une main, avec une connexion moyenne.

  1. 1Ouvrez votre site en 4G - Pas en wifi : la lenteur réelle ne se voit qu’en conditions réelles.
  2. 2Tenez le téléphone d’une main - Pouvez-vous appeler, lire le menu et envoyer le formulaire avec le pouce ?
  3. 3Suivez un vrai parcours - Depuis Google jusqu’à l’appel ou la demande, sans raccourci.
Regardez ce que disent vos statistiques
Dans GA4, le rapport par appareil indique la part de visites sur mobile. Si elle dépasse la moitié, c’est la version mobile qu’il faut optimiser en premier.
2

La zone du pouce

Sur un téléphone tenu d’une main, le bas et le centre de l’écran sont faciles à atteindre ; les coins du haut beaucoup moins. Les actions importantes doivent se trouver là où le pouce va naturellement.

  1. 1Des boutons assez grands - Au moins la taille d’un bout de doigt, avec de l’espace autour pour éviter les erreurs de clic.
  2. 2L’appel en bas de l’écran - Une barre fixe avec « Appeler » et « Devis » reste accessible sans remonter.
  3. 3Un menu court - Cinq ou six entrées au plus, les plus importantes en premier.
La fenêtre qui bloque tout
Une fenêtre surgissante qui couvre l’écran dès l’arrivée (newsletter, promotion) oblige le visiteur à chercher une petite croix avant de voir quoi que ce soit. Sur mobile, c’est souvent le moment où il repart. Google pénalise d’ailleurs ce type d’affichage intrusif sur mobile.
3

Lisible sans zoomer

Un texte trop petit ou trop pâle oblige à zoomer ou à plisser les yeux. Beaucoup de visiteurs ne font pas l’effort.

  1. 1Une taille de texte confortable - Environ 16 pixels pour le texte courant sur mobile.
  2. 2Un contraste suffisant - Du gris trop clair sur fond blanc est élégant sur maquette, illisible en plein soleil.
  3. 3Des paragraphes courts - Trois ou quatre lignes sur mobile, avec des intertitres pour survoler.
Contraste : un cas réel
En corrigeant les gris trop clairs et les textes blancs trop transparents de novasiteweb.fr, la lisibilité s’est améliorée sur toutes les pages sans changer l’identité visuelle : les textes secondaires sont simplement un peu plus foncés sur fond clair, un peu plus lumineux sur fond noir.
Question
Comment tester votre site mobile dans des conditions réalistes ?
A
Sur ordinateur, en réduisant la fenêtre
B
Sur téléphone, en wifi, à deux mains
C
Sur téléphone, en 4G, d’une main, en suivant un vrai parcours
D
Avec un simulateur uniquement
Question
Où placer le bouton d’appel sur mobile ?
A
Dans le coin supérieur gauche
B
Dans une barre fixe en bas de l’écran
C
Uniquement en pied de page
D
Dans le menu déroulant
Question
Quel est le risque d’une fenêtre surgissante plein écran sur mobile ?
A
Aucun, elle augmente toujours les inscriptions
B
Le visiteur repart avant d’avoir vu le contenu, et Google peut pénaliser la page
C
Elle ralentit uniquement l’ordinateur
D
Elle empêche l’indexation du site
Votre site au pouce
Parcours testé en 4G, d’une main
De Google jusqu’au contact
Part des visites mobiles vérifiée dans GA4
Pour savoir quelle version prioriser
Boutons assez grands et espacés
Pas d’erreur de clic au pouce
Barre d’appel ou de devis fixe en bas
Toujours à portée
Menu de cinq ou six entrées au plus
Les plus importantes en premier
Aucune fenêtre plein écran à l’arrivée
Un encart discret dans la page à la place
Texte d’environ 16 px et bien contrasté
Lisible en plein soleil sans zoomer
0/7
Tester mon site sur mobile L’analyse gratuite mesure votre site dans des conditions mobiles réalistes et liste les premiers points à corriger.

Module 8 : Tester et améliorer : Progresser sans se tromper

Améliorer un site n’est pas un chantier ponctuel. Avec peu de trafic, il faut une méthode simple pour savoir si un changement a vraiment aidé.
10 minutes de lecture
1

Choisir quoi améliorer en premier

Après ce cours, vous aurez sans doute une longue liste d’idées. Tout faire en même temps empêche de savoir ce qui a marché. Il faut prioriser.

  1. 1Partir des pages qui comptent - Celles qui reçoivent le plus de visites et celles qui mènent au contact : accueil, pages de service, page contact.
  2. 2Estimer l’impact et l’effort - Réécrire un titre prend dix minutes et peut beaucoup changer ; refaire tout le design prend des semaines.
  3. 3Commencer par les corrections évidentes - Un formulaire cassé, un numéro non cliquable, une page très lente passent avant toute optimisation fine.
Un ordre de travail type
Semaine 1 : vérifier la mesure et tester le formulaire
Semaine 2 : réécrire le premier écran de l’accueil
Semaine 3 : ajouter des avis près du formulaire
Semaine 4 : alléger les pages les plus lentes
2

Mesurer un changement avec peu de trafic

Les tests A/B, qui montrent deux versions en parallèle à des visiteurs différents, demandent beaucoup de trafic pour donner un résultat fiable. Sur un site de TPE, une comparaison avant/après bien menée est souvent plus réaliste.

  1. 1Formuler une hypothèse - « Si le bouton d’appel est visible dès le premier écran, les appels depuis mobile augmenteront. »
  2. 2Noter le point de départ - Visites et conversions sur les quatre semaines précédentes.
  3. 3Changer une seule chose - Et noter la date du changement.
  4. 4Comparer sur une durée équivalente - Quatre semaines après, en tenant compte des saisons et des événements.
Le piège des petits nombres
Passer de 4 à 6 demandes en un mois n’est pas forcément un progrès : cela peut être le hasard. Sur de petits volumes, attendez plusieurs semaines et regardez la tendance, plutôt que de conclure sur quelques jours.
3

Tenir un journal des changements

Trois mois plus tard, plus personne ne se souvient de ce qui a été modifié, ni quand. Un simple tableau suffit pour relier chaque évolution des chiffres à une cause.

  1. 1La date - Et la page concernée.
  2. 2Ce qui a changé - En une phrase : « Titre de l’accueil réécrit avec métier et ville ».
  3. 3Le résultat observé - Quatre semaines après : conversions avant et après.
  4. 4La décision - Garder, ajuster ou revenir en arrière.
Le rythme qui fonctionne
Un changement significatif par mois, mesuré puis consigné. En un an, douze améliorations vérifiées valent bien plus qu’une refonte complète faite à l’aveugle.
Question
Par quoi commencer quand on a une longue liste d’améliorations ?
A
Refaire tout le design
B
Les corrections évidentes sur les pages qui comptent
C
Les pages les moins visitées, pour s’entraîner
D
Tout en même temps pour gagner du temps
Question
Votre site reçoit 600 visites par mois. Quelle méthode de test est la plus réaliste ?
A
Un test A/B sur une semaine
B
Une comparaison avant/après sur quatre semaines, un seul changement à la fois
C
Changer plusieurs éléments et regarder le lendemain
D
Ne rien mesurer et se fier à son intuition
Question
Les demandes passent de 4 à 6 le mois suivant un changement. Que conclure ?
A
Le changement a augmenté les demandes de 50 %
B
C’est encourageant, mais il faut confirmer la tendance sur plusieurs semaines
C
Le changement n’a servi à rien
D
Il faut tout annuler
Votre méthode d’amélioration continue
Liste des améliorations priorisée
Impact et effort estimés pour chacune
Point de départ noté
Visites et conversions des quatre dernières semaines
Un seul changement à la fois
Avec sa date
Comparaison après quatre semaines
En tenant compte de la saison
Journal des changements tenu à jour
Date, changement, résultat, décision
Un changement significatif par mois
Le rythme qui fait progresser durablement
0/6
Faire le point sur mon site Vous préférez qu’on priorise ensemble ? Je repère ce qui freine vos conversions et je vous propose un plan d’action, ou une refonte si elle se justifie.

Cours terminé, félicitations !

Vous savez maintenant mesurer ce que votre site rapporte, repérer ce qui fait partir vos visiteurs, et corriger les points bloquants dans le bon ordre.

Je préfère être accompagné

Je crée ou je refais votre site autour de ces principes : premier écran clair, vitesse garantie, preuves et appels à l’action bien placés.

Voir la création de site sur mesure

Conversion et trafic : dans quel ordre ?

Le référencement et la publicité font venir des visiteurs. Le site décide de ce qu’ils deviennent : des visites sans suite, ou des clients.

Travailler la conversion avant d’augmenter le trafic, c’est s’assurer que chaque visiteur supplémentaire rapportera davantage. L’inverse revient à remplir un seau percé : plus de visites, mais le même petit nombre de demandes.

Voir le service de référencement local ou la refonte de site WordPress.