Comment optimiser les vidéos pour votre site WordPress (Conseils d'experts)

Ajouter une nouvelle vidéo attrayante à votre site peut sembler une grande victoire. Mais l'enthousiasme peut rapidement se transformer en frustration lorsque vous réalisez que votre page web se charge plus lentement.

Nous savons ce que cela fait. Un site web lent peut faire fuir les visiteurs et nuire à votre engagement, tout cela à cause d'un seul gros fichier vidéo.

Après avoir optimisé d'innombrables vidéos sur nos propres sites, nous avons appris les étapes exactes pour obtenir tous les avantages d'augmentation de l'audience sans les maux de tête liés aux performances. Dans ce guide, nous vous présenterons nos conseils d'experts préférés, étape par étape.

Pourquoi optimiser les vidéos pour les sites web ?

La raison principale pour laquelle vous devriez optimiser les vidéos pour votre site web est qu'elles peuvent être incroyablement lourdes à charger.

Les fichiers vidéo contiennent des visuels et un son de haute qualité qui les rendent volumineux en taille de fichier. En fait, une seule vidéo 1080p d'une durée de 30 secondes peut ajouter environ 30 à 50 Mo à un site web.

Pour information, chez WPBeginner, nous visons toujours à compresser nos images à moins de 30 Ko, ce qui est bien moins que la taille moyenne d'une vidéo de 30 secondes. Si la taille d'un fichier est supérieure à cela, cela peut affecter négativement le temps de chargement de la page.

Un site web à chargement lent peut créer une réaction en chaîne. Premièrement, cela peut frustrer les utilisateurs qui souhaitent accéder à votre site web, ce qui peut ensuite les amener à partir chez un concurrent.

Si vous gérez une boutique e-commerce, alors des performances lentes peuvent également entraîner un taux de rebond plus élevé et des conversions plus faibles.

Mais ne vous inquiétez pas. Si vous avez du contenu vidéo sur votre site web, il vous suffit de suivre nos conseils pour l'optimiser et éviter que cet effet domino ne se produise jamais.

En plus d'optimiser les vidéos pour les performances de votre site web, il est également bon d'optimiser les vidéos pour le SEO. Avec l'essor des plateformes de contenu vidéo comme YouTube et TikTok, les vidéos sont devenues un outil puissant pour attirer du trafic sur votre site web.

Lorsqu'ils sont correctement optimisés, les résultats de recherche vidéo peuvent être plus visibles, améliorer votre visibilité en ligne et améliorer votre classement dans les moteurs de recherche.

Cela étant dit, examinons comment optimiser les vidéos pour les sites web. Vous pouvez utiliser les liens rapides ci-dessous pour passer à différents conseils de notre article :

• Conseil 1 : Utilisez un service d'hébergement vidéo
• Conseil 2 : Compressez votre vidéo avant de la télécharger
• Conseil 3 : Configurez votre sitemap vidéo et votre balisage Schema
• Conseil 4 : Activez le chargement différé pour les vidéos
• Conseil 5 : Utilisez un CDN vidéo (réseau de diffusion de contenu)
• Comment optimiser les vidéos d'arrière-plan dans WordPress
• FAQ sur la façon d'optimiser les vidéos pour votre site WordPress

Conseil 1 : Utilisez un service d'hébergement vidéo

Tout d'abord, vous devriez choisir une plateforme d'hébergement vidéo fiable. Nos années d'expérience avec WordPress nous ont montré qu'il est préférable d'utiliser un fournisseur d'hébergement vidéo tiers plutôt que d'héberger vos propres vidéos.

Vous pouvez lire notre article sur pourquoi vous ne devriez jamais télécharger une vidéo sur WordPress pour plus de détails. Mais en substance, le téléchargement de vidéos dans votre médiathèque peut consommer une grande partie de la bande passante et des ressources de votre hébergement web.

De plus, les formats vidéo HTML5 peuvent être un peu délicats. Différents navigateurs prennent en charge différents formats, tels que MP4, WebM et Ogg. Cela signifie que vous auriez besoin de plusieurs fichiers vidéo pour assurer la lecture sur tous les navigateurs.

Même si vous utilisez un puissant hébergeur cloud ou un hébergeur web dédié, il est beaucoup plus facile d'utiliser des vidéos intégrées que d'auto-héberger votre contenu vidéo. Si vous hébergez vos propres vidéos, vous devrez les traiter pour qu'elles soient compatibles avec différents appareils.

Pendant ce temps, des plateformes comme YouTube et Vimeo s'occupent de cela pour vous. Il n'y a pas besoin de s'inquiéter d'utiliser un certain format de fichier ou une certaine résolution tant qu'ils sont pris en charge par la plateforme.

Ensuite, vous pouvez simplement intégrer la vidéo sur votre site WordPress en utilisant un bloc Vidéo et l'URL de votre contenu.

Si vous avez besoin d'instructions étape par étape, vous pouvez lire ces guides d'intégration vidéo :

• Comment intégrer facilement des vidéos dans les articles de blog WordPress
• Comment intégrer un flux en direct YouTube dans WordPress
• Comment intégrer une vidéo Facebook dans WordPress
• Comment intégrer une playlist YouTube dans WordPress (Meilleure méthode)
• Comment afficher les dernières vidéos d'une chaîne YouTube dans WordPress

De plus, vous pouvez consulter notre guide sur les meilleurs sites d'hébergement vidéo si vous avez besoin de recommandations.

Si vous affichez des vidéos de produits pour votre site Web WooCommerce, vous pouvez également lire notre guide étape par étape sur l'ajout de vidéos de produits WooCommerce aux galeries.

Conseil 2 : Compressez votre vidéo avant de la télécharger

Les images doivent être compressées avant de les télécharger sur WordPress, tout comme les vidéos. La compression est un moyen rapide et facile de réduire la taille des fichiers afin qu'ils ne ralentissent pas la vitesse de votre page.

Cela dit, tous les outils d'optimisation vidéo ne se valent pas. Bien qu'ils puissent réduire la taille du fichier, ils peuvent également compromettre la qualité de votre vidéo.

Lorsque vous recherchez un logiciel pour compresser vos vidéos, assurez-vous qu'il prend en charge le format de fichier que vous prévoyez d'utiliser.

Si vous téléchargez des vidéos sur YouTube ou Vimeo, alors il est fort probable que vous utilisiez un format populaire comme MP4, WebM ou MOV. Ces formats sont largement pris en charge par les plateformes de compression vidéo.

De plus, envisagez d'utiliser un outil qui offre des niveaux de compression réglables. Généralement, vous pourrez choisir entre une qualité vidéo faible, moyenne ou élevée. Vous pouvez également sélectionner une résolution souhaitée pour réduire la taille.

Enfin, n'oubliez pas de prendre en compte la tarification de la plateforme. Il existe de nombreuses options logicielles gratuites pour optimiser les vidéos pour les sites Web en ligne, mais vous devez les tester pour voir si elles ajoutent un filigrane.

Un outil populaire d'optimisation vidéo en ligne est VEED.IO.

Cette plateforme gratuite est livrée avec des paramètres de compression de base et avancés et n'ajoute pas de filigrane à votre contenu. Tout ce que vous avez à faire est de télécharger votre vidéo dans l'outil et de sélectionner une qualité et une résolution vidéo.

Si vous souhaitez utiliser un outil de bureau, vous pouvez consulter HandBrake.

C'est une plateforme de compression vidéo gratuite et open-source compatible avec tous les principaux systèmes d'exploitation.

Conseil 3 : Configurez votre sitemap vidéo et votre balisage Schema

La réduction de la taille et de la qualité du fichier vidéo n'est qu'une partie de l'optimisation vidéo. Si vous souhaitez que vos vidéos apparaissent sur les pages de résultats des moteurs de recherche (SERP), vous devez aider Google à comprendre et à indexer votre contenu efficacement.

Une façon d'y parvenir est d'utiliser le plugin All in One SEO pour WordPress (AIOSEO). C'est le meilleur plugin SEO WordPress qui peut vous aider à optimiser facilement votre contenu et à surveiller les performances de votre site Web.

Chez WPBeginner, nous utilisons AIOSEO pour tous nos besoins en SEO, y compris les sitemaps vidéo et le balisage Schema. Pour un aperçu complet de ses fonctionnalités, vous pouvez consulter notre critique détaillée d'All in One SEO.

Pour accéder aux fonctionnalités SEO vidéo d'AIOSEO, telles que le sitemap vidéo et le balisage Schema vidéo, vous devrez vous inscrire à un plan Pro.

Ensuite, vous pourrez installer et activer le plugin AIOSEO dans WordPress. Pour plus d'informations, consultez notre guide sur comment installer un plugin WordPress.

Après avoir installé le plugin, vous pouvez activer la clé de licence. Allez simplement dans All in One SEO » Paramètres généraux depuis votre zone d'administration WordPress et insérez la clé de licence là.

À partir de là, vous pouvez suivre notre guide étape par étape sur comment configurer un sitemap vidéo dans WordPress.

Un sitemap vidéo est un sitemap XML spécialisé qui fournit des informations détaillées sur les vidéos de votre site web. Ces données comprennent le titre de la vidéo, sa description, sa durée, l'URL de la miniature et la page où la vidéo est intégrée.

En créant un sitemap vidéo, vous permettez aux moteurs de recherche d'explorer et d'indexer vos vidéos plus efficacement.

Une autre étape importante consiste à configurer le balisage de schéma vidéo. Il s'agit de données structurées qui aident les moteurs de recherche à comprendre de quoi parlent vos vidéos.

Cela augmente la probabilité que vos vidéos apparaissent sous forme d'aperçus spéciaux (ou d'extraits enrichis) dans les résultats de recherche, les rendant plus visibles pour les personnes qui recherchent en ligne. Voici à quoi cela ressemble :

