18041 sujets

Questions générales et questions de débutants

[Résolu] Vignette Facebook manquante

Bonjour,

J'ai réalisé un site web mais lorsque le lien vers ce dernier est posté sur facebook aucune vignette n'apparait, alors que les méta données de description sont, elles, bien présentes.

Voici ce que jai mis dans mon code html:

<meta property="og:url" content="http://pandatransports.com/" /> 
<meta property="og:title" content="Panda Transports" /> 
<meta property="og:description" content="Transport de personnes sur Paris, Navette Gares, Aéroports, Parc d'attractions, Transports de nuit, Transports scolaire..." />  
<meta property="og:image" content="http://pandatransports.com/images/slider/vehicule-panda-night.jpg" />


J'ai entré le lien de ma page sur le débogueur d'objet facebook et il a bien pris en compte l'image que je lui ai indiqué mais elle ne s'affiche pas dans le lien.

Est-ce que quelqu'un à une idée pour résoudre ce problème?
Cela peut-il venir de la taille de mon image qui n'est pas adaptée ou y a t-il un délai pour que facebook prenne en compte mes changements?

Merci.
Bonsoir,

Les dimensions de ton image sont: 990px × 300px, essaie d'atteindre le ratio 3x1.

La doc de Facebook indique:
og:image - The URL to an image that represents the entity. Images must be at least 50 pixels by 50 pixels (though minimum 200px by 200px is preferred). Square images work best, but you are allowed to use images up to three times as wide as they are tall.

ici: https://developers.facebook.com/docs/reference/plugins/like/
Modifié par loicbcn (14 Jan 2013 - 23:30)
Salut Benji,

Je voulais créer un sujet pour intégrer l'opengraph sur mon site avec les fonctionnalités de base.
Le soucis c'est que je ne sais pas trop par quoi commencer pour intégrer ces balises meta, dois je créer une application facebook ?

Dans la doc de facebook developper, dans la section "Integrate Facebook into your website", il parlent des boutons, du facebook connect, mais pas de ces balises meta.

Franchement pas évident sans docs en français.

Merci pour un petit coup de pouce.
Moi personnellement je n'ai pas mis de bouton facebook sur mon site, je souhaitais juste avoir la bonne image et la bonne description du site lorsque quelqu'un poste le lien sur facebook.

Donc jai juste ajouté le code suivant entre <head> et </head> de mon code html:


<meta property="og:url" content="L' URL DE TA PAGE WEB" /> 
<meta property="og:title" content="LE TITRE DE TA PAGE" /> 
<meta property="og:description" content="LE CONTENU ET DESCRIPTION DE TON SITE" />  
<meta property="og:image" content="http://URL_DE_TON_SITE/NOM_DE_L'IMAGE.jpg" />


Je n'ai pas essayé mais peut-être que tu peux mettre plusieurs fois la balise meta image pour laisser le choix de la vignette à afficher sur facebook.


Si tu veux un bouton "J'aime" sur ton site c'est pas plus compliqué, tu génères ton code sur le site facebook developpers et tu l'intègre dans ton code html.
Ce lien peut peut-être t'aider

J'éspère que j'ai répondu à ta question!
Salut,

Je pensais vraiment qu'il fallait faire quelque chose sur Facebook pour utiliser ces fameuses balises meta propre à l'open graph.

Merci pour ta réponse !
Sujet clos
Aller à