Comment faire pour afficher la donnée de l'image sous forme de vignette, tandis que la mise en œuvre de partager sur Facebook?

De Facebook de spec, utiliser un code comme ceci:

<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />

Source: Facebook Partager

Facebook utilise og:tags et la Open Graph Protocol à déchiffrer les informations à afficher lors de la prévisualisation de votre URL dans une dialogue partager
ou dans un flux de nouvelles sur facebook.

La og:tags contenir des informations telles que :

• Le titre de la page
• Le type de page
• L'URL
• Les sites web nom
• Une description de la page
• Facebook user_id des administrateurs de la page ( sur facebook )

Voici un exemple ( pris à partir de la facebook documentation ) de certains og:tags

<meta property="og:title" content="The Rock"/>

<meta property="og:type" content="movie"/>

<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

Une fois que vous avez mis en place le balisage correct de la og:tags et de définir leurs valeurs, vous pouvez tester la façon dont facebook sera afficher votre URL à l'aide de la Facebook Débogueur. L'outil de débogage met aussi en évidence les problèmes qu'il trouve avec la og:tags sur la page ou le manque de.

Une chose à garder à l'esprit est que facebook ne faire quelques mise en cache à l'égard de cette information, donc, pour que les modifications prennent effet à votre page ont t être gratté comme indiqué dans la documentation :

L'Édition Des Balises Meta

Vous pouvez mettre à jour les attributs de votre page par la mise à jour de votre page
les balises. Notez que og:title et og:type ne sont modifiables
d'abord - après votre page reçoit 50 aime le titre devient fixe,
et après votre page reçoit de 10 000 aime le type devient fixe.
Ces propriétés sont fixes pour éviter surprenant d'utilisateurs qui ont aimé
la page est déjà. Pour changer le titre ou le type de balises après ces limites
atteint-on ne fait rien, votre page conserve le titre original et
type.

Pour que les modifications soient répercutées sur Facebook, vous devez forcer votre page
pour être gratté. La page est grattée quand un admin pour la page, clique sur
le bouton "Like" ou lorsque l'URL est entré dans le Facebook URL
Linter Facebook Débogueur...

J'ai eu le même problème et je crois que j'ai résolu. J'ai utilisé le lien de la balise meta comme mentionné ici à point à l'image que je voulais, mais l'essentiel est que si vous ne faites que FB ne vais pas tirer toutes les autres images, comme choix. Aussi, si votre image est trop grande, vous n'aurez pas de choix du tout.

Voici comment j'ai résolu mon site http://gnorml.com/blog/facebook-link-thumbnails/

Partage sur Facebook: Comment Améliorer Vos Résultats de Personnalisation de l'Image, le Titre et le Texte

À partir du lien ci-dessus. Le meilleur de l'action, vous aurez envie de suggérer des 3 morceaux de données dans votre code HTML:

• Titre
• Courte description
• Image

Ce que c'est possible par la suite, placé à l'intérieur de la "tête" de la balise de votre code HTML:

• Titre: <title>INSERT POST TITLE</title>
• Image: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• Description: <meta name=description content="INSERT YOUR SUMMARY TEXT"/>

Si votre site est en HTML statique, vous devez le faire pour chaque page à l'aide de votre éditeur HTML.

Si vous utilisez un CMS comme Drupal, vous pouvez automatiser beaucoup de celui-ci (voir lien ci-dessus). Si vous utilisez wordpress, vous pouvez probablement mettre en œuvre quelque chose de similaire à l'aide de Drupal exemple comme une ligne directrice. J'espère que vous avez trouvé ces utiles.

Enfin, vous pouvez toujours modifier manuellement votre partage de postes. Voir cet exemple, avec des illustrations.

La façon la plus simple que j'ai trouvé au jeu Facebook Open Graph pour chaque article Joomla, est à placer dans com_content/article/default.php le correcteur de code suivant:

$app    = JFactory::getApplication();
$path   = JURI::root();

$document = JFactory::getDocument();
$document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />');
$document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />');
$document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />');
$document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />');
if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : 
    $document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />');
else :
    $document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />');
 endif;

Cette place meta og balises dans la tête avec les détails de l'article actuel.