Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Photoshop : Raccourci outil Plume : Touche P




Les tutoriaux: Index » Site Web » XHTML » Choisir son image pour le partage Facebook

Introduction

  • Tutoriel posté par Sky
  • 3391 lectures
  • Mis en ligne le 22-01-2011
  • Dernière mise à jour le 22-01-2011
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Nous allons voir dans ce petit cours comment
choisir son image miniature lorsqu'on partage sur Facebook




Méthodologie

Explication du problème rencontré

J'ai souvent été confronté lors de la création de site internet a quelques problèmes concernant le partage Facebook, notamment au sujet de la miniature qui apparait lorsqu'on clique sur le bouton de partage Facebook.

En effet le script facebook propose plusieurs images qu'il trouve sur la page mais parfois pas celle qu'on désire. Les raisons sont multiples, parfois elles sont trop volumineuses, parfois trop grande etc.

La solution ultime :)

A force de recherche et de test j'ai trouvé une solution plutot fonctionnelle, voir très fonctionnelle :)

Il s'agit de mettre un balise link spécifique.

CODE HTML


<link rel="image_src" href="http://www.tutomania.com/modules/tuto/images/tut/Sections/fb.png" type="image/x-icon" />



Par exemple pour ce tuto j'ai ajouté la balise dans la code de cette page, si vous cliquez sur le bouton ci-dessous vous devriez obtenir directement l'image suivante :



Cliquez sur le bouton Facebook ci-dessous :

J'aime



Vous remarquerez également que Facebook affiche une image et ne vous en propose pas d'autre. Le choix de la miniature est important, ne la faites pas trop grande, ni trop lourde. Je préconise une vignette de 90*90 maximum.

Nous utilisons cette méthode sur le site open-mouthed.com et c'est un sans faute, sur les 1000 publications on affiche la vignette qu'on a choisis :)

Voici le code complet pour l'intégration de l'image avec le script de Facebook

CODE HTML


<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
<link rel="image_src" href="http://www.tutomania.com/modules/tuto/images/tut/Sections/fb.png" type="image/x-icon" />
<a name="fb_share" type="button_count" share_url="http://www.tutomania.com/viewtuto-4-XHTML-519-Choisir_son_image_pour_le_partage_Facebook.html">J'aime</a>



Notes

  Evaluez le tutorial (14 Votes)

10
2
2

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Site Web] Choisir son image pour le partage Facebook

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com