0

なぜ画像がFacebookの共有に表示されないのですか? https://developers.facebook.com/tools/debug/sharingなぜ画像がFacebookの共有に表示されないのですか?

:ここに は私のコードですが、私が間違って行っているところ 私のコードは、Facebookの共有ボタンは、見るものを扱う場合は、ここで共有デバッガツールを使用してみてくださいローカルホストに

<html> 
<head> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '1474558775911287', 
     xfbml  : true, 
     version : 'v2.8' 
    }); 
    FB.AppEvents.logPageView(); 
    }; 

(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/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

    <title>Your Website Title</title> 
    <meta property="og:url"   content="http://pypolo.com/" /> 
    <meta property="og:type"  content="website" /> 
    <meta property="og:title"  content="Hello" /> 
    <meta property="og:description" content="Your description" /> 
    <meta property="og:image" content="http://avnavu.com/wp-content/uploads/2014/09/Usay-Mein-Yaad-Aata-Hoon-shayari.jpg" /> 
<!-- You can use Open Graph tags to customize link previews. 
Learn more: https://developers.facebook.com/docs/sharing/webmasters --> 
</head> 
<body> 
    <!-- Load Facebook SDK for JavaScript --> 
    <div id="fb-root"></div> 

    <!-- Your share button code --> 
    <div class="fb-share-button" data-href="http://pypolo.com/" data-layout="button_count"> 
    </div> 

</body> 
</html> 
+0

「私のコードはローカルホストにありますか?」とはどういう意味ですか?あなたは 'http:// pypolo.com /'を共有しようとしていますが、あなたのlocalhostはどうですか?これは実際のドメインではありませんが、テスト用にローカルに設定したものですか? // localhostからOpen Graphメタタグをデバッグすることはできません。それらを読むにはFacebookはページをリクエストする必要がありますが、これはlocalhost経由では不可能です。 – CBroe

+0

私はlocalhostからテストしていますが、基本的にはhttp://pypolo.com/はライブ –

+0

です。ライブかもしれないが、Open Graphメタタグは含まれていません。 – CBroe

答えて

2

で教えてくださいhttp://pypolo.com

あなたのメタタグを見るとFacebookのクローラの結果が表示されます。明らかにあなたのog:画像はそのドメインに設定されていません。

コードはローカルホスト上で実行されていると言います。 Facebookはあなたのコンピュータからまったく読むことができません。また、コード内の共有ボタンは、お使いのマシンではなくhttp://pypolo.comを指しています。たとえそれをあなたのマシンに向けようとしたとしても、基本的に現実のサーバーのようなマシン設定をして、それを世界に公開する必要があります。あなたが通常やりたいことではありません。だから基本的に私が言っているのは、あなたのコードにog:imageがありますが、それはFacebookの共有ボタンを通じてFacebookにまったく送信されていないということです。

あなたがする必要があることは、pypolo.comが動作しているサーバーにコードをアップロードすることです。この方法でFacebookのクローラはその画像を見ることができます。その後、共有デバッガでURLを再試行し、その時点でその画像をポストに表示する必要があります。

関連する問題