Pour configurer le balisage de schéma vidéo sur AIOSEO, allez simplement dans le billet ou la page WordPress où votre vidéo est intégrée et ouvrez l'éditeur de blocs WordPress.

Après cela, faites défiler vers le bas jusqu'aux paramètres AIOSEO et accédez à l'onglet « Schema ». Cliquez ensuite sur « Générer le schéma ».

Maintenant, la fenêtre contextuelle du générateur de schéma apparaîtra. Dans l'onglet Catalogue de schémas, recherchez le modèle de schéma « Vidéo ».

Cliquez sur le bouton « + » à côté du modèle Vidéo.

Vous pourrez alors remplir les informations de votre vidéo. Dans les trois premiers champs, vous pouvez entrer le Nom, la Description et l'URL du contenu de la vidéo.

Pour le Nom et la Description, n'hésitez pas à utiliser les balises intelligentes d'AIOSEO. Ce sont des étiquettes prédéfinies qui peuvent facilement ajouter des informations existantes de votre contenu, telles que le titre du billet, le titre du site et l'extrait du billet.

Pour l'URL du contenu, vous pouvez saisir l'adresse du fichier multimédia vidéo. Cela signifie que l'URL doit se terminer par le format de fichier, comme https://www.example.com/video/123/file.mp4

