Vignette du forum lors d'un partage Facebook

[yao]

Bonjour,

Depuis déjà plusieurs mois, nous avons un léger "problème". Ce n'est pas grave mais ça commence à devenir gênant.

Lorsque nous partageons un topic (ou la page d'accueil du forum) sur Facebook, la vignette par défaut (ou les autres propositions d'images que nous suggère Facebook) montrent très rarement le logo (ou design) de notre forum. Facebook préfère mettre de petites images que nous ne voulons pas (de petits logos qui se trouvent dans la colonne de gauche ou de droite du forum).

Je souhaite donc savoir s'il y a un moyen via un script ou autre de donner une image par défaut pour la vignette lors d'un partage sur Facebook

Merci d'avance, j'espère avoir été clair !


EDIT, voici notre forum : http://www.frenchnerd-fanclub.com

[MlleAlys]

Bonjour,
vous pouvez vérifier et actualiser les informations de votre site directement via un outil facebook :
https://developers.facebook.com/tools/debug/
Si vous souhaitez modifier l'image, il s'agit d'une balise spécifique à insérer sur votre forum :

Code:

<meta property="og:image" content="URL DE L'IMAGE" />

Personnellement j'ai ceci lorsque je partage le lien de votre page d'accueil :

[yao]

Bonjour MlleAlys,

Merci beaucoup pour ce lien !

Après avoir un peu bidouillé, je pense que la bonne vignette apparaissait uniquement pour les pages accessibles aux invités.

Là où l'image de la vignette ne nous plaisait pas, c'était lorsque nous mettons un lien inaccessibles aux non-membres (ça redirigeait le lien sur http://www.frenchnerd-fanclub.com/login?connexion )

J'ai fait quelques clics sans trop savoir ce que je faisais et il semblerait que, par miracle, tout fonctionne comme je le voulais ^^'

Je vais cependant aller vérifier auprès d'un autre utilisateur pour savoir si cette résolution au problème concerne uniquement mon compte Facebook ou si ça fonctionne vraiment avec tout le monde.

Je vous tiens au courant

En tout cas, merci encore MlleAlys !


PS : Ah et si le code que vous nous avez donner, si nous souhaitons l'utiliser, où est-ce qu'il faudrait le copier-coller ?

[MlleAlys]

Vous pouvez le coller dans la partie head de overall header et de simple_header ^^

[yao]

Vous pouvez le coller dans la partie head de overall header et de simple_header ^^

Bonjour,

Désolé, on s'est peut-être pas très bien compris. Parce que, en fait, je ne comprends pas où je dois aller dans le panneau d'administration pour accéder à cette partie "head" afin d'ajouter ce code
Nous souhaitons finalement ajouter une image spécifique que Facebook ne nous propose pas ^^

J'ai fait quelques clics sans trop savoir ce que je faisais et il semblerait que, par miracle, tout fonctionne comme je le voulais ^^'

Je vais cependant aller vérifier auprès d'un autre utilisateur pour savoir si cette résolution au problème concerne uniquement mon compte Facebook ou si ça fonctionne vraiment avec tout le monde.

Il semblerait que ça fonctionne aussi chez d'autres utilisateurs
Cependant, lorsque "j'écris" un lien sur une conversation Facebook, on me "prévisualise" la bonne vignette... mais une fois que je poste, c'est une autre vignette qui apparaît ^^' Bizarre mais ce n'est pas trop grave, d'autant plus que, finalement, nous souhaitons plutôt opter pour la solution de l'image spécifique mentionnée plus haut

[yao]

Vous pouvez le coller dans la partie head de overall header et de simple_header ^^

Bonjour,

Désolé, on s'est peut-être pas très bien compris. Parce que, en fait, je ne comprends pas où je dois aller dans le panneau d'administration pour accéder à cette partie "head" afin d'ajouter ce code
Nous souhaitons finalement ajouter une image spécifique que Facebook ne nous propose pas ^^

Bonjour,

Un ami m'a expliqué qu'il fallait se connecter avec le compte fondateur afin d'ajouter ce code dans un des templates. Je l'ai donc fait il y a ~1h mais aucune modification n'a été remarquée.
Peut-être faut-il attendre encore quelques heures avant que le changement soit pris en compte ?

[MlleAlys]

Arf oui, je suis désolée je n'ai pas expliqué ^^"

Repassez par le debugger facebook pour mettre à jour les informations sur votre forum. Si les informations ne sont pas les bonnes, c'est que le code a dû être mal installé dans le template :

- Votre image doit faire au moins 200*200px.
Dans le template overall_header :
- localisez la varibale {META_FB_LIKE}
- mettez le code pour la nouvelle image juste avant cette variable
- enregistrez et publiez

(la mettre avant permet que l'image ajoutée soit celle par défaut, la bannière apparaitra en deuxième choix lors du partage)

[yao]

Bonjour @MlleAlys,

Merci encore une fois pour votre réponse

J'ai fait comme vous l'avez dit mais je ne vois aucun changement. Sur le site "debugger facebook", on ne me propose jamais la nouvelle image que j'ai inséré dans le template.

J'ai essayé de faire ceci sur deux forums, aucun ne fonctionne

Avez-vous une idée d'où peut provenir le problème ? Dois-je aussi mettre le code dans "simple_header" à un endroit précis ?

[MlleAlys]

Je vois bien la nouvelle image apparaitre si c'est celle là :
https://www.zupimages.net/up/15/18/ajsy.bmp
La raison pour laquelle elle n'apparait pas par défaut, par contre, je n'en suis pas certaine, une histoire de taille peut être, essayez de remplacer votre balise meta par celle là :

Code:

<meta property="og:image" content="http://zupimages.net/up/15/18/loni.bmp" />

(l'image est plus grande et mieux cadrée pour la taille de l'image facebook, vous pouvez la réhéberger si vous voulez, mais normalement il ne devrait pas y avoir de problème avec l'hébergeur que j'ai utilisé)
Publiez le template,
Puis sur la page du debugger facebook, n'oubliez pas de cliquer sur le bouton "debug" puis à nouveau sur le bouton "fetch new scrape information" pour que les infos soient mises à jour. (refaites-le plusieurs fois si nécessaire ^^)

[yao]

Ça fonctionne ! C'est nickel, merci beaucoup !

Dernière question avant de passer le topic en résolu : qu'avez-vous exactement modifié concernant l'image ? Car nous comptons peut-être changer d'image dans quelques semaines. Voire même mettre une image en "carré" (est-ce que ça sera gênant ? )

[MlleAlys]

je l'ai agrandie et recadrée très légèrement pour qu'elle soit moins large... Je ne sais pas si ça sera gênant, il faudra faire des tests jusqu'à trouver le bon format je suppose, désolée

[yao]

Très bien, merci encore pour tout !

Je passe en résolu