close menu

Le guide ultime de l'intégration de vidéos sur votre site web

Le guide ultime de l'intégration de vidéos sur votre site web

Ce n'est plus un secret pour personne : l'ajout de vidéos à votre site web vous apportera, ainsi qu'à vos visiteurs, une valeur ajoutée inégalée. Cela va de l'amélioration de l'expérience utilisateur - dans notre culture axée sur l'image, les gens préfèrent regarder plutôt que lire - à l'amélioration du référencement de votre site. L'intégration de vidéos sur votre site présente des avantages indéniables :augmentation du temps passé sur le site, taux de clics plus élevés, augmentation des conversions et, par conséquent, des revenus. De nombreuses sociétés de conception de sites web à travers le monde confirmeraient que l'ajout de vidéos sur un site web peut améliorer considérablement l'expérience de l'utilisateur.

Cependant, un simple téléchargement ne suffit pas dans ce cas. L'intégration d'une vidéo sur votre site web est vraiment la solution. L'intégration d'une vidéo peut sembler un travail de routine, mais ce n'est pas si simple. Il existe de nombreuses informations sur la manière d'intégrer une vidéo d'un endroit à l'autre. Nous avons voulu créer un guide ultime de l'intégration d'une vidéo sur votre site Web, qui couvre tous les aspects de la question.

Entrons dans le vif du sujet !

Qu'est-ce qu'une vidéo intégrée ?

Avant toute chose, il est important de comprendre ce qui se cache derrière l'élément principal d'une vidéo intégrée : un code d'intégration. Un code d'intégration est un morceau de code HTML que vous pouvez utiliser pour ajouter des vidéos et d'autres types de contenu à votre site web.

Lecode d'intégration est un morceau de code HTML que vous pouvez utiliser pour ajouter des vidéos et d'autres types de contenu à votre site web.

Cet extrait de code permet d'afficher la vidéo sur votre site web. Il extrait la vidéo de sa source originale, sans vous "obliger" à l'héberger sur votre site web. Cela signifie que vous n'aurez pas à craindre qu'une vidéo affecte le temps de chargement de votre site web, et cela ouvre également un éventail de choix entre les différents services d'hébergement vidéo qui répondent le mieux à vos besoins.

Bien que la plupart des services d'hébergement de vidéos proposent une génération automatique d'incorporation, il n'est pas inutile de comprendre la structure de base du code d'incorporation d'une vidéo :

<iframe src="URL'></iframe>

Au lieu de la partie URL, ajoutez simplement le lien vers la vidéo, et voilà - vous avez votre code HTML. Le fait de connaître un peu le langage HTML vous permettra également d'ajuster le code d'intégration manuellement : en ajoutant la hauteur et la largeur nécessaires, ou en bloquant des éléments particuliers de la vidéo que vous ne souhaitez pas afficher sur votre page. Cela peut ressembler à ceci :

Example of an embed code

À ce stade, vous vous demandez peut-être pourquoi vous ne pouvez pas simplement télécharger la vidéo sur votre site et vous débarrasser de ces tracas. Google dit souvent que les vidéos augmentent considérablement le temps de chargement du site web, réduisent la vitesse du site et, par conséquent, affectent l'expérience de l'utilisateur et ont un impact négatif sur votre référencement. Vous risquez donc de perdre du trafic, des places dans les classements, etc. Sans parler des serveurs surchargés, des coûts supplémentaires, etc.

L'intégration de vidéos dans un site web vous aidera à surmonter la plupart de ces problèmes. Voici pourquoi.

Intégrer facilement vos vidéos

avec Wave.video HostingEssayer maintenant

Embed Do Not Upload : Les principaux avantages d'une vidéo intégrée

1. Intégrer une vidéo sur un site web pour améliorer les temps de chargement des vidéos (et le référencement)

Lorsque vous chargez une vidéo sur votre site, celle-ci peut mettre du temps à se charger, ce qui se répercute sur le temps de chargement de la page. Les visiteurs de votre site peuvent donc être confrontés à un chargement lent de la vidéo, à des pauses inattendues et à un refus général de lecture. L'intégration de vidéos peut vous aider à maintenir la vitesse de votre site à un niveau équilibré et n'a aucun effet négatif sur l'expérience de l'utilisateur. De plus, selon John Mueller de Google, la vitesse du site est l'un des principaux facteurs de classement à l'ère du "mobile-first".

