Regram, Repin, Retweet + Vidéos YouTube réactives avec CSS

Regram, rib, retreat, des noms importants pour les responsables des médias sociaux. Mais qu’est-ce qui rend ces termes si particuliers ? La production de contenu est extrêmement chronophage ! C’est moins le cas pour Instagram que pour YouTube, mais il n’en reste pas moins que le contenu est nécessaire presque quotidiennement sur les réseaux sociaux. Faire preuve de créativité soi-même tous les jours est difficile. Il ne s’agit pas seulement de créativité en soi, il y a bien sûr aussi les jours de vacances, les jours fériés ou même les week-ends. Vous avez peut-être votre propre responsable des médias sociaux dans l’entreprise, mais il y a soudainement un changement de personnel ou des heures de travail réduites, qui s’occupe de l’apparence ? La production de contenu prend tellement de temps que beaucoup ont recours à la publication par d’autres. Pourquoi l’écrire vous-même quand quelqu’un a déjà écrit un bon tweet ? Pourquoi prendre une photo vous-même quand il y a déjà beaucoup de bonnes photos sur Pinterest ? Pourquoi tourner une nouvelle petite vidéo drôle quand il y en a déjà des millions sur Instagram ?

Partager et intégrer pour les entreprises (et les particuliers)

Un conseil pour tous les webmasters ! À la fin de l’article, vous apprendrez comment rendre les vidéos YouTube réactives aux différents terminaux en séparant les classes CSS. Cela signifie que les vidéos YouTube sont adaptées à la taille de l’écran des différents appareils finaux entre ordinateur, ordinateur portable, tablette et smartphone. Et ceci est complètement automatique.

Regram, ripping et retreat, tout cela n’a cependant pas seulement à voir avec la production de contenu. Car bien sûr, les particuliers utilisent aussi le partage d’autres contenus. Des vidéos drôles, informatives, des blagues, des mèmes ou simplement des vidéos d’animaux mignons. L’internet et surtout les réseaux sociaux regorgent de photos et de vidéos créatives. Lorsque le contenu déclenche des émotions, les gens veulent le garder pour eux. C’est pourquoi on partage beaucoup de contenu sur sa timeline, pour soi mais aussi pour ses amis. Après tout, vous pouvez toujours montrer à quel point vous êtes à l’affût des tendances. La sensibilisation aux tendances ainsi que le fait de « voir et être vu », voilà ce que sont les réseaux sociaux.

Est-il autorisé de partager des contenus étrangers ?

Toute personne qui s’inscrit sur une plateforme de médias sociaux adhère aux conditions générales de la plateforme. Ceux-ci stipulent déjà que le contenu peut être librement partagé au sein du réseau social. Par conséquent, les médias, dans la mesure où ils ne quittent pas la plateforme, peuvent être partagés par les utilisateurs de certaines manières prédéfinies. Selon le réseau social, la forme de la permission diffère. En effet, le partage du contenu n’est pas le même sur tous les réseaux. Certains réseaux encouragent le partage de contenu par d’autres. D’autres réseaux, en revanche, s’efforcent de rendre le partage de contenu plus difficile. Examinons brièvement les réseaux sociaux en détail et la manière dont un contenu facile ou complexe peut être partagé.

Articles, liens, photos et vidéos Partager sur Facebook

Après Twitter, Facebook est de loin le réseau le plus ouvert pour le partage de contenu. Peu importe qu’il s’agisse de liens vers votre propre blog, votre boutique en ligne ou d’autres médias tels que des magazines, des photos de vous-même, de vos amis ou de sites d’entreprises, ainsi que des vidéos et tous les messages eux-mêmes. Par conséquent, Facebook est la meilleure plateforme pour distribuer du contenu multimédia. Alors que d’autres plateformes telles qu’Instagram, Snapchat ou Tiktok, dont les restrictions sont relativement nombreuses, n’autorisent pas les liens directs, vous pouvez vous défouler complètement sur Facebook en tant que responsable des médias sociaux.

Au sein de Facebook, vous pouvez non seulement réutiliser toute forme de média, mais aussi, bien sûr, utiliser vous-même des médias tiers et les recycler en conséquence. Toutefois, à ce stade, vous devez toujours vérifier la situation juridique actuelle et, bien sûr, les conditions générales en vigueur. Car même si elles sont à jour, les conditions d’utilisation changent constamment, même s’il ne s’agit que de détails. Par exemple, dans notre article sur les paramètres de confidentialité de Facebook au fil du temps, du scandale des données de Cambridge Analytics à la version actuelle de Facebook Privacy 2.0.

