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

Consultez la formation SEO spéciale Wordpress
par WebRankInfo / Ranking Metrics

milkiway
WRInaute accro
WRInaute accro
 
Messages: 4994
Enregistré le: 3 Fév 2004

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

Message le Mer Mar 24, 2010 10:11

Bonjour,

Comme beaucoup, j'utilise la fonction "Partager sur facebook".
Voir ici par exemple : http://tinyurl.com/yjqan75 en bas de la recette.

Lors du partage (cliquez sur Partager sur facebook) je voudrais pouvoir choisir la vignette car là, par défaut c'est le logo de mon site qui est sélectionné.

Comment faire ?

Merci

horlogerie
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 467
Enregistré le: 15 Aoû 2005

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

Message le Mer Mar 24, 2010 11:35

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

milkiway
WRInaute accro
WRInaute accro
 
Messages: 4994
Enregistré le: 3 Fév 2004

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

Message le Mer Mar 24, 2010 11:40

Je me suis mal exprimé. Je voudrais indiquer au script directement la bonne image à utiliser et que l'utilisateur ne se voit pas proposer le logo de mon site comme illustration!

aladdin
WRInaute passionné
WRInaute passionné
 
Messages: 1457
Enregistré le: 29 Avr 2005

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

Message le Mer Mar 24, 2010 14:45

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 ...

milkiway
WRInaute accro
WRInaute accro
 
Messages: 4994
Enregistré le: 3 Fév 2004

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

Message le Mer Mar 24, 2010 16:21

Humm pas bête du tout ça, surtout que ça permet de charger l'image avant qu'elle ne soit effectivement affichée.
Merci je vais faire ça.

SpeedAirMan
WRInaute accro
WRInaute accro
 
Messages: 2705
Enregistré le: 2 Juin 2007

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

Message le Mer Mar 24, 2010 16:33

Tu nous tiens au courant stp ? :mrgreen:


finstreet
WRInaute accro
WRInaute accro
 
Messages: 18072
Enregistré le: 10 Juil 2005

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

Message le Mer Mar 24, 2010 17:05

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

milkiway
WRInaute accro
WRInaute accro
 
Messages: 4994
Enregistré le: 3 Fév 2004

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

Message le Mer Mar 24, 2010 17:18

Ca ne fonctionne pas 8O

Prax
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 3
Enregistré le: 24 Mar 2010

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

Message le Mer Mar 24, 2010 19:04

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.
<link rel="image_src" href="http://adresseimg.png" />


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

Bonne journée.

milkiway
WRInaute accro
WRInaute accro
 
Messages: 4994
Enregistré le: 3 Fév 2004

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

Message le Mer Mar 24, 2010 19:13

Prax a écrit: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.
<link rel="image_src" href="http://adresseimg.png" />


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

Bonne journée.

Wonderful, merci beaucoup!

SpeedAirMan
WRInaute accro
WRInaute accro
 
Messages: 2705
Enregistré le: 2 Juin 2007

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

Message le Mer Mar 24, 2010 19:16

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.


spout
WRInaute accro
WRInaute accro
 
Messages: 6724
Enregistré le: 14 Mai 2003

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

Message le Mer Mar 24, 2010 20:24



finstreet
WRInaute accro
WRInaute accro
 
Messages: 18072
Enregistré le: 10 Juil 2005

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

Message le Mer Mar 24, 2010 23:04

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

asterix23
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 311
Enregistré le: 22 Avr 2006

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

Message le Mer Mar 24, 2010 23:27

Super! pile poil ce qu'il me fallait.

Prax
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 3
Enregistré le: 24 Mar 2010

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

Message le Jeu Mar 25, 2010 11:25

merci spout, pour la doc complète.

mattkay
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 1
Enregistré le: 17 Déc 2010

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

Message le Ven Déc 17, 2010 0:55

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?


finstreet
WRInaute accro
WRInaute accro
 
Messages: 18072
Enregistré le: 10 Juil 2005

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

Message le Ven Déc 17, 2010 1:33

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


WebRankInfo
Administrateur du site
Administrateur du site
 
Messages: 21968
Enregistré le: 19 Avr 2002

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

Message le Ven Déc 17, 2010 13:13