Pourquoi devriez-vous vous en préoccuper ? Voici un graphique qui montre l'impact du temps de chargement d'un site sur les conversions :

Loading time impact on conversion

Source : Crisp Video

En résumé, un temps de chargement réduit est synonyme de mauvais classement, de baisse du trafic, de diminution des conversions et... de perte de revenus !

Mais ne pensez pas que l'ajout d'une vidéo ne vous apportera que des ennuis. La lecture d'une vidéo sur votre site web aura un impact significatif sur le temps passé par les internautes sur votre site (facteur de classement positif), et la vidéo elle-même peut apparaître sur la première page de Google, ce qui génère du trafic et tout ce qui s'ensuit. Il s'agit donc simplement de bien faire les choses et de choisir l'option d'intégration plutôt que l'option de téléchargement.

2. Intégrer une vidéo sur un site web pour surmonter les limitations de la bande passante

Le téléchargement d'une vidéo épuise la bande passante de votre propre serveur (ce qui a un coût). Et chaque fois que quelqu'un crée un lien vers votre vidéo ou l'intègre à son site web, votre propre site en pâtit car il utilise une fois de plus votre bande passante. C'est coûteux et inefficace.

3. Intégrer une vidéo sur un site web pour éviter les limites de taille et de stockage des fichiers

L'hébergement de votre site est toujours assorti d'une limite de stockage. Ainsi, chaque fois que vous téléchargez une vidéo, vous occupez de l'espace sur votre serveur. En téléchargeant plusieurs vidéos, vous risquez d'occuper trop d'espace, et si plusieurs utilisateurs visionnent votre vidéo simultanément, le temps de chargement de votre site risque d'être considérablement ralenti.

En outre, le téléchargement de vidéos est soumis à une limitation de la taille des fichiers. La plateforme d'hébergement de votre site imposera très probablement des restrictions strictes sur le format vidéo et la taille des fichiers, de sorte que vous devrez compresser la vidéo jusqu'à ce qu'elle devienne inutilisable. L'intégration d'une vidéo n'est pas soumise à ces restrictions.

Embed video on website - Upload size limit

Source : ProPhoto ProPhoto

4. Intégrer une vidéo sur un site web pour une meilleure qualité vidéo

Après les restrictions relatives à la taille des fichiers, nous en arrivons aux limitations relatives à la qualité des vidéos lorsqu'il s'agit de télécharger des vidéos sur un site. Si vous souhaitez afficher votre vidéo de haute qualité sur votre site web, le fait de la stocker sur un site tiers vous permet de respecter votre "limite d'inode", c'est-à-dire la structure de données qui conserve les informations relatives au fichier sur votre compte d'hébergement. Ainsi, vous n'aurez pas à vous soucier de convertir vos fichiers vidéo en plusieurs formats et versions pour permettre à vos visiteurs de visionner vos vidéos en haute définition ou en basse résolution.

Choisir un site d'hébergement vidéo

Fondamentalement, en choisissant d'intégrer des vidéos à votre site web, vous laissez tous les soucis liés à la charge du serveur et aux changements de format de fichier à quelqu'un qui a le temps et les ressources pour cela. Mais, comme vous le savez probablement, pour intégrer une vidéo à votre site web, vous devez d'abord l'ajouter à une plateforme d'hébergement vidéo tierce . Et là, vous avez l'embarras du choix.

Il n'y a pas de meilleur ou de pire concept d'hébergement vidéo, c'est vraiment une question d'équilibre entre les bonnes caractéristiques et le coût. Nous avons donc résumé les principales caractéristiques à prendre en compte avant de choisir le bon site d'hébergement vidéo :

Lecteur réactif

Votre site d'hébergement vidéo doit proposer un lecteur vidéo réactif, un widget rich media adapté aux mobiles, conçu pour offrir à votre public une expérience de visualisation et d'utilisation optimale. Qu'ils regardent à partir d'un écran de bureau, d'un smartphone, d'une tablette ou de toute autre taille d'écran, la vidéo s'étend pour remplir la largeur de l'écran tout en conservant le rapport d'aspect d'origine. Cela permet d'éviter les tailles statiques qui peuvent potentiellement déformer les mises en page, déformer l'image ou afficher des barres noires autour de la vidéo.