En principe, cependant, on est tout à fait indépendant au sein du réseau social en ce qui concerne l’utilisation et la réutilisation des médias étrangers, tant que l’on reste dans les limites des conditions d’utilisation mais aussi des lois des pays nationaux.

L’avantage de Facebook est que les groupes cibles sont très larges. De la personne de 20 ans à la femme de 40 ans, l’homme de 50 ans et oui, même le retraité de 60 ans. Sur Facebook, vous pouvez donc atteindre les gens très précisément grâce à ce que l’on appelle le ciblage et le reciblage.

L’inconvénient est que Facebook est déjà le plus grand réseau social du monde, et que les classements sont donc très convoités. Des milliards de photos sont téléchargées chaque jour, des milliards de messages sont écrits. Qui est présent et immédiatement visible dans l’application Facebook et qui n’apparaît pas dans le fil d’actualité de l’application ? C’est exactement là que Facebook gagne son argent et, par conséquent, si les entreprises veulent atteindre une grande portée, elles ne doivent pas compter sur la portée organique mais sur la portée payante. Bien entendu, vous trouverez également de nombreux conseils à ce sujet dans notre blog sur les médias sociaux!

Comment puis-je partager du contenu Facebook sur mon site web ? Si vous souhaitez intégrer des photos, des vidéos ou des publications de Facebook sur votre propre site web, vous devez intégrer un code HTML. C’est très simple

  • Ouvrir https://facebook.com
  • Sélectionnez un article, une photo ou une vidéo
  • Sélectionnez maintenant l’option « Embed post ».
  • Maintenant vous voyez le code HTML, l’iframe
  • Copier le code HTML
  • Insérer du code HTML dans la page web

Posts, liens, photos et vidéos Partager sur Twitter

Comme indiqué plus haut, Twitter est le réseau le plus ouvert pour le partage de contenu, après Facebook. Une grande variété de contenus médiatiques peut également être partagée ici. Au début, Twitter était relativement limité aux messages courts d’une longueur maximale de 140 caractères. Aujourd’hui, beaucoup de choses ont changé, les tweets peuvent être beaucoup plus longs, le contenu médiatique ne se limite plus à du texte mais on peut aussi télécharger des photos, des vidéos, mais mieux encore, on peut aussi partager des liens vers des articles ou des produits de la boutique en ligne.

L’inconvénient de Twitter est que vous n’y atteignez pas une grande portée, ne serait-ce que pour des sujets très spécifiques. Donc, si vous voulez avoir une plus grande portée, vous devez vous concentrer sur les autres réseaux. En particulier Facebook, Instagram et YouTube.

Comment partager des tweets sur Twitter ?

  • Ouvrir https://twitter.com
  • Connectez-vous
  • Sélectionnez un tweet de votre choix
  • Appuyez sur la deuxième icône, en bas à gauche, Retweet
  • En option, vous pouvez maintenant ajouter votre propre description.
  • Envoyez le tweet

Comment intégrer un tweet dans WordPress ou un autre site web ?

En principe, il existe deux façons d’intégrer des tweets dans des sites web. Par défaut, les tweets sont intégrés à l’aide d’un code HTML, appelé iframe. Cependant, les utilisateurs de WordPress ont également la possibilité d’insérer des liens directement dans l’article. Le système de gestion de contenu convertit alors automatiquement le lien en un lien intégré à Twitter.

Intégration de Twitter sur les sites web

  • Procédez comme ci-dessus : Ouvrez Twitter, connectez-vous, sélectionnez « tweet ».
  • Appuyez sur la flèche en haut à droite
  • Sélectionnez « Embed Tweet
  • Maintenant vous voyez le code HTML, l’iframe
  • Copier le code HTML
  • Insérer du code HTML dans la page web

Intégration de Twitter sur WordPress

  • Procédez comme ci-dessus : Ouvrez Twitter, connectez-vous, sélectionnez « tweet ».
  • Appuyez sur la flèche en haut à droite
  • Sélectionnez « Copier le lien
  • Insérer un lien dans la page WordPress
  • Le système convertit automatiquement le lien pour l’intégrer (conseil : cela fonctionne aussi avec les vidéos YouTube).

Exemple :

Partager des photos et des vidéos sur Instagram

