Aller au contenu principal
tomcom
Tous les articles

Design et conversion

Équilibre texte visuel : bien doser une page de vente

Trop d'images tue le message, trop de texte décourage la lecture. Voici comment trouver le bon équilibre texte visuel sur une landing page pour que vos visiteurs comprennent, se rassurent et passent à l'action.

Maquette d'une page de vente affichée sur un écran, avec un bloc de texte à gauche et une photo de chantier à droite

Un artisan menuisier nous montre un jour sa nouvelle page de vente sur son téléphone. Elle s'ouvre sur une magnifique photo plein écran d'un atelier, puis une deuxième photo, puis une troisième. On fait défiler pendant plusieurs secondes avant de comprendre ce qu'il vend, à qui, et dans quelle région il intervient. Il nous dit : « les gens trouvent ça beau, mais ils ne m'appellent pas ». Le problème n'était pas la qualité des images. C'était le dosage.

L'équilibre texte visuel est un des réglages les plus sous-estimés d'une page de vente. Trop d'images, le visiteur admire sans comprendre. Trop de texte, il décroche avant la moitié. Voici comment arbitrer, section par section.

Le texte porte l'argument, le visuel porte la preuve

Partons d'une règle simple : sur une page de vente, le texte sert à faire comprendre, le visuel sert à faire croire.

Un visiteur qui arrive sur votre page se pose trois questions dans les premières secondes : qu'est-ce que c'est, est-ce que c'est pour moi, est-ce que je peux faire confiance. Les deux premières se règlent avec des mots. La troisième se règle beaucoup plus vite avec une image.

Prenez un paysagiste. Écrire « nous réalisons des terrasses en bois soignées » demande un effort d'imagination au lecteur. Montrer trois photos avant/après d'une terrasse réelle règle la question en une seconde. En revanche, aucune photo ne dira « intervention dans un rayon de 30 km autour de Rennes, devis sous 48 heures ». Ça, il faut l'écrire.

Quand une page ne convertit pas, il est utile de se demander laquelle des deux fonctions manque. Beaucoup de pages trop visuelles n'ont pas de problème de design : elles ont un problème d'explication. Et beaucoup de pages trop textuelles ne manquent pas d'arguments : elles manquent de preuves visibles.

Le test du son coupé

Une méthode rapide : imaginez que vous retirez tout le texte de votre page et ne gardez que les visuels. Que comprend-on ? Si la réponse est « rien du tout », le visuel est purement décoratif. Puis faites l'inverse : retirez toutes les images. Si la page reste parfaitement compréhensible, les images ne portent rien et pourraient être remplacées par de vraies preuves.

L'idéal est que les deux versions soient incomplètes mais lisibles. Cela veut dire que chaque élément fait son travail.

Doser par bloc, pas par page

L'erreur la plus fréquente consiste à raisonner en pourcentage global : « il me faut autant de texte que d'images ». Ce calcul n'a pas de sens, parce que les besoins varient énormément d'une section à l'autre.

Voici comment le dosage évolue naturellement sur une page de vente bien construite :

  • L'accroche en haut de page : très peu de texte (une promesse, une précision, un bouton), un visuel fort qui montre le produit, le service ou le résultat. C'est la zone où le texte doit être le plus court de toute la page.
  • La section problème : texte dominant. On décrit la situation du visiteur avec ses mots. Une image ici distrait plus qu'elle n'aide.
  • La présentation de l'offre : équilibre réel. Chaque bénéfice gagne à être accompagné d'une illustration concrète, capture, photo ou pictogramme sobre.
  • Les preuves : visuel dominant. Avis, photos de chantier, logos clients, captures de résultats. Le texte se limite à des légendes courtes.
  • Les objections et la FAQ : texte presque exclusif. On répond précisément, sans habillage.
  • L'appel à l'action final : texte minimal, visuel calme. Rien ne doit concurrencer le bouton.