Rapidité et qualité du service

Lorsque vous choisissez un hébergeur de vidéos, vous voulez être sûr qu'il fournit le meilleur service possible. Il y a donc une double compréhension de ce qu'impliquent une bonne vitesse et une bonne qualité de service :

  • Prise en charge de la qualité vidéo : En 2020, vous ne pourrez pas vraiment vous permettre des séquences et des animations granuleuses en 360p ou 480p. Par conséquent, à moins que vous ne disposiez d'un petit budget et que le 1080p suffise à vos besoins, assurez-vous que le service d'hébergement vidéo que vous choisissez prend en charge l'Ultra HD ou une qualité supérieure. Les meilleures plateformes vous permettent de passer automatiquement de la qualité HD à la qualité SD.
  • Excellente assistance et service à la clientèle : Vérifiez la qualité des serveurs utilisés par le service. Le site se bloque-t-il de temps à autre (ce qui affectera l'affichage des vidéos sur votre site web !)? Est-il sujet à des attaques DDoS ? Et, plus important encore, quel est le temps de réponse moyen aux demandes des clients ?

Options de configuration du lecteur

La première impression est importante, c'est pourquoi la première chose qui attire votre attention et celle de vos clients est la conception du lecteur vidéo. Des couleurs aux boutons, en passant par les autoplays et la configuration de toutes les commandes nécessaires, plus le lecteur vidéo est personnalisable, mieux c'est.

Video Player customization in Wave.video

Options de personnalisation du lecteur vidéo dans l' hébergementWave.video

Fonctions de génération de leads

Si vous ajoutez une vidéo à votre site web, elle devient un élément de votre machine à générer des leads. Veillez donc à ce que la plateforme vidéo que vous choisissez prenne en charge la génération de prospects par le biais de la vidéo. Cette fonction comprend des éléments tels que des appels à l'action et des moyens de recueillir les informations de vos visiteurs (leads). Sinon, il s'agit essentiellement d'un lecteur vidéo pour lequel vous payez.

Vie privée

Lorsque vous travaillez en ligne, la protection de la vie privée est un facteur évident à prendre en compte. Il en va de même pour la confidentialité de vos vidéos. Il est important que la plateforme d'hébergement vidéo de votre choix ne permette pas à tout le monde de regarder ou de télécharger vos vidéos sans votre autorisation. Le service d'hébergement doit donc vous donner la possibilité d'imposer des règles strictes en matière de téléchargement et un moyen efficace de faire respecter ces règles. La possibilité de protéger vos vidéos par un mot de passe est une caractéristique à rechercher lors du choix d'une plateforme d'hébergement vidéo.

RÉFÉRENCEMENT

Si vous souhaitez jouer avec le classement de votre propre site, vous devez faire preuve de stratégie dans le choix de votre plateforme d'hébergement vidéo. Recherchez un service d'hébergement qui soit à la fois stable et populaire (c'est-à-dire bien classé en soi), et tirez parti de sa part du classement de Google. Tout d'abord, l'hébergement de votre vidéo sur un site externe vous fournira des liens sortants, ou backlinks, et facilitera potentiellement l'obtention de snippets vidéo riches pour votre propre domaine. Vous aurez ainsi une chance d'influencer le classement de votre site.

https://moz.com/blog/hosting-and-embedding-for-video-seo

Source : Moz

Analyse et collecte de données

Vos vidéos sont conçues pour attirer et satisfaire le client, vous voudrez donc naturellement savoir si les clients sont satisfaits. C'est pourquoi le service sur lequel vous hébergez votre vidéo doit vous fournir une pléthore de données analytiques. Et pas seulement des choses simples comme les vues, les commentaires, mais un tout autre type de données complexes. L'intégration de vidéos vous permet d'ajouter un code de suivi spécial - à partir de Google Tag Manager - et d'obtenir des analyses supplémentaires dans votre compte Google Analytics, comme la durée moyenne de visionnage, le moment où les internautes arrêtent généralement de regarder, etc. Vous avez besoin de toutes ces données pour savoir comment et pourquoi vos vidéos ont du succès (ou non).

Coût

Une fois que vous vous êtes assuré d'avoir pris en compte toutes les fonctionnalités dont vous avez besoin, que vous êtes satisfait de la plateforme et de l'assistance, et que vous vous êtes fait une idée de la qualité vidéo, la dernière chose à faire est de vous assurer que la plateforme correspond à votre budget. Cela dépend du nombre de visionnages que vous prévoyez et de la taille de vos fichiers vidéo. Un plus grand nombre de visionnages de vidéos plus volumineuses signifie que vous utiliserez davantage de bande passante et que le prix augmentera. Il est également utile de vérifier si la plateforme propose des contrats mensuels ou annuels. Si vous êtes une petite entreprise ou si vous débutez dans la vidéo, vous ne voudrez probablement pas être lié par des contrats à long terme.

Comment générer le code d'intégration

Une fois que vous avez choisi votre plateforme d'hébergement vidéo et téléchargé tout votre contenu vidéo, il ne vous reste plus qu'une seule étape à franchir pour ajouter/incorporer une vidéo à votre site web : trouver le code d'incorporation.

Intégrer des vidéos provenant deservices d'hébergement vidéo

Intégration de Wave.video

Pour intégrer une vidéo provenant de Wave.video, allez dans Mes projets et trouvez la vidéo que vous souhaitez intégrer. Survolez ensuite l'icône des trois points et cliquez sur "Player".

Activez la case à cocher "Intégrer la vidéo" et Wave.video générera automatiquement un code d'intégration pour votre vidéo. Sous la bascule, vous trouverez également des paramètres de taille de la vidéo, alors n'oubliez pas d'utiliser cette fonctionnalité.

Video embed

Pour personnaliser le lecteur vidéo, ouvrez l'onglet " Apparence " et n'hésitez pas à changer la couleur du lecteur, à définir les contrôles affichés (le cas échéant) ou à choisir une vignette personnalisée. Si vous souhaitez en savoir plus sur les fonctionnalités d'hébergement de Wave.video, n 'hésitez pas à lire cet article.

Il existe plusieurs options pour intégrer des vidéos avec Wave.video sur votre site web ou votre blog.

  • Incrustation en ligne

Il s'agit d'une intégration régulière qui place votre vidéo dans le texte environnant ou dans d'autres éléments de l'interface utilisateur de votre page.

L'intégration d'une vidéo de cette manière l'ouvrira dans une boîte de dialogue modale qui s'affichera au-dessus du reste du contenu.

Il existe trois façons d'intégrer votre vidéo dans le contenu de votre page : la vignette, le surlignage et le lien textuel.

Popover embed

Vignette

L'intégration d'une vignette est similaire à l'intégration en ligne classique. La différence est que la vidéo est lue dans une fenêtre contextuelle qui apparaît au-dessus du reste du contenu.

Popover embed - thumbnail

Points forts

Ce type d'embeds rappelle les Highlights des Stories Instagram, très populaires. C'est un excellent moyen d'intégrer joliment des vidéos dans votre contenu pour informer les visiteurs de votre site web des nouveaux arrivages, des dernières actualités, des offres spéciales ou de quelques vidéos de derrière les rideaux.

Popover embed - highlights

Lien texte

Si vous ne souhaitez pas interrompre le texte avec des éléments visuels, mais que vous voulez tout de même fournir à votre lecteur un moyen facile de regarder la vidéo, utilisez cette méthode pour intégrer la vidéo.

Ajoutez une phrase de texte et un lien vers votre vidéo. La vidéo apparaîtra en haut de la page en cliquant sur ce lien.

Popover embed text link

Incorporation à partir de YouTube

Vous pouvez simplement copier le code d'intégration ou travailler sur quelques options personnalisables - affichage/couverture des commandes du lecteur ou lecture de la vidéo à partir d'un certain point (pas nécessairement le début).

Embedding video from YouTube

Si vous souhaitez une personnalisation plus poussée, il existe de nombreux paramètres ( lecture automatique, couleur, langue, boucle, etc.) que vous pouvez ajouter dans l'intégration de l'iframe. Ils sont tous répertoriés sur la page des développeurs de Google.

Comment intégrer une vidéo YouTube

Dans cette vidéo rapide, je vous montrerai comment intégrer une vidéo YouTube en HTML, comment la rendre réactive sur tout type d'appareil et comment vous pouvez facilement ajuster les options d'intégration telles que la lecture automatique.

Intégration à partir de Vimeo

Le code d'intégration de Vimeo se trouve en cliquant sur l'icône Partager à droite de la vidéo. Vous verrez une fenêtre avec plusieurs cadres, dont l'un est votre code d'intégration.

En cliquant sur +Show Options, vous pouvez personnaliser la façon dont votre vidéo sera affichée avec ce code d'intégration. Vous pouvez modifier la couleur du lecteur, sa taille (gardez-le Responsive, juste au cas où), ajouter une intro, et ajouter quelques "trucs spéciaux" comme la lecture en boucle, la lecture automatique et plus encore.

embedding video from Vimeo

En optant pour Pro, Business ou Premium, vous pouvez bénéficier d'avantages supplémentaires tels que la personnalisation des couleurs et des composants, l'ajout d'écrans finaux et d'un logo.

Embedding from Wistia

Accédez à votre page média et cliquez sur le bouton Embed & Share (Intégrer et partager). L'écran "Embed & Share" s'affiche et vous permet de copier votre type de code d'intégration et de le modifier en fonction de votre page.

embedding video from Wistia

Wistia propose deux types de codes d'intégration : Inline embeds et Popover embeds. Les codes d'intégration en ligne impliquent le positionnement de la vidéo en ligne avec le reste de votre contenu, tandis que les codes d'intégration en incrustation permettent à vos vidéos de s'incruster dans le contenu de votre page.

Intégration de Vidyard

Notez que pour l'intégration de vidéos à partir de Vidyard, vous devez avoir la fonction Player Embeds avec votre plan. Vidyard prend en charge deux options d'intégration - l'intégration réactive et l'intégration par iframe.

Sur votre tableau de bord Vidyard, cliquez sur la section Contenu>Lecteur, passez votre curseur sur le lecteur, puis cliquez sur "partager". Sous la partie "Responsive Embed", cliquez simplement sur l'icône "Copy Code" et choisissez l'option "Use Lightbox" pour transformer le code en un "lightbox embeded". Vous pouvez saisir manuellement les dimensions du lecteur pour obtenir la largeur et la hauteur maximales.

embedding video from vidyard

Si votre site web ne prend pas en charge JavaScript, vous pouvez cocher la case Trouble embedding ? et copier le code d'intégration de l'iframe à la place.

Intégrer des vidéos provenant demédias sociaux

Intégration à partir de Facebook

Chaque vidéo sur Facebook est prise en charge par la fonction d'intégration. Il vous suffit de cliquer sur le "..." dans le coin supérieur droit de la publication Facebook et d'appuyer sur "Intégrer".

embedding video from facebook

Si vous le souhaitez, vous pouvez choisir l'option "Inclure le message complet" (il suffit d'appuyer sur la case à cocher), et le texte correspondant du message Facebook sera ajouté à la vidéo.

Intégration à partir d'Instagram

Comme Instagram appartient à Facebook, le processus d'intégration est très similaire. Ouvrez Instagram à partir d'un ordinateur de bureau (pas l'application) et cliquez sur le "..." dans le coin supérieur droit.

Embedding video from Instagram

Cliquez sur "Embed" et copiez le code d'intégration. Une fois de plus, vous aurez le choix d'ajouter (ou non) la légende à votre incorporation.

Intégration à partir de Twitter

Pour intégrer une vidéo Twitter, n'utilisez pas l'application. Ouvrez le tweet sur un ordinateur de bureau et sélectionnez "Intégrer le tweet" dans le menu déroulant situé à côté du bouton "Suivre" du tweet. Choisissez ensuite l'option "Intégrer le tweet".

embedding video from twitter

Il suffit de copier/coller le code d'intégration - mais attention, avec l'intégration de Twitter, c'est le Tweet entier avec la légende qui s'affiche, il n'y a pas d'option pour afficher une seule vidéo.

Intégration depuis TikTok

Avec TikTok, le bouton "Get Embed Code" apparaît directement sur la vidéo. Bien qu'il n'y ait pas d'options à choisir, puisque tout ce que vous obtiendrez est un lien vers un lecteur 340×700 avec lecture automatique, vous pouvez modifier certains paramètres lorsque vous ajoutez le code d'intégration à votre page web.

embedding video from TikTok

Utilisation d'une méthode alternative : Générateurs de codes d' intégration vidéo

Si, pour une raison ou une autre, vous ne souhaitez pas suivre les étapes simples pour obtenir les codes d'intégration de votre vidéo à partir des sites d'hébergement vidéo ou des médias sociaux, il existe certainement une solution de contournement.

Il existe une autre méthode : vous pouvez trouver de nombreux sites spéciaux qui sont, par nature, des générateurs de codes d'intégration vidéo. Des plateformes comme Embed.ly, Toolki et Siege Media vous permettent de générer un code d'intégration pour votre vidéo : il vous suffit d'avoir l'URL de la vidéo à portée de main et ces sites créeront automatiquement un code d'intégration pour votre vidéo.

Mais cette solution de contournement comporte quelques inconvénients :

  • En général, la vidéo nouvellement intégrée à votre site comporte le filigrane de la plateforme.
  • Les possibilités de personnalisation des vidéos sont très limitées.
  • Ces plateformes n'offrent aucune analyse ni même la possibilité d'ajouter un code de suivi pour suivre les statistiques de votre vidéo dans Google Analytics ou dans des plateformes analytiques tierces.

Embed video on website via embed code generator

Par conséquent, si vous avez la possibilité d'utiliser une plateforme d'hébergement vidéo, optez toujours pour cette option.

Partie V : Comment intégrer une vidéo à votre site web

Maintenant que vous connaissez les avantages de l'intégration de vidéos, que vous savez comment choisir le bon service d'hébergement vidéo et comment générer le code d'intégration, nous allons vous expliquer en détail comment intégrer une vidéo sur les plates-formes d'hébergement de sites les plus populaires.

Intégrer des vidéos dans le code HTML

ÉTAPE 1 : MODIFIER VOTRE HTML

Ouvrez la page sur laquelle vous souhaitez intégrer la vidéo en mode édition. Sélectionnez l'endroit précis du code où vous souhaitez que votre vidéo apparaisse et placez votre curseur à cet endroit.

ÉTAPE 2 : COPIER ET COLLER LE CODE D'INTÉGRATION

Copiez votre code d'intégration et collez-le simplement à l'endroit où vous avez placé votre curseur. Appuyez sur "enregistrer" ou "publier", et c'est tout.

Vérifiez que la vidéo s'affiche exactement à l'endroit où vous avez placé le code et n'oubliez pas de surveiller les performances de votre page et de votre vidéo.

Intégrer des vidéos dans WordPress

Si votre site web fonctionne sous WordPress, il existe deux options pour intégrer une vidéo.

#1ÈRE OPTION : COPIER/COLLER L'URL

Pour les plateformes d'hébergement vidéo les plus populaires comme Vimeo, YouTube et quelques autres, vous n'avez pas besoin de rechercher le code d'intégration complet. Il vous suffit de copier l'URL de la vidéo et de la coller dans l'éditeur visuel - le code d'intégration sera automatiquement produit.

#OPTION N°2 : UTILISER LE CODE D'INTÉGRATION

Parfois, vous souhaitez apporter quelques modifications à l'affichage de la vidéo, ou vous hébergez vos vidéos sur une plateforme qui n'est pas prise en charge par l'intégration automatique de WordPress. Dans ce cas, vous devrez utiliser le code d'intégration de la vidéo.

Allez dans l'éditeur de texte de WordPress (à ne pas confondre avec l'éditeur visuel) et vous verrez la version HTML de votre page. Ensuite, il vous suffit de suivre les étapes mentionnées ci-dessus dans la section HTML de ce guide sur la façon d'intégrer une vidéo sur votre site web.

Embedding a video in WordPress

Intégrer des vidéos dans Shopify

ÉTAPE 1 : COPIER LE CODE D'INTÉGRATION

La première étape est très simple : il suffit de copier le code d'intégration à partir de l'endroit où vous hébergez votre vidéo.

ÉTAPE 2 : SE CONNECTER AU TABLEAU DE BORD DE SHOPIFY

Connectez-vous au tableau de bord de Shopify. Toutes vos pages actuelles doivent être répertoriées sous Online Store -> Pages. Naviguez jusqu'à la page que vous souhaitez modifier et notez les symboles dans la barre d'outils de l'éditeur.

Étape 3 : CLIQUEZ SUR LE BOUTON "INSÉRER LA VIDÉO".

Choisissez l'éditeur de texte riche et, dans la barre d'outils, cliquez sur l'icône de la caméra vidéo. Une nouvelle fenêtre s'ouvre : il vous suffit de coller le code d'intégration de la vidéo et de sélectionner l'option "Insérer une vidéo". Et voilà !

Intégrer des vidéos dans Squarespace

En ce qui concerne l'intégration, Squarespace est très similaire à WordPress. Vous pouvez choisir d'utiliser un code d'intégration ou d'intégrer des vidéos en copiant/collant l'URL de la vidéo (uniquement possible lorsque l'intégration provient de YouTube, Vimeo, Animoto ou Wistia).