Sur cette page, je vois un lien vers une page qui explique qu'il faut mettre une balise meta :
Code: Tout sélectionner
<meta property="og:image" content="thumbnail_image" />

je l'ai mis sur les pages du forum et ça ne marche pas on dirait...

Prax a écrit:Il suffit de mettre ce link dans le head et de spécifier l'image souhaitée.
Code: Tout sélectionner
<link rel="image_src" href="http://adresseimg.png" />

je vais donc essayer cette autre solution

cupidonbe
WRInaute discret
WRInaute discret
 
Messages: 132
Enregistré le: 17 Juin 2009

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

Message le Mer Nov 16, 2011 7:50

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

alcidejet
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 1
Enregistré le: 25 Jan 2008

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

Message le Mer Juil 04, 2012 18:12

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

You can share rich media like images, audio, and video from your page. To do this, you need to include meta tags in the <head> element in your HTML code.
Configuring Meta Tags for Facebook Share

You can enhance how the shared item appears on Facebook by configuring how it gets previewed on a user's profile and when a user tries to share it. You do this with <meta> tags.

Facebook Share passes along the URL of your page to our servers, which in turn looks up certain HTML tags within it. Those tags are used to display a preview of the page. In order to provide this preview, we always look for the title of the page, a summary of the main content and an image. If there's media content on the page, those media files are also important to identify.
Basic Tags

In order to make sure that the preview is always correctly populated, you should add the tags shown below to the <head> element in your HTML code. If you don't tag your page, Facebook Share will grab the title of your page as specified in the <title> tag, and will create a summary description from the first text that appears in the body of your page. A list of thumbnails will all be selected from available images on your page.

You can control the exact title, description, and thumbnail that Facebook Share uses by adding the following meta tags to the <head> element in your page:

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


So an example news story could have the following:

<meta property="og:title" content="Smith hails 'unique' Wable legacy" />
<meta property="og:description" content="John Smith claims beautiful football
is the main legacy of Akhil Wable's decade at the club. " />
<meta property="og:image" content="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" />

As shown, og:title contains the preview title, og:description contains the preview summary and og:image contains the preview image. Please make sure that none of the content fields contain any HTML markup because it will be stripped out.

The title and description tags are the minimum requirements for any preview, so make sure to include these two.

The og:image is the URL to the image that appears in the Feed story. The thumbnail's width AND height must be at least 50 pixels, and cannot exceed 130x110 pixels. The ratio of both height divided by width and width divided by height (w/h, h/w) cannot exceed 3.0. For example, an image of 126x39 pixels will not be displayed, as the ratio of width divided by height is greater than 3.0 (126/39 = 3.23). Images will be resized proportionally.

seolius
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 348
Enregistré le: 26 Juin 2012

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

Message le Mar Aoû 07, 2012 6:10

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" />

Elleaime
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 1
Enregistré le: 17 Oct 2014

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

Message le Ven Oct 17, 2014 10:01

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?


HawkEye
WRInaute accro
WRInaute accro
 
Messages: 17700
Enregistré le: 23 Fév 2004

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

Message le Ven Oct 17, 2014 11:16

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.

cyber-avenir
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 269
Enregistré le: 22 Mai 2010

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

Message le Jeu Mai 14, 2015 20:37

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 !!


UsagiYojimbo
WRInaute accro
WRInaute accro
 
Messages: 10786
Enregistré le: 23 Nov 2005

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

Message le Jeu Mai 14, 2015 22:56

Bonjour,

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

cyber-avenir
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 269
Enregistré le: 22 Mai 2010

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

Message le Ven Mai 15, 2015 9:11

UsagiYojimbo a écrit: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

cyber-avenir
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 269
Enregistré le: 22 Mai 2010

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

Message le Sam Mai 16, 2015 18:29

UsagiYojimbo a écrit:Bonjour,

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


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 :)


UsagiYojimbo
WRInaute accro
WRInaute accro
 
Messages: 10786
Enregistré le: 23 Nov 2005

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

Message le Sam Mai 16, 2015 18:40



Formation recommandée sur ce thème :

Formation SEO spéciale Wordpress : apprenez à optimiser le référencement naturel d'un site fait avec Wordpress... Formation Ranking Metrics animée par un expert SEO / Wordpress.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :