2013-02-20 2 views
3

J'ai essayé meta property="og:image", meta property="og:image:security" et link rel="image_src" mais quand je clique sur le lien, le partageur n'a pas de vignette. Il montre le titre, la description et l'URL. J'ai essayé de redimensionner les images à 90x90, 200x200 et 500x500 mais rien ne s'est passé. Voici le code:Facebook Sharer n'a pas la miniature

<meta property="og:url" content="URL"> 
<meta property="og:title" content="TITLE"> 
<meta property="og:description" content="DESCRIPTION" /> 
<meta property="og:type" content="website"> 
<meta property="og:image" content="IMAGE"> 
<meta property="og:site_name" content="SITE NAME"> 

<a href="https://www.facebook.com/sharer/sharer.php?u=url" target="_blank">Share on FB!</a> 

PS: J'ai aussi https et j'ai aussi essayé.

est ici la sortie:

enter image description here

Répondre

8

Cela pourrait être pour plusieurs raisons, mais sans voir votre code réel (non obturé avec IMAGE, SITE NAME etc.) Je ne peux hasarder quelques conjectures .

  1. Votre site est hébergé localement ou mot de passe protégé

    Il est parfois une erreur des gens stupides font, si vous développez ce local et vous mettre dans une image hébergée localement comme le contenu og:image alors facebook ne sera pas en mesure de charger l'image correctement.

  2. pas une URL valide

    Charge l'URL og:image et voir si des charges. Si ce n'est pas le cas, c'est votre problème.

  3. Votre image n'est pas valide. C'est ce que Facebooks documentation a à dire sur les propriétés de l'image:

    og: image - Une URL de l'image qui devrait représenter votre objet dans le graphique. L'image doit être au moins 50px par 50px, bien qu'un minimum 200px par 200px soit préféré et 1500px par 1500px est recommandé pour la meilleure expérience utilisateur possible. L'image peut avoir un rapport d'aspect maximal de 3: 1. Nous supportons les formats PNG, JPEG et GIF. Vous pouvez inclure plusieurs tags og: image pour associer plusieurs images à votre page. (Remarque: la taille des images ne doivent pas être plus de 5 Mo en taille.)

  4. Facebook a bloqué votre domaine

    Peu probable, mais possible. Voir ci-dessous concernant l'utilisation du débogueur Facebook.

Vous pouvez utiliser Facebooks debugger - il suffit de taper votre URL et il vous donnera toutes les informations dont vous avez besoin. Y compris la propriété og:image.

Si rien n'est détecté, assurez-vous d'inclure correctement les balises dans votre page, que vous pouvez voir here.

Si absolument aucun des travaux ci-dessus, et vous ne pouvez vraiment pas obtenir quoi que ce soit à travailler pour vous, vous pouvez inclure l'URL directement dans le lien URL de l'action - je l'ai fait un exemple here pour vous.

+0

Merci beaucoup. J'ai essayé toutes les choses que vous avez dites et l'exemple que vous avez écrit à jsfiddle a fonctionné! Mais une chose de plus que j'aimerais apprendre, puis-je obtenir plusieurs images de cette façon? J'ai essayé d'ajouter "images [1]" mais cela n'a pas fonctionné. –

+0

C'est un bon point @ BerkeSütçü, j'ai essayé [images] [] et images [0] images [1] mais ça n'a pas marché. Malheureusement, cette fonctionnalité n'est documentée nulle part sur facebook, donc je ne peux pas voir si c'est possible. – Prisoner

+0

Je dois donc faire en sorte que les balises méta fonctionnent pour définir plusieurs images. Merci pour tout aide de toute façon. –