Mise en page mobile-first : où placer la vidéo, l'audio et les infos clés

Ouvre l'une de tes annonces en ligne sur ton téléphone maintenant. Ne tape sur rien — regarde simplement ce qui est visible avant de scroller. C'est tout ce qu'un acheteur voit pendant ses trois premières secondes. Si ta photo principale, ton prix et une action claire ne sont pas tous visibles sur ce premier écran, tu perds des acheteurs qui ne scrolleront jamais.

Plus de 70 % du trafic sur Vinted, Leboncoin, eBay et autres plateformes de revente se fait désormais sur mobile — et sur les plus petits écrans, ce chiffre est plutôt de 85 %. La mise en page bureau que tu connaissais en 2015 n'a plus aucune importance. L'écran du téléphone, c'est l'annonce.

La réalité physique du mobile est brutale : la zone visible sur un téléphone classique fait environ 15 centimètres de haut. Le titre de ton annonce, la photo principale du vendeur, et peut-être une à deux lignes de texte rentrent dans cet espace. Tout le reste — ta description, ton lecteur multimédia, ton tableau de livraison — est en dessous de la ligne de flottaison. Les acheteurs doivent scroller pour le trouver, et beaucoup ne le feront pas.

Toutes les annonces qui convertissent bien sur mobile suivent grosso modo les mêmes cinq zones, dans cet ordre de haut en bas :

1. Photo principale + titre + prix (générés automatiquement par la plateforme — tu ne contrôles généralement pas ça).
2. Un résumé en une ligne de ce que l'acheteur reçoit. Une seule phrase, sans fioritures. « LP UK Mono première pression 1969, extrait audio ci-dessous. » C'est l'accroche qui justifie le scroll.
3. Ton contenu multimédia — vidéo produit, aperçu audio, ou les deux. C'est le deuxième espace le plus précieux de la page. On détaille le placement dans la section suivante.
4. Les détails de l'état et les caractéristiques. Points à puces, pas de paragraphes. Les acheteurs veulent scanner, pas lire.
5. Livraison, retours et éléments de réassurance. En dernier, parce que quiconque lit jusqu'ici est déjà intéressé.

Cet ordre inverse ce que beaucoup de vendeurs font par défaut. Le réflexe, c'est de mettre la politique de livraison et les conditions vendeur en haut parce qu'elles semblent importantes. Elles ne le sont pas — pour un acheteur qui n'a pas encore décidé, ce n'est que du bruit. Mets-les en bas et laisse le produit occuper le haut de la page.

Si tu intègres une vidéo produit, le bon emplacement est directement sous le titre et le résumé, avant tout le reste. Pas enfouie au milieu de ta description. Pas tout en bas « au cas où ils voudraient en savoir plus ». En haut.

Pourquoi : la vidéo, c'est ce qui se rapproche le plus de mettre l'article dans les mains de l'acheteur. Les photos répondent à « à quoi ça ressemble ? » La vidéo répond à « comment ça bouge, ça sonne, ça tient, ça fonctionne ? » Un acheteur qui voit la vidéo tôt développe une intention d'achat bien plus forte que celui qui lit trois paragraphes d'abord.

Trois règles concrètes de placement :

• Dans les deux premières zones (au-dessus des caractéristiques produit).
• Une seule vidéo, pas trois. Plusieurs intégrations ralentissent la page et dispersent l'attention. Choisis les 30 à 60 secondes les plus décisives.
• Lecture automatique en muet, si ta plateforme le permet. Les acheteurs sur mobile sont souvent en public ; la lecture automatique muette génère l'engagement visuel sans les déranger. Appuyer pour activer le son est le standard.

Si tu utilises eCommercePlayer, l'intégration est une seule ligne de HTML à coller dans la description. Ça fonctionne sur toutes les marketplaces qui autorisent le HTML dans les descriptions, et c'est responsive par défaut. Le plan gratuit couvre 5 clips, plus que suffisant pour tester la théorie sur tes meilleures annonces.

Si tu vends des vinyles, des instruments de musique, du matériel audio, ou quoi que ce soit dont le son fait partie de la valeur, l'audio mérite le même espace de choix que la vidéo — juste sous le titre et le résumé.

Pour un vendeur de vinyles, l'extrait audio, c'est l'annonce. Un acheteur qui regarde un 45 tours Northern Soul ne va pas s'engager pour 35 € ou plus sur une photo de l'étiquette. Il va s'engager sur les 20 premières secondes du titre. Cacher cet extrait sous ton tableau de livraison te coûte des ventes chaque jour.

Conseils pratiques de placement pour l'audio :

• Utilise un lecteur qui se charge instantanément. Les acheteurs n'attendront pas six secondes pour un widget hérité type Flash. Choisis quelque chose qui streame.
• Durée de l'extrait : 20 à 60 secondes. Assez long pour reconnaître le titre, assez court pour ne pas donner toute la chanson. La plupart des vendeurs de vinyles trouvent que 30 secondes est l'équilibre idéal.
• Associe le lecteur à la photo de la face A, pas à la photo du dos. Visuel + audio ensemble est bien plus mémorable que l'un ou l'autre seul.

Nous avons écrit un article plus détaillé spécifiquement sur ce sujet pour les vendeurs de vinyles : voir Comment les vendeurs de vinyles Northern Soul utilisent les aperçus audio pour vendre plus de disques.

Une fois que tu sais ce qui doit être en haut d'une annonce mobile, la vraie question est : qu'est-ce qui le repousse vers le bas en ce moment ? Dans notre analyse des annonces de vendeurs, trois schémas reviennent sans cesse :

1. Le mur de texte en intro. Un long paragraphe sur l'histoire de ta boutique, ta politique de livraison, ou un message d'accueil générique. Chaque ligne que tu écris en haut est une ligne qui pousse la décision de l'acheteur plus bas dans la page. Supprime tout texte d'introduction. Commence directement par le résumé du produit.

2. Le grand tableau de livraison. Un tableau HTML à 6 lignes listant chaque pays vers lequel tu expédies et chaque option de port. Sur mobile, ça devient un mur de scroll énorme. Déplace-le en bas ; la plupart des acheteurs ne vérifient la livraison qu'une fois qu'ils ont décidé de vouloir l'article.

3. La bannière de disclaimer légal. « Toute vente est définitive. Articles vendus en l'état. Aucun retour après 30 jours. » Souvent répété à trois endroits, tout en gras, près du haut. La plateforme affiche déjà ta politique de retour. Le répéter en gros texte te donne juste l'air sur la défensive. Réduis à une courte ligne en bas, ou supprime-le.

Corrige ces trois points et la plupart des annonces gagnent 1 à 2 écrans verticaux d'espace utile au-dessus de la ligne de flottaison — là où se jouent le contenu multimédia, le prix et la décision de l'acheteur.

Ouvre tes trois meilleures annonces sur ton téléphone maintenant. Pour chacune, réponds à ces questions :

• Qu'est-ce qui est visible avant de scroller ? Photo principale + titre + prix + résumé en une ligne ? Ou un paragraphe de texte vendeur ?
• Combien de scrolls avant que ta vidéo ou ton lecteur audio apparaisse ? Plus d'un, c'est trop.
• Où est le tableau de livraison ? S'il est au-dessus du contenu multimédia, déplace-le.
• Y a-t-il quelque chose d'important en dessous de ton bloc de description complet ? Il est invisible. Remonte-le ou supprime-le.

Si tu corriges ne serait-ce qu'une seule de ces choses sur chaque annonce, tu amèneras plus d'acheteurs jusqu'au contenu multimédia — et c'est le contenu multimédia qui convertit.