Google a indiqué que la fourniture de l'URL du contenu de votre vidéo est la meilleure façon pour eux de récupérer votre fichier vidéo. Mais si vous avez téléchargé votre vidéo sur un site d'hébergement vidéo comme YouTube, cela peut ne pas être possible.

En faisant défiler vers le bas, vous trouverez les paramètres URL d'intégration, Date de mise en ligne, Adapté aux familles et URL de la miniature.

Vous utiliserez l'URL d'intégration si vous avez téléchargé la vidéo sur un service tiers et que vous n'avez pas accès à l'URL du contenu. Ici, vous devez saisir l'adresse du lecteur intégrable de la vidéo, elle devrait donc ressembler à https://www.example.com/embed/123

Si vous avez téléchargé la vidéo sur YouTube, vous pouvez trouver l'URL d'intégration en ouvrant la vidéo YouTube et en cliquant sur le bouton « Partager » sous le lecteur.

Après cela, cliquez sur « Intégrer » dans la fenêtre contextuelle.

Vous verrez un code d'intégration vidéo complet dans la fenêtre contextuelle suivante. Notez que vous n'avez pas besoin de copier-coller l'intégralité.

Ce que vous devez faire, c'est sélectionner l'URL qui se trouve entre les guillemets doubles après l'attribut src=. C'est l'URL d'intégration de votre vidéo.

Après cela, copiez-collez cette URL dans le générateur de schéma vidéo d'AIOSEO.

Pour l'URL de la miniature, vous pouvez copier-coller votre URL d'image dans le champ ou télécharger une nouvelle image dans la médiathèque. Notez que la taille minimale est de 112 pixels en largeur et en hauteur.

Une fois que tous les paramètres vous conviennent, cliquez simplement sur le bouton « Ajouter un schéma ».

