Partager sur Facebook : choisir l'image pour la vignette ?

tu as une petite flèche vers l'image et tu sélectionnes ton image avec

 

Facebook "parse" ton contenu et propose les X premières images rencontrés.

une solution (bricolée) serait de mettre l'image que tu souhaite afficher juste derrière ton body et que tu la cache avec du javascript, peut-etre même qu'un display:non suffirait ...

 

Tu nous tiens au courant stp ? :mrgreen:

 

Voui ca m'intéresse aussi Dans mon cas, il ne chope que les images APRES le clic Facebook Je crois qu'il y a aussi peut être une notion de href sur l'image

 

Bonjour,

J'ai trouvé une solution à ce problème sur un blog uk.

Il suffit de mettre ce link dans le head et de spécifier l'image souhaitée.

Voilà j'espère que ça va répondre à ton souci.

Bonne journée.

 

Pfiou... ok, merci bcp pour l'info !
Y'a plus qu'à... créer un petit bout de code qui ira chercher la meilleure image de la page et l'afficher dans le header.

 

Tout est indiqué ici: http://wiki.developers.facebook.com/index.php/Facebook_Share/Specifyin ... _Meta_Tags

 

ouais ben ca, ca marche pas à chaque fois non plus

 

Super! pile poil ce qu'il me fallait.

 

merci spout, pour la doc complète.

 

je cherche cette solution depuis très longtemps!!

Cependant, je ne sais pas où trouver le code source de mon article? et où je dois coller ce link.

Quelqu'un peut svp m'aider?

 

Vérifier de ton coté de ton robots.txt Quelques fois il bloque le "bot" de FB

 

super et y a une astuce similaire pour avoir la description ?

 

J'ai trouvé réponse à cette question sur le site facebook :
https://developers.facebook.com/docs/share/

 

pour ma part, il n'y a que cette solution sur https://developers.facebook.com/docs/share/ qui fonctionne.

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

 

Bonjour,

Pour ma part, aucun n'image ne s'affiche! Enfin si, j'ai l'emplacement, mais rien concernant les photos qui sont présentes dans mon article. Je précise, j'ai un blog wordpress (dernière version 4.0), je publie des articles sans problème.
Lorsque je partage le lien sur facebook, j'ai bien le résumé du texte, avec le titre etc, mais dans l'encadré image, un fond gris, comme si mon article ne comprenait aucune photo!
Je ne sais plus quoi faire!
Pouvez vous m'aider?

 

Jette un oeil à l'extension "SEO Ultimate". Pour chaque article, tu peux préciser:

- le titre de la publication
- le texte d'introduction
- l'image à afficher

cf. ce qui est indiqué ci-dessus: ça renseigne les balises opengraph ad hoc.

 

Bonjour,

Un petit up sur ce post.

Pour mon site de gestion de biens immobiliers, j'utilise Joomla dernière version.

Par contre, si je sélectionne l'url d'une fiche d'un bien, par exemple :
http://grandpalais-immo.fr/vente/12-produit-d-exception-bourgeois-170m ... e-90m.html

Ben facebook ne me prends que le logo et le meta description du site en général.

Quelqu'un saurait il comment indiquer à notre ami Facebook comment :
- récupérer une autre image sauf le logo ?
- le début du descriptif d'une fiche d'un bien ?

D'avance, merci

Bonne journée !!

 

Bonjour,

Comme dit plus haut il faut utiliser les balises open graph. Dans ton cas og:image et og:description.

 

Bonjour et merci pour l'info

Par contre, saurais tu dans quel(s) fichier(s) je devrais faire ces modifs ?

Bonne journée

 

Bonjour UsagiYojimbo,

J'ai plusieurs pages contenant à chaque fois un bien immobilier.

Saurais tu m'aiguiller ?
Comment faire pour modifier les balises sur toutes ces pages ?
:s

Sinon, merci et bonne journée

 

Avec Joomla, en utilisant un plugin : http://extensions.joomla.org/profile/extension/site-management/seo-a-m ... open-graph

 

Bonjour,

Je me permet de relancer le post, car je n'ai toujours pas trouvé d'astuces pour mon cas.
Le développeur du module JEA (Joomla Estate Agency) m'a proposé la solution suivante :

Code:

Pour le problème de la description sur Facebook, il faudrait ajouter la description du bien (ou une partie) dans la balise meta description de votre page.

Ceci peut être accompli de cette façon en collant ce bout de code dans un override ({votre_template}/html/com_jea/property/default.php) :

<? JFactory::getDocument()->setDescription($row->description) ?>

Mais cela ne semble pas marcher

Exemple :
http://www.grandpalais-immo.fr/vente/11-garavan-beau-rdj-avec-terrasse ... ardin.html

Si je mets ce lien sur Facebook, toujours le même résultat:
3 images au pif et descriptif "générique" du site.

Est ce que quelqu'un aurait une idée ???
Please

Bonne journée sinon ^^

 

Oui il n'y a pas de balise og: dans ton header. Ce sont ces balises qui permettent d'indiquer titre, description, image et autres éléments à Facebook.

