VeilleAssocier une image à un lien sur Facebook

Lorsque j’ai refait le portfolio du studio, j’ai cherché une solution pour que les liens postés sur Facebook soient illustrés d’une image correspondant au projet posté, même quand celui-ci ne se composait que d’une vidéo. J’ai donc cherché un plugin qui se chargerai de créer un thumbnail à inclure automatiquement dans facebook, ou même une astuce, mais je n’ai rien trouvé de convaincant.

Du coup, j’ai utilisé les mots clés de WordPress pour générer moi même l’image que Facebook associera automatiquement au lien posté. Rien de bien révolutionnaire, mais on sait jamais, cette astuce pourra sans doute servir à d’autres… L’idée pour moi était de reprendre l’image du portfolio associée au projet dans la galerie des projets pour l’associer au lien posté sur Facebook. Mais cette astuce marchera de la même manière avec n’importe quel blog WordPress et n’importe quelle image de n’importe quelle taille puisque Facebook se charge de les re-dimensionner.

La première chose à faire est d’insérer ce code dans le header du thème, entre les balises <head> et </head>. Ce bout de code appelle, via le mot clé facebook (qui peut très bien être autre chose, comme thumb par exemple) l’url de l’image qui sera utilisé par Facebook pour illustrer le lien.


<?php if (get_post_meta($post->ID, ‘facebook’, true) ) : ?>
<link rel=”image_src” href=”<?php echo get_post_meta($post->ID, ‘facebook’, true) ?>” />
<?php endif; ?>

Ensuite, lors de la rédaction de l’article (ou de la page), via le formulaire Custom Field, il vous suffit d’entrer le nom (ici facebook) et l’url de l’image à associer. Cf screenshot.

Le tour est joué; votre image associée à votre article apparaîtra dans Facebook.

En allant plus loin, et en jouant avec les conditions, on peut évidemment personnaliser un peu plus l’astuce, en ajoutant par exemple une par défaut quand aucune valeur n’est entrée pour la valeur Facebook ou encore en associant une image à une catégorie ou un type d’article, par exemple…

——————————————

When I worked on the new portfolio of the studio, I looked for a solution to illustrate the links posted on Facebook by an image, even if the page posted did not include image or just a video. So I looked for a plugin that would create a thumbnail for facebook, or even a trick, but I have not found anything convincing.

So, I used the keywords WordPress to generate the image by myself, image that Facebook automatically associate to the link posted. Nothing revolutionary, but you never know, this trick will probably help someone ?… The idea was to take the picture in the project gallery, and associate it to the link posted on Facebook. But this trick will work the same way with any WordPress blog or any image of any size since Facebook is responsible for re-sizing.

The first thing to do is to insert this code in the header of the theme, between the <head> and </head>. This piece of code calls via the keyword facebook (which may very well be something else, like thumb for example) the URL of the image that will be used by Facebook to illustrate the connection.


<?php if (get_post_meta($post->ID, ‘facebook’, true) ) : ?>
<link rel=”image_src” href=”<?php echo get_post_meta($post->ID, ‘facebook’, true) ?>” />
<?php endif; ?>

Then, during the drafting of the article (or page), using the form Custom Field, you simply enter the name of the Custom Value or Key (here facebook) and the URL of an image to associate. See screenshot.

Voila, your image you choose in your article will appear in Facebook.

Going further, and playing with the conditions, you can customize this a bit more. For example by adding a default image when no value is entered or linking an image to a category or type of article, for example…


3 réponses à “Associer une image à un lien sur Facebook”

  1. Maxence
    1

    Intéressant… j’en prends note

  2. dag
    2

    pouvez vous m’indiquer quel programme installer word press
    Je voudrais réaliser le lien pour ma page facebook .
    mon désir et quand je clique sur la photo elle arrive sur lien d’un autre site ou blog
    est d’integré deux photo et les dirigé vers de liens.

    il faut un programme php ou sql mais je connais aucun des deux languages.

    Help faut vraiment que j’arrive à faire cela .

  3. Delabie
    3

    BOnjour !
    J’aimerais utiliser WordPresse mais je sais pas lequel installer sur facebook ?
    Merci pour votre aide !
    Fonzy

Abonnez-vous à notre newsletter. Sinon, nous sommes aussi sur twitter ou facebook.