Et voilà ! Vous devriez maintenant voir un élément de schéma vidéo dans l'onglet Schéma des paramètres AIOSEO.

Conseil 4 : Activez le chargement différé pour les vidéos

Le chargement différé signifie que votre site web retarde le chargement de certains éléments de contenu jusqu'à ce que quelqu'un fasse défiler jusqu'à l'endroit où se trouve le contenu à l'écran. Cela permet à votre site web de se charger plus rapidement initialement car il n'a pas à charger tous les éléments vidéo en même temps.

Lorsque le chargement différé est activé pour les vidéos, votre site web attendra pour charger le lecteur vidéo et le contenu jusqu'à ce que le spectateur soit sur le point de le regarder.

Pour ce faire, vous pouvez utiliser WP Rocket. C'est l'un des meilleurs plugins de performance WordPress du marché, et c'est le même outil que nous utilisons sur nos propres sites pour optimiser la vitesse et le cache.

La première étape consiste à installer et activer le plugin WP Rocket. Vous pouvez lire notre guide sur comment installer un plugin WordPress pour plus d'informations.

Ensuite, allez dans Paramètres » WP Rocket depuis votre tableau de bord WordPress et accédez à l'onglet « Média ». Ensuite, cochez simplement les cases « Activer pour les iframes et les vidéos » et « Remplacer l'iframe YouTube par une image d'aperçu ».

La deuxième case à cocher signifie qu'au lieu de charger le lecteur vidéo réel immédiatement lorsque quelqu'un visite votre page Web, seule une image statique représentant la vidéo est chargée en premier.

Si vous souhaitez également charger les images en différé, vous pouvez consulter notre article sur comment charger les images en différé dans WordPress.

Conseil 5 : Utilisez un CDN vidéo (réseau de diffusion de contenu)

CDN est l'acronyme de content delivery network (réseau de diffusion de contenu), un service qui peut accélérer votre site Web.

Il fonctionne en stockant le contenu de votre site Web sur plusieurs serveurs dans le monde. Lorsqu'une personne visite votre site, le CDN sert le contenu à partir du serveur le plus proche d'elle. Cela réduit la distance que les données doivent parcourir et accélère le chargement de votre site Web.

Chez WPBeginner, nous utilisons le CDN d'entreprise de Cloudflare comme solution d'optimisation des performances. Cela garantit que nos pages se chargent rapidement pour des millions de lecteurs dans le monde.

Un CDN vidéo est conçu pour diffuser efficacement du contenu vidéo. Il optimise le streaming vidéo en stockant des copies de vos vidéos sur des serveurs stratégiquement situés dans le monde entier.

Si vous avez suivi notre suggestion de télécharger des vidéos sur un service tiers, alors avoir un CDN vidéo ne sera pas nécessaire. Mais pour les personnes qui choisissent d'auto-héberger leurs propres vidéos, nous recommandons d'utiliser Bunny.net.

Bunny.net est l'un des meilleurs services CDN pour WordPress avec une fonctionnalité CDN de diffusion vidéo. Vos vidéos seront protégées dans leur stockage de niveau entreprise, et les spectateurs pourront regarder vos vidéos en haute qualité sans mise en mémoire tampon.

Si vous souhaitez utiliser un CDN, consultez notre liste des meilleurs services CDN pour WordPress.

Comment optimiser les vidéos d'arrière-plan dans WordPress

Si vous avez besoin d'optimiser les vidéos d'arrière-plan pour votre site WordPress, vous pouvez utiliser les conseils suivants.

Supprimer l'audio

L'audio peut ajouter un poids considérable à un fichier vidéo. Si vous utilisez uniquement une vidéo en arrière-plan sans son, il est préférable de supprimer l'audio.

Vous pouvez facilement supprimer l'audio d'une vidéo à l'aide d'un logiciel de montage vidéo. Pour des recommandations, consultez notre liste des meilleurs logiciels de montage vidéo.

Alternativement, vous pouvez utiliser le suppresseur d'audio gratuit pour vidéos d'Adobe Express. Téléchargez simplement votre vidéo, et l'outil s'occupera de la suppression du son pour vous. La vidéo sera ensuite téléchargeable au format MP4.

Raccourcir la durée