Comme Squarespace est un constructeur de sites Web, il suffit d'ajouter un bloc qui prend en charge la vidéo et de copier/coller l'URL de votre vidéo, ou d'appuyer sur l'icône d'intégration (surlignée dans un cercle rouge), vous verrez alors une fenêtre contextuelle où vous pourrez copier/coller votre code d'intégration.

Embedding videos in squarespace

Dans Squarespace, vous pouvez modifier le titre et la description de la vidéo et, en décochant l'option "Utiliser la vignette", vous pouvez également ajouter une vignette personnalisée pour votre vidéo sur cette page.

Intégrer des vidéos dans Wix

Wix fonctionne selon des principes similaires à ceux des plateformes d'hébergement de sites précédentes. Seule l'option copier/coller d'URL pour l'intégration de vidéos prend en charge les vidéos hébergées sur YouTube, Vimeo, DailyMotion et Facebook.

#1ÈRE OPTION : COPIER/COLLER L'URL

Étape 1 : Ouvrir l'éditeur

Cliquez sur l'icône "+" sur le côté gauche de l'éditeur et choisissez Vidéo. Sous Lecteur de vidéos unique, choisissez la plateforme sur laquelle votre vidéo est hébergée : YouTube, Vimeo, DailyMotion ou Facebook.

