compartilhamento do @Facebook não mostra a imagem das metatags de gráfico aberto

Question

Jan 11, 2012, 05:38 AM

html facebook social-media javascript meta-tags

compartilhamento do @Facebook não mostra a imagem das metatags de gráfico aberto

Estou tentando integrar o botão de compartilhamento do Facebook ao site do meu empregador, o título, o URL, a descrição / introdução estão todos exibidos corretamente, mas nenhuma imagem está sendo anexada. Quando a caixa de diálogo de compartilhamento é aberta, um contêiner de imagem pisca e desaparece como se o facebook estivesse tentando processar a (s) imagem (s), mas falho

Estou usando og: image e uma relação de link para tentar especificar a imagem a ser usada em links compartilhados:

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

Essa imagem costumava funcionar (dimensionada adequadamente), mas não funciona mais, também tentei outras imagens de tamanhos e formatos diferentes sem sort

Aqui estão as meta-tags abertas que estou usando no cabeçalho:

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

Aqui está o JavaScript que estou usando no início do corpo:

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

E aqui está como eu estou usando o botão:

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

Qualquer ajuda é muito apreciada, obrigado antecipadamente
Chris.