Une page qui alterne ces densités respire. Une page qui applique le même rythme partout fatigue, qu'elle soit lourde en images ou en paragraphes.

Quand le visuel devient du bruit

Certaines images ne coûtent pas seulement de la place : elles coûtent de la confiance.

Les banques d'images génériques. Le cadre lumineux avec quatre collègues souriants autour d'un ordinateur portable, tout le monde l'a déjà vu. Au mieux il ne dit rien, au pire il signale que vous n'aviez rien de réel à montrer. Pour un artisan, une photo imparfaite prise sur un vrai chantier vaut mieux qu'un visuel impeccable mais anonyme.

Les carrousels automatiques. Le visiteur commence à regarder une image, elle disparaît. Il n'a le temps ni de la lire ni de cliquer. En pratique, l'immense majorité des contenus placés en deuxième ou troisième position d'un carrousel ne sont jamais vus.

Les animations à chaque scroll. Une apparition en fondu discrète, pourquoi pas. Des blocs qui glissent, tournent et rebondissent à chaque section, le lecteur perd le fil et attend que la page veuille bien se stabiliser.

Les images lourdes. Une photo non optimisée en haut de page retarde l'affichage de la promesse. Le visiteur voit une zone grise pendant que votre argument se charge. C'est un sujet de conversion avant d'être un sujet technique, comme nous l'expliquions à propos de la vitesse d'un site et son impact commercial.

Un test honnête : pour chaque visuel de votre page, demandez-vous ce que le visiteur perdrait si on le supprimait. Si la réponse est « rien », supprimez-le. La page gagnera en clarté et en rapidité.

Quand le texte devient un mur

Le problème inverse existe, et il touche souvent les métiers techniques ou les professions libérales, habitués à expliquer longuement.

Un mur de texte n'est pas une question de nombre de mots. Une page de vente longue peut très bien convertir, à condition qu'elle soit parcourable. Ce qui décourage, c'est l'absence de points d'entrée visuels.

Quelques réglages qui changent tout, sans rien retirer au fond :

  • Des intertitres qui disent quelque chose. « Comment ça se passe » est plus utile que « Notre méthode ».
  • Des paragraphes de trois à quatre lignes maximum sur mobile. Au-delà, l'œil ne trouve plus où se poser.
  • Des mots en gras sur les idées clés, pas sur des phrases entières. Un lecteur qui ne lit que les passages en gras doit comprendre l'essentiel.
  • Une largeur de colonne limitée. Un texte qui s'étale sur toute la largeur d'un grand écran devient pénible.
  • Des listes pour tout ce qui est énumérable : inclus, non inclus, étapes, délais.

Sur mobile, qui représente une grande partie du trafic de la plupart des TPE, la hiérarchie compte encore plus. Tout s'empile en une seule colonne : votre belle mise en page à deux colonnes devient une suite verticale, et un bloc trop dense occupe soudain trois écrans de défilement.

Les visuels qui font réellement avancer la vente

Si vous ne devez garder qu'une poignée d'images sur votre page, privilégiez celles qui répondent à une question du visiteur.

L'avant/après. Imbattable pour les métiers du bâtiment, de la rénovation, du nettoyage, de la coiffure, du paysage. Deux photos cadrées au même endroit valent trois paragraphes.

Le produit ou le lieu en situation. Un restaurant qui montre sa salle à l'heure du service, un gîte qui montre la vue réelle depuis la terrasse, un fabricant qui montre son produit dans la main de quelqu'un. Le visiteur se projette.

Le visage. Une photo nette du dirigeant ou de l'équipe, en conditions réelles, fait beaucoup pour la confiance d'un prospect qui ne vous connaît pas. C'est particulièrement vrai quand on démarre et qu'on a peu de références, un sujet que nous avons détaillé dans l'article sur la crédibilité quand on débute.

La preuve capturée. Capture d'un avis Google, photo d'une attestation, d'une certification, d'un label. Ces visuels mélangent image et texte et portent beaucoup en très peu de place.