Raccourcir la durée de la vidéo est un autre bon moyen de compresser les vidéos pour l'arrière-plan ou les vidéos en lecture automatique. Cela peut réduire la taille globale du fichier, le rendant plus rapide à charger et améliorant les performances du site Web.

Généralement, une durée de vidéo de 30 secondes ou moins devrait suffire pour une vidéo d'arrière-plan.

Encore une fois, vous pouvez utiliser un logiciel de montage vidéo pour réduire la durée de votre vidéo. Pour un outil en ligne gratuit, vous pouvez utiliser Canva ou le coupe-vidéo d'Adobe Express.

Évitez la boucle infinie

Lorsque vous utilisez des vidéos d'arrière-plan ou des vidéos en lecture automatique sur votre site web, il est essentiel d'éviter les boucles infinies. La boucle consiste à faire jouer la vidéo encore et encore, ce qui peut consommer beaucoup de bande passante.

Il est également important de tenir compte du contexte dans lequel la vidéo est affichée. Si la vidéo est une brève introduction ou présente un produit spécifique, un nombre limité de boucles ou une seule lecture suffit généralement à faire passer le message.

Dans WordPress, vous pouvez contrôler le comportement de la boucle de votre vidéo YouTube pour réduire la charge sur les ressources de votre site web. Notre guide sur comment ajouter une vidéo YouTube comme arrière-plan plein écran dans WordPress vous montre comment.

Utilisez une couleur de police bien contrastée

Les personnes qui utilisent une vidéo en lecture automatique comme arrière-plan de leur page d'accueil mettront généralement du texte par-dessus. Dans ce cas, il est bon d'utiliser une couleur de texte qui contraste bien avec le schéma de couleurs de la vidéo.

De cette façon, le texte reste facilement lisible et se détache clairement sur l'arrière-plan de la vidéo.

Si vous souhaitez des conseils et astuces pour choisir une couleur de texte pour votre vidéo d'arrière-plan, consultez notre guide sur comment choisir le schéma de couleurs parfait.

De plus, vous pouvez consulter notre article sur les meilleurs thèmes WordPress pour les sites vidéo afin de trouver des designs qui complètent votre site web et votre contenu vidéo.

FAQ sur la façon d'optimiser les vidéos pour votre site WordPress

Abordons maintenant quelques questions courantes relatives à l'optimisation des vidéos pour votre site WordPress.

1. Quel est le meilleur format vidéo pour un site WordPress ?

WordPress prend en charge les types de fichiers vidéo tels que .mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp et .3g2.

Il est recommandé d'utiliser le format MP4 avec le codec H.264 pour le meilleur équilibre entre qualité et taille de fichier.

2. Comment optimiser une vidéo YouTube dans WordPress ?

Si vous intégrez vos vidéos YouTube, WordPress se chargera du processus d'intégration et garantira le chargement efficace du lecteur vidéo.

Cependant, vous pouvez optimiser davantage les vidéos en activant le chargement différé, en compressant les fichiers vidéo et en configurant le balisage de schéma vidéo et le sitemap avec AIOSEO. La dernière étape garantit que les moteurs de recherche peuvent comprendre et indexer correctement vos vidéos.

Vous pouvez également consulter notre liste des meilleurs plugins de galerie vidéo YouTube pour WordPress pour plus de fonctionnalités afin d'améliorer les vidéos de votre site web.

3. Comment faire charger mes vidéos WordPress plus rapidement ?

Pour que vos vidéos WordPress se chargent plus rapidement, vous pouvez les télécharger sur un service d'hébergement tiers comme YouTube ou Vimeo. L'auto-hébergement de vos propres vidéos n'est pas recommandé, car cela nécessite souvent plus de ressources serveur et ralentit votre site web.

Vous devrez également compresser les vidéos pour réduire leur taille de fichier sans compromettre la qualité.

De plus, il est conseillé d'activer le chargement différé pour le contenu vidéo. Cela garantit que votre site web se charge rapidement la première fois, et que les vidéos ne sont chargées que lorsque le visiteur fait défiler la page pour les voir.

Nous espérons que ce tutoriel vous a aidé à apprendre comment optimiser les vidéos pour les sites web.

Pour plus d'astuces d'experts, vous pourriez également consulter ces ressources supplémentaires :

• Meilleurs plugins WordPress pour les éditeurs YouTube
• Guide pour débutants sur le SEO des images – Optimisez les images pour les moteurs de recherche

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.