- tutoriel
Prévisualisez vos produits non publiés sur votre thème dev Shopify en un clic
Résumer cet article
La vidéo est devenue un asset courant sur les sites e-commerce. Elle montre un produit en mouvement, rassure sur une matière, explique un usage, donne du rythme à une landing page et rend une marque plus concrète.
Mais une vidéo trop lourde peut aussi faire l'inverse de ce qu'on attend d'elle. Elle ralentit la page, consomme plus de données mobiles, retarde l'affichage du contenu et peut dégrader l'expérience sur les pages produit, les pages collection ou les landing pages paid.
Optimiser une vidéo MP4 ne veut pas dire la rendre moche. L'objectif est plutôt simple : garder assez de qualité pour vendre, tout en réduisant le poids du fichier pour que la page reste fluide.
Sur une boutique en ligne, chaque seconde compte. Une page lente crée de la friction, surtout sur mobile. Et les vidéos font souvent partie des fichiers les plus lourds d'une page.
Une vidéo optimisée aide à améliorer plusieurs points importants :
Le sujet est particulièrement important pour les marques qui utilisent beaucoup de contenu visuel. Mode, beauté, décoration, food, sport, luxe ou DTC : la vidéo aide à raconter le produit, mais elle doit rester au service de l'expérience.
Un fichier vidéo sorti d'un montage, d'un shooting ou d'un téléphone n'est pas toujours prêt pour un site e-commerce. Il peut être trop long, trop grand, mal cadré ou simplement beaucoup trop lourd pour l'usage prévu.
Avant d'intégrer une vidéo dans Shopify, il faut se poser quelques questions simples :
Une vidéo en hero de landing page n'a pas les mêmes besoins qu'un extrait UGC dans une fiche produit. Une vidéo de marque peut supporter un peu plus de poids si elle est centrale dans l'expérience. Un petit bloc vidéo au milieu d'une page doit au contraire rester très léger.
La méthode la plus simple consiste à réduire ce qui n'est pas nécessaire. On peut raccourcir la durée, adapter le cadrage, compresser le fichier et choisir un preset de qualité cohérent avec l'usage.
Pour aller vite, j'ai mis en ligne un outil gratuit : l'optimiseur de vidéo MP4 BlackSwan.
Il permet de préparer une vidéo pour le web directement dans le navigateur. Vous chargez un MP4, vous choisissez un niveau de qualité, un cadrage et une durée maximale, puis vous téléchargez un fichier plus léger.
Le fichier reste local dans le navigateur. Il n'est pas envoyé sur un serveur, ce qui est pratique pour tester rapidement des assets client, produit ou campagne.
Pour la plupart des cas e-commerce, le preset équilibré suffit. Il garde une qualité correcte tout en réduisant le poids du fichier.
Le preset petit est utile pour les pages très chargées, les vidéos secondaires ou les contenus mobiles. Le preset qualité web convient mieux aux vidéos de marque, aux pages plus éditoriales ou aux contenus où le détail visuel compte vraiment.
Pour le cadrage, le choix dépend de l'emplacement :
Côté durée, il vaut mieux rester court. Une vidéo produit efficace n'a pas besoin de tout montrer. Elle doit surtout montrer ce qui aide à comprendre ou désirer le produit.
Le bon moment est après optimisation, pas avant. Si vous ajoutez un fichier trop lourd dans votre thème ou dans une page, vous risquez d'ajuster le design autour d'un asset qui n'est pas prêt pour le web.
Un workflow simple peut ressembler à ça :
Ce dernier point est important. Le fichier optimisé est fait pour l'affichage web. Il ne remplace pas votre master vidéo, votre montage original ou vos fichiers de production.
La vidéo peut vraiment améliorer une expérience e-commerce, à condition de ne pas ralentir la page qu'elle est censée enrichir.
Optimiser ses MP4 permet de garder des pages plus rapides, plus fluides et plus agréables à utiliser, sans retirer les contenus qui aident à vendre.
Pour tester rapidement vos assets, vous pouvez utiliser l'optimiseur de vidéo MP4 BlackSwan. C'est un petit outil simple pour préparer des vidéos web plus légères avant de les intégrer à Shopify ou à vos landing pages.
By Thomas Tastet
Lire aussi :
Prévisualisez vos produits non publiés sur votre thème dev Shopify en un clic