Instagram est moins ouvert que les deux candidats précédemment cités lorsqu’il s’agit de partager du contenu. Il n’existe aucun moyen de partager du contenu directement sur Instagram.

Conseil. Utilisez une application de repostage. Vous pouvez trouver ces applications de repostage gratuitement dans le PlayStore de Google mais aussi dans l’iStore d’Apple. Avec ces applications, vous pouvez facilement copier les liens des différents contenus multimédias, les coller (dans l’application) et vous pouvez partager la photo ou la vidéo sur votre propre canal.

Pouvez-vous intégrer Instagram sur votre propre site web ?

Comme sur les autres réseaux, il suffit de prendre le message de votre choix, puis d’appuyer sur la petite flèche en haut à droite et de sélectionner « embed ». Instagram vous montrera immédiatement le code HTML approprié pour votre site web. Astuce ! Sur WordPress, il suffit d’insérer le lien vers l’article. Cela signifie que vous n’avez pas besoin d’aller dans les paramètres pour obtenir le code, il suffit de cliquer sur l’article, puis de copier l’URL de la page et de la coller dans votre article WordPress.

Partagez vos photos sur Pinterest

Pinterest est une excellente source pour la création de liens dans le cadre de l’optimisation des moteurs de recherche. Dans le même temps, Pinterest est très ouvert au partage de contenu médiatique. Chaque utilisateur a la possibilité de créer différentes galeries, appelées « pinboards ». Sur chaque tableau d’épingles individuel, vous pouvez télécharger ou partager différentes photos, chaque message individuel étant alors appelé une épingle. Tout comme un message sur Twitter est appelé un tweet. Ainsi, le canal de médias sociaux des utilisateurs se compose de plusieurs galeries, les « pinboards ». Les utilisateurs peuvent accéder librement au contenu des autres. De cette manière, ils peuvent également créer des tableaux d’affichage complets sans avoir pris de photo eux-mêmes. Le contenu des médias est donc également précieux ici par le biais de la collation. Si vous vous concentrez sur un sujet et vous spécialisez, par exemple le tuning de voitures, vous pouvez créer des forums très spéciaux ici. Pour les différentes marques automobiles, telles que Mercedes, BMW, Renault, VW et bien d’autres. Cela peut même aller plus loin : pourquoi ne pas créer des tableaux d’épingles individuels pour les différentes parties de la voiture en relation avec une marque automobile ? Par exemple, vous pouvez créer des intérieurs Mercedes, des sons Mercedes, des jantes Mercedes, etc.

Plus vous avez créé de tableaux et moins vous avez de concurrence, plus vite vous pouvez augmenter votre portée sur Pinterest et utiliser le trafic qui en découle pour lier certains produits à votre propre boutique en ligne, ceux que vous avez en stock. Vous avez maintenant une source de liens gratuits, félicitations !

Est-il possible d’intégrer Pinterest sur le site web ?

Oui, bien sûr ! Comme sur Facebook et Pinterest, mais aussi Instagram, il suffit de choisir une publication spécifique et de rechercher l’option de partage ou d’intégration dans les paramètres. Vous y trouverez certainement le code HTML de l’iframe. Il vous suffit de le copier et de le coller sur votre site web.

Partager des vidéos sur YouTube

Enfin, et surtout, YouTube. Les vidéos YouTube sont idéales pour l’intégration mais aussi pour le partage.

Si vous souhaitez partager des vidéos YouTube sur votre propre chaîne YouTube, vous devez créer des listes de lecture. Dans cette liste de lecture, vous pouvez enregistrer différentes vidéos afin que la liste de lecture serve un objectif spécifique. Par exemple, vous pouvez compiler des listes de lecture à partir des chansons du hit-parade actuel ou des listes de lecture sur différents thèmes, comme des vidéos explicatives sur l’iPhone ou des vidéos explicatives sur le thème de la réparation des vélos si votre boutique en ligne traite du thème des vélos et des accessoires de vélo.

Cependant, les vidéos YouTube sont également rentables en termes d’optimisation des moteurs de recherche. En les intégrant sur votre propre site web, votre blog ou votre boutique en ligne, les utilisateurs restent plus longtemps sur le site. Le temps de visite d’un site web est un indicateur très important pour l’évaluation par Google mais aussi par d’autres moteurs de recherche. En bref, les moteurs de recherche s’attachent à montrer aux utilisateurs le meilleur contenu possible. Le meilleur possible est défini par une longue durée d’exposition et une interaction fréquente, ainsi que par la visite des pages suivantes. Plus les utilisateurs qui ont cliqué sur un résultat de recherche sont actifs, plus la page est bien notée. Bien sûr, toujours par rapport à la concurrence.

