Vidéo pour site internet : en-tête, présentation, boucle animée

Une vidéo pour site internet montre en quelques secondes ce que vous faites, là où vos visiteurs arrivent. Elle doit être belle, courte et légère, pour ne pas ralentir la page. Veotion crée la vidéo de votre site internet en motion design, en 4K : une présentation en 16:9, un bandeau animé qui tourne en boucle, ou une visite de votre vrai site, filmée section par section.

Les vidéos que l'on met sur un site internet

La durée maximale d'une vidéo dépend de l'offre : 30 secondes (Essentiel), 1 minute (Pro), 3 minutes (Studio).

Votre vrai site, filmé dans la vidéo

Une vidéo de présentation de site web gagne à montrer le site lui-même. Veotion peut naviguer sur votre vrai site, section par section :

• la page qui défile, puis revient en haut ;
• le curseur qui clique sur le vrai bouton, à sa vraie place ;
• du texte tapé dans le vrai champ ;
• la version téléphone de vos pages.

Les vidéos en haut de cette page sont filmées de la même façon, dans l'application Veotion.

Une vidéo qui ne ralentit pas votre site

Une vidéo mal intégrée alourdit la page. Quatre règles évitent cela :

1. Un fichier léger. Veotion rend en 4K, puis l'export se fait en MP4 H.264 ou en WebM VP9, plus léger pour le web. Choisissez la taille d'affichage réelle de la vidéo sur la page.
2. Une image d'affiche. Le navigateur montre une image fixe tant que la vidéo n'est pas lancée.
3. Un chargement différé. La vidéo ne se charge que lorsqu'elle approche de l'écran ; web.dev explique la vidéo à chargement différé.
4. Une lecture muette et en boucle pour un bandeau, avec les attributs de l'élément vidéo décrits par MDN.

Sur cette page, les vidéos se lancent seules, sans le son, quand elles sont à l'écran, et s'arrêtent quand elles en sortent ; un bouton pause est posé sur chacune.

Une vidéo accessible

Une vidéo qui bouge plus de cinq secondes doit pouvoir être mise en pause : c'est une règle des WCAG, expliquée par le W3C dans Pause, arrêt, masquage. Prévoyez un bouton pause pour un bandeau en boucle. Pour une vidéo parlée, Veotion pose des sous-titres mot à mot, calés sur la voix off.

Une vidéo qui aide votre référencement

Google publie ses bonnes pratiques de SEO pour les vidéos : une page où la vidéo est le contenu principal, une miniature, un titre et une description. Veotion vous donne une page de livraison à partager et la publication sur YouTube depuis l'application, pour que la vidéo soit aussi trouvée là.

Comment créer la vidéo de votre site

1. Type et format. « Bandeau animé de site » pour l'en-tête (3:1), « Vidéo de marque » ou « Présentation de produit » pour le haut de page (16:9).
2. Votre marque. Donnez l'adresse de votre site, votre activité, votre public, le ton et vos messages, vos couleurs et votre logo.
3. Vérifier et générer. Relisez le brief, générez, puis relisez l'aperçu animé avant la voix off et le rendu 4K.