Facebook partager ne présentant pas d'image à partir d'open graph metatags

Je suis en train d'intégrer le Facebook bouton "partager" à mon employeur du site, le titre, l'url, la description/intro sont tous affiche correctement, mais aucune image n'est attaché.
Lorsque le dialogue s'ouvre, une image contenant scintille puis disparaît comme si facebook est en train d'essayer de traiter l'image(s), mais échoue.

Je suis en utilisant og:image et d'un lien de relation d'essayer et de spécifier l'image à utiliser pour les liens partagés:

<meta property="og:image" content="/images/logo_white_150px.png" />
<link rel="image_src" type="image/png" href="/images/logo_white_150px.png" />

Que l'image utilisée pour le travail (il redimensionnée correctement) mais ne le fait plus, j'ai aussi essayé d'autres images de différentes taille et le format avec pas de chance.

Voici l'open de meta-tags, je suis en utilisant dans l'en-tête:

<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" itemscope itemtype="http://schema.org/Article" xmlns:og="http://ogp.me/ns#">
  <head>    
    <meta property="og:type" content="landing page" />
    <meta property="og:title" content="Social Media Test Page" />
    <meta property="og:description" content="This is a page for testing the behavior of social media buttons..." />
    <meta property="og:image" content="/images/logo_white_150px.png" />
    <link rel="image_src" type="image/png" href="/images/logo_white_150px.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:url" content="<%=shortUrl%>" />
    <meta property="og:site_name" content="site name" />
    <meta property="og:medium" content="mult" />
  </head>

Voici le code JavaScript que j'utilise au début du corps:

  <body>
    <script type="text/javascript">
      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      } (document, 'script', 'facebook-jssdk'));
    </script>
  ...

Et voici comment je suis en utilisant le bouton:

  <div class="left" style="text-align: center;">
    <a name="fb_share" type="button" share_url="<%=shortUrl%>">Share</a>
    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
  </div>

Toute aide est très appréciée, merci d'avance
Chris.

Dans mon expérience, le vrai problème, c'est les cookies. Vider le cache plusieurs fois entre vos tests et il va fonctionner. Votre code est bien.
Fb est un outil gratuit pour tester votre site.

OriginalL'auteur cgrantham | 2012-01-11

1

Si tout est OK sur le raclé le résultat, essayez de récupérer les nouvelles de la ferraille de l'information à l'aide de Facebook Débogueur.

C'est parce que Facebook utiliser son propre cache pour og:les données.

Alors que ce lien peut répondre à la question, il est préférable d'inclure les parties essentielles de la réponse et de fournir le lien de référence. Lien-ne répond peut devenir non valide si la page liée changements. - Revue
alors que c'est généralement à droite, il n'est pas ici. Le lien de liens à un outil de. Vous ne pouvez pas poster un outil.

OriginalL'auteur Sebastian
0

Sans voir le code HTML de sortie à partir de votre code, je ne pouvais faire de prédiction sur la question.
Ne pas utiliser une url relative, comme <%=shortUrl%>, mais assurez-vous d'utiliser les Url....quelque chose qui a le http(s)://on.

Aussi, http://developers.facebook.com/docs/share/ dit que ce bouton de partage est désapprouvée. Veuillez modifier à l'aide du bouton j'Aime de la place: http://developers.facebook.com/docs/reference/plugins/like/

Je sais que le bouton "partager" est obsolète, mon employeur veut encore jusqu'à ce que nous pouvons déployer une coutume comme le bouton. le shortURL jsp variable est en fait une url complète qui nous compresser à l'aide d'une bibliothèque de Google semblable à tinyurl.
Peut-être l'image de l'analyseur n'est pas comme les redirections? Je n'ai jamais essayé. Mais vous pouvez essayer de retirer la raccourcir une url et de placer l'url complète dans la OG de la balise de la place. Ou pour cette matière, jusqu'à ce que vous l'obtenir pour fonctionner, le code de l'og:image de la balise.
l'og:image de l'étiquette utilise le chemin d'accès complet et je peux accéder à l'image directement dans le navigateur à l'aide de l'url
Si la non-url redirigée, n'est pas capable de lire Facebook de linter, je ne suis pas sûr que dire.
Ah, je vois que le contenu est de se gratté correctement maintenant, je reçois un avertissement que l'og:url de la balise doit être explicitement spécifié (qui c'est?!) Mais en dehors de cela, tout a l'air bonne, le même comportement se produit si - le titre, l'url et la description apparaissent, mais pas l'image...

OriginalL'auteur DMCS
0

De mon expérience :
- Toutes les Url doivent être absolu (même l'og:valeur d'image)
- Si votre image est servi de manière égale sur https, vous devez ajouter un og:image:secure_url méta-propriété avec l'url absolue (si vous
  servir tout seul sur https, vous pouvez sauter ce)
- Ajouter ainsi un og:image:largeur et og:image:hauteur méta-propriétés
Principal de la redirection d'url est très délicat, vous devez faire absolument sûr que votre contenu est correctement (entièrement) les cheveux, pour des complexes de contenu dynamique, j'ai souvent de faire une détection dans l' .htaccess pour servir FB du robot d'indexation de contenu approprié comme suit :
```
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} facebookexternalhit/[0-9]
RewriteRule ^(.*)$ OG_GENERATOR_SCRIPT_HERE.php [L,QSA]
```
OriginalL'auteur Sam Rossetti

Vous devez vous connecter pour publier un commentaire.