la réponse de ton développeur me semble légèrement à côté de la plaque

 

Ha ok, merci, Marie-Aude, pour la réponse

Je dois contacter le développeur dans la semaine, aurais tu quelques précisions sur ce que je dois lui demander, à tout hasard ?
Merci

 

Dis lui de lire ça : http://www.magicprog.fr/article-7-les-balises-meta-pour-facebook

 

Bonjour à tous

Merci pour vos réponses.

Après quelques heures hier soir de recherche, il semble qu'il faille activer Open Graph dans Joomla.
J'ai donc rajouté le plug in de Phoca :
http://www.phoca.cz/phoca-open-graph-plugin

Malheureusement, cela ne fonctionne pas .
Tesér avec ce lien :
http://grandpalais-immo.fr/vente/10-menton-garavan-villa-jumelee-vue-m ... scine.html
Ni une image correspondante à ce bien, ni le début de la description.

Là je suis KO, car je ne comprends pas pourquoi sur Joomla 3 cela ne fonctionne pas.


Auriez vous, à tout hasard, une autre suggestion ?

 

Si tu as déjà partagé Facebook a mis en cache, il faut lui faire "débuguer" la page pour rafraichir le cache

 

Arf !!! avant de penser facebook et OG je regarderais ton code source de page c'est une infamie 8O
Niveau optimisation de page ça dois pas être la fête chez toi.

 

C'est à dire ?
Pourrais tu être plus précis ?

J'utilise Joomla et le module JEA (Joomla Estate Agency).
D'où pourrait provenir le problème ?

 

Il n'y a pas de "problème" il y a surtout des pages lourdes, lentes et mal codées.

 

Bonjour,

Je me permet de relancer le sujet.
J'ai un soucis avec le partage des articles de mon blog sous blogger.
En effet, j'ai bien des balises og dans le head de mon code html et lorsque je partage ma page d'accueil pas de soucis mais lorsque je souhaite partager un article en particulier c'est l'aperçu de ma page d'accueil qui s'affiche. Par contre le lien dirigé bien vers l'article en question.

Savez vous comment je pourrais régler le soucis?
J'avais vu sur un blog d'astuce un code à ajouter avant le fin du head mais ça ne change rien et woorank détecte un doublon des balises og.

J'y suis depuis plusieurs jours et j'y ai passé des dizaines d'heures...
Je songe presque à faire migrer mon blog sous wordpress...

Merci pour votre aide

 

C'est https://www.nouslesnanas.com

 

Ton logo: 5500x3782 pixels et 12.2mo.

Il est URGENT que tu règles ça.

 

Trop lourd?

Je viens de migrer il y a quelques semaines sous wordpress du coup afin de régler mon soucis.

 

Trop lourd, trop grand, trop tout.

 

Si ton logo a l'air bien dimensionné, en réalité, c'est ça que ton site affiche: https://nouslesnanas.com/wp-content/uploads/2020/04/banniere-nouslesnanas.png

 

Quelle taille maximum conseilles-tu pour une bannière?

 

J'ai fait une impression écran de ton site et j'ai isolé le logo, ça donne 321x213.

 

Merci! Je vais voir ce que je peux faire dans le weekend
J'imagine que ça va permettre un peu plus de rapidité...

 

Une fois redimensionné, ton logo passera de 12.2mo à 15-20ko, soit grosso modo 0.15% du poids initial.
Alors oui, ça va permettre "un peu plus de rapidité"

 

Voilà, j'ai enfin pris le temps de réduire la taille Merci!

 

12.2mo avant, 180ko après, c'est nettement mieux !
Histoire de pinailler, 180ko, c'est encore beaucoup pour un logo. Quand t'auras quelques minutes, ce serait bien que t'optimises un peu, mais là au moins, il n'y a plus urgence.

 

Hello!
Je remonte un peu ce vieux topic. Je monte une boutique sous Prestashop 1.7 qui, de base va coller un logo non resizé comme image de partage sur les réseaux sociaux. J'ai donc appliqué dans le header.tpl ce qui est évoqué ci-dessus, et ça ne fonctionne pas vraiment.
Comme on peut le voir dans les captures, quand j'insère le lien, il y a bien la bonne image qui s'affiche, mais quand je valide, c'est la version avec le logo qui se met. Pourtant les données FB semblent bien indiquer que la bonne image est prise en compte, donc je suis un peu perdu
Si quelqu'un a une idée, ça serait avec grand plaisir Merci !

 

Problème résolu! Il faut en fait modifier le head.tpl du thème, rajouter la valeur <meta property="og:image" content=... tout en haut du fichier pour que FB le voit avant de prendre une autre valeur, forcée par le thème. J'ai deux og:image, mais c'est le premier qui passe.

• <meta property="og:image" content="https://shop.vincent.voyage/img/logo.jpg" />
• ....
• <meta property="og:image" content="https://shop.vincent.voyage/img/vincent-voyage-logo-1606074648.jpg" />

 

Merci @vincentvoyage, j'étais justement à court d'idée pour faire apparaitre ma vignette .