Si nous restons sur le thème des bicyclettes et des accessoires de vélo, vous pourriez, par exemple, décrire plus en détail divers tutoriels vidéo dans votre propre blog sur le thème des bicyclettes, du cyclisme et des accessoires de vélo. Mais ils peuvent également intégrer des vidéos dans des articles existants.

Quel est l’avantage ?

Disons que vous avez un article de 800 mots. La durée moyenne de lecture est de 1,12 minute. En intégrant une vidéo YouTube, par exemple sur le thème de la réparation d’une chambre à air de vélo, d’une durée totale de 10 minutes, vous pouvez encourager les visiteurs à regarder l’intégralité de la vidéo, à réparer le vélo en même temps et donc non seulement à rester sur votre page pendant les 1,12 minute, mais aussi à augmenter le temps moyen passé sur votre page à 3,5, voire 4 minutes. Pour ce faire, il suffit d’intégrer une vidéo YouTube créée par une tierce personne. Un contenu merveilleux !

Comment intégrer des vidéos YouTube dans votre propre blog ?

Pour YouTube, il y a deux façons d’intégrer des liens, à savoir le site web standard et, surtout pour WordPress, la conversion des liens directs par le système de gestion de contenu.

Intégration de YouTube sur les sites web

  • Ouvrez YouTube, sélectionnez la vidéo
  • Sélectionnez « Embed video
  • Maintenant vous voyez le code HTML, l’iframe
  • Copier le code HTML
  • Insérer du code HTML dans la page web

Intégration de YouTube sur WordPress

  • Suivez les étapes ci-dessus : Ouvrez YouTube, sélectionnez la vidéo
  • Copiez l’URL de la page
  • Insérer l’URL dans la page WordPress
  • Le système convertit automatiquement l’URL pour l’intégration.

Voici un autre avantage imbattable de WordPress : WordPress convertit le lien vidéo respectif dans toutes les tailles de manière réactive pour s’adapter à l’appareil final. L’intégration standard d’une vidéo YouTube, quant à elle, a une taille de 516 x 350 pixels. Pour les appareils finaux avec une résolution d’image plus élevée, la vidéo apparaît rapidement claire. Par conséquent, vous devez penser à adapter la taille de la vidéo aux appareils finaux respectifs par le biais d’ajustements CSS.

Conseil et digression ! Vidéos YouTube réactives grâce aux CSS

Si vous souhaitez modifier les formats YouTube à l’aide de CSS, vous pouvez attribuer des classes individuelles aux différentes iframes. Cela vous permet de préciser qu’il existe une classe pour les smartphones, une pour les tablettes et une pour les ordinateurs portables et les ordinateurs. En fonction de la taille de l’écran de l’appareil final de l’utilisateur, la taille de l’intégration de la vidéo YouTube s’adapte à l’écran ou à la résolution de l’écran.

Pour que l’exemple reste simple, nous séparons les appareils fixes tels que les ordinateurs portables et les ordinateurs des appareils mobiles tels que les tablettes et les smartphones. Nous définissons notre point de rupture, c’est-à-dire le nombre de pixels de l’écran à partir duquel les classes CSS changent, comme étant de 980 pixels pour les deux. Tout d’abord, deux nouvelles classes sont créées dans le fichier CSS.

Exemple de séparation des classes CSS :

@media only screen and (max-width : 901px) {
#no-youtube-video {
affichage : aucun ;
}
}

Après l’adaptation du fichier CSS, le code pour l’intégration de la vidéo YouTube doit encore être étendu par la classe. Voici à quoi ressemble le code standard de YouTube pour l’intégration :

<iframe width= »560″ height= »315″ src= »https://www.youtube.com/embed/b_VdyV_dNB4″ frameborder= »0″ allow= »accelerometer ; autoplay ; encrypted-media ; gyroscope ; picture-in-picture » allowfullscreen></iframe>

L’adaptation donne au code la classe et cela ressemble ensuite à ceci :

<iframe class= »no-youtube-video » width= »560″ height= »315″ src= »https://www.youtube.com/embed/b_VdyV_dNB4″ frameborder= »0″ allow= »accelerometer ; autoplay ; encrypted-media ; gyroscope ; picture-in-picture » allowfullscreen></iframe>