Étape 2 : Copier l'URL de votre vidéo

Cliquez sur "Modifier la vidéo" et copiez l'URL de la vidéo que vous souhaitez présenter. Au cours de cette étape, vous pouvez modifier les options de lecture et de contrôle.

Étape 3 : Ajustez la position de votre vidéo

Utilisez le glisser-déposer pour modifier la position et la taille de votre vidéo. Et enregistrez la page !

#OPTION N°2 : UTILISER LE CODE D'INTÉGRATION

Si vous n'hébergez pas vos vidéos sur les plateformes prises en charge par Wix, vous devrez copier le code d'intégration de votre vidéo. Ensuite, au lieu de sélectionner l'ajout d'une vidéo, vous devrez cliquer sur "Plus". C'est là que vous trouverez l'iframe HTML, où vous pourrez coller le code d'intégration. Appuyez sur "Enregistrer", et c'est parti.

Dernières paroles

Il semble que nous ayons couvert à peu près tout ce qui concerne l'intégration de vidéos sur votre site web. Après une telle lecture, tout ce que nous avons à dire, c'est que l'ajout d'une vidéo à votre site n'apportera pas seulement de la valeur à votre service de référencement, d'analyse et de recettes. Les gens aiment les vidéos et apprécient le temps que vous consacrez à la création d'un contenu utile, divertissant et facile à digérer. Tout ce dontvous devez vous assurer, c'est que vos vidéos n'affectent pas l'expérience de l'utilisateur, et les incorporations de vidéos sont un excellent outil pour cela.

N'hésitez pas à nous faire savoir dans les commentaires si vous souhaitez que nous ajoutions quelque chose à ce guide. Quelles sont les questions qui restent sans réponse ? Quelles plates-formes d'hébergement de vidéos ou quels services d'hébergement de sites aimeriez-vous que nous mettions à jour ce guide ? Quels sont vos difficultés et vos défis lorsqu'il s'agit d'intégrer des vidéos à votre site web et d'offrir une expérience utilisateur optimale ?

Nous vous tiendrons au courant !

Rejoignez les 5 000 spécialistes du marketing qui lisent nos articles en premier