Astuce “Webmarketing” Facebook - Simuler un partage vidéo avec un lien

Je partage avec vous, une petite astuce à laquelle j’ai pensé et que j’utilise pour un site de vidéo qui a une page sur Facebook. Cette astuce vous permettra, de générer un peu de trafic supplémentaire et ce simplement, avec Facebook.

Note : Pour le titre de cet article si vous avez une autre idée je suis preneur j’ai eu du mal à trouver autre chose que… “webmarketing” qui par définition colle plus ou moins à la thématique de l’article…

Si vous comptez vous servir de cette astuce ou si vous trouvez ça.. inutile dites le en commentaire votre avis m’intéresse toujours !

Pourquoi ?

Les biens fait de cette astuce Facebook :

Les utilisateurs de Facebook sont férus de vidéos et sont plus tenté de regarder une vidéo en restant sur FB (grrr) qu’en sortant du site via un lien.
Ils sont (Nous sommes) habitués à avoir la petite vignette cliquable qui affiche la vidéo en player Facebook
Il n’y a quasiment aucune différence entre une vidéo cliquable et lisible directement sur Facebook et le partage de lien avec cette astuce
Nous développeur on aime (ou pas) Facebook parce qu’il fait trop de choses (des fois dans notre sens des fois non), et il est parfois bon de pouvoir récupérer par le biais de quelques “erreurs” (ici des similitudes notoires, entre deux types de partage) des visiteurs.
Bah pourquoi pas ? Si vous avez un avis contraire sur la question je suis preneur (hormis le fait que ce type de lien peut vite blaser les utilisateurs parce qu’ils se sentent trompés…)
Pour les vilains : Cette astuce est réutilisable pour des pages ne proposant aucune vidéo suffit juste d’avoir une image a montrer avec un bouton Play

Comment ?

Nous allons ici nous intéresser à deux types de partages :

Les vidéos
Les liens

Les vidéos sont bien souvent partagées depuis des sites comme YouTube, Google vidéo et compagnie. Facebook mange ces vidéos pour les intégrer dans son propre player et devient donc hébergeur. Son système assez bien fait lorsque l’on partage une vidéo qui est déjà intégré dans Facebook (autrement dit qui a déjà été mangée). En effet, si le lien viens de site hébergeur de vidéo connus, Facebook appose une miniature à gauche du texte et titre descriptif de la vidéo (même si cette vidéo n’est pas hébergée par FB).

Ci-dessous deux exemples de vidéos visible au clic :

Une vidéo partagée sur Facebook Un autre lien vidéo Facebook Et voici le résultat obtenu en partageant un lien non sponsorisé, avec un simple bouton sharer Facebook, que vous mettez sur les pages de vos sites. Ca donne vraiment l’impression que si l’on clique sur l’image un player va se lancer dans Facebook… alors que l’utilisateur va être redirigé sur votre site (url) Un lien partager avec l'astuce

Et techniquement parlant ?

Vous l’aurez surement déjà tous compris cette astuce est simplissime à mettre en place. Lorsque l’on publie un lien sur facebook, le système va chercher automatiquement les images de la page et les proposer en miniature (thumb) vous devez donc placer une image (que vous aurez créer) le plus haut possible dans la page pour qu’elle soit la première. En effet si un utilisateur autre que vous partage ce lien, il ne prendra surement pas le temps de changer l’image si la première n’est pas la bonne ! Il faut donc que cette vignette soit la première.

Je partage de bon coeur avec vous un fichier zip contenant :

1) Un fichier vectoriel
2) Le bouton play seul en Png
2) Le “patron” aux bonnes dimensions avec fond png transparent de la vignette

Le vectoriel qui va vous permettre simplement de créer les miniature vidéo Facebook, pour cela vous pouvez utiliser inkscape, et utiliser la profondeur de champs pour faire passer le bouton par dessus votre image. Ensuite selectionner le noir qui sera derrière l’image puis exporter la selection. Les png qui sont utilisable avec n’importe quel logiciel de graphisme. La taille de la miniature ne peut être changée en effet facebook limite la largeur de ces miniature pour lien ainsi toute déformation du “patron” sera pénalisante pour son affichage.

>>TELECHARGER LE ZIP (via la plateforme google code imagika)

Récapitulatif :

Prendre un screen du player vidéo ou de n’importe quelle image
La copier/coller dans un éditeur graphique (inkscape si vous utilisez mon fichier Vectoriel)
Mettre le bouton play par dessus l’image à la position qu’il a sur le vectoriel
Exporter le carré de dimenssion 130*97 (L*H)
l’uploader sur votre site
Le mettre le plus haut possible dans le HTML (ou tout du moins en première image)
Le mettre en “display:none” pour qu’il ne soit pas visible sur le site (éviter de mettre un alt c’essst pas bien)
Facultatif : Utilisez votre robots.txt pour bloquer l’indexation des images d’un dossier spécifique ne contenant que ces miniatures par exemple : http://mickaelbertrand.imagika.fr/web/protectiondesimages-empecher-lindexation-des-images-par-google-1191