Le schéma de déroulé. Trois ou quatre étapes illustrées simplement, pour répondre à la question « qu'est-ce qui se passe après que je clique ». Nos études de cas publiées utilisent beaucoup ce principe : montrer le chemin plutôt que le promettre.

Vos points de contrôle avant publication

Avant de mettre une page de vente en ligne, passez-la au filtre suivant. Chaque point se vérifie en moins d'une minute.

  • Sur un écran de téléphone, sans faire défiler, comprend-on ce que vous vendez et à qui ?
  • Chaque visuel apporte-t-il une information ou une preuve que le texte ne donne pas ?
  • Y a-t-il au moins une image de votre activité réelle, prise chez vous ou chez un client ?
  • Le plus long paragraphe de la page tient-il en quatre lignes sur mobile ?
  • Un lecteur qui ne lit que les titres et les mots en gras obtient-il l'essentiel de l'argumentaire ?
  • La page se charge-t-elle sans zone grise prolongée sur une connexion mobile moyenne ?
  • Le bouton d'action est-il visible sans aucun élément visuel qui lui fasse concurrence autour ?
  • Après trois sections, reste-t-il une raison claire de continuer à lire ?

Si vous bloquez sur plus de deux points, le problème est généralement structurel et non cosmétique. C'est le moment de revoir l'ordre des sections avant de retoucher les images, un travail que nous détaillons dans notre approche de la création de landing pages.

Conclusion

Le bon dosage ne se décide pas dans l'absolu : il dépend de ce que votre visiteur doit comprendre et de ce qu'il doit croire. Un service technique vendu à des professionnels supportera beaucoup plus de texte qu'une offre visuelle vendue à des particuliers. Dans les deux cas, le principe reste le même : chaque bloc de la page a un rôle, et le rôle détermine la densité.

Si vous devez faire un seul arbitrage aujourd'hui, remplacez vos images décoratives par des images de preuve. C'est le changement qui produit le plus d'effet pour le moins d'effort. Et si vous hésitez sur la structure globale avant même de parler d'images, relire ce qui distingue une landing page d'une page classique vous évitera de peaufiner une page qui n'avait pas le bon objectif.

Si vous voulez un avis concret sur votre page de vente actuelle et sur ce qui la freine, écrivez-nous en quelques lignes.

Parler de mon projet

Foire aux questions

Il n'y a pas de nombre idéal, mais une règle utile : une image par argument important à prouver. Sur une page de vente classique, cela représente souvent entre quatre et huit visuels, répartis sur toute la hauteur. Au-delà, vérifiez que chacun apporte encore quelque chose.

Pas si elle est parcourable. Un visiteur très intéressé lit beaucoup, un visiteur pressé survole. Une page longue avec des intertitres clairs, des listes et des blocs courts satisfait les deux, alors qu'une page courte mais compacte ne satisfait ni l'un ni l'autre.

C'est un vrai plus pour les métiers où l'esthétique fait partie de l'offre : restaurant, décoration, coiffure, immobilier. Pour beaucoup d'activités, de bonnes photos prises au téléphone en lumière du jour, cadrées proprement, suffisent largement. L'authenticité compte plus que la perfection technique.

Non, elle le complète. Une partie des visiteurs ne lancera jamais la lecture, notamment en déplacement ou au bureau sans son. Toute information décisive présente dans la vidéo doit donc exister aussi sous forme écrite sur la page.

Juste après un argument ou une preuve, dans une zone visuellement calme. Évitez de le poser au milieu d'une mosaïque de photos ou sur une image à fort contraste : il doit être l'élément le plus visible de son bloc, sans concurrence autour.

Faites lire votre page à trois personnes extérieures à votre métier, puis demandez-leur de résumer votre offre de mémoire. Si elles décrivent des images sans savoir ce que vous vendez, il manque du texte. Si elles résument l'offre mais disent qu'elles hésiteraient à vous contacter, il manque des preuves visuelles.