初めて共有するとサムネイル画像が表示されない

Question

このフォーラムではさまざまな方法を試してみましたが、80％で動作します。共有ボタンをクリックすると、正常に動作しますが、サムネイルを取得できません。投稿を共有したときの画像

最初のページにog：imageを設定しようとしましたが、まだ動作しません。マイコード：

<meta property="og:image" content="http://www.example.com/a.jpg"> 
<meta property="og:image:secure_url" content="http://www.example.com/a.jpg"> 
<meta property="og:image:width" content="640"> 
<meta property="og:image:height" content="442"> 

とにかくそれを修正するにはどうしますか？

Answer 1

を読んでくれてありがとうは、ヘッド部にこれを追加し、og:image:width and og:image:height

<meta property="fb:app_id" content=" your facebookAppId " /> 
<meta property="og:title" content=" This is title of post " /> 
<meta property="og:url" content="http://www.example.com/a.jpg"> 
<meta property="og:image" content="http://www.example.com/a.jpg" /> 
<meta property="og:image:width" content="640" /> 
<meta property="og:image:height" content="442" /> 
<meta property="og:description" content=" This is description of post" /> 

と同じでなければなりませんあなたのアプリIDとImage幅と高さを変更しても、このコードは、あなたの

<div id="fb-root"></div> 
         <script src="https://connect.facebook.net/en_US/all.js"></script> 


    <script> 
/********* Code for deleting facebook cache ************/ 
           FB.api(
             '/', 
             'POST', 
             {"scrape": "true", "id": "http://www.example.com/a.jpg"}, 
             function (response) { 
             } 
           ); 
/********* Code for deleting facebook cache ************/ 

          (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#xfbml=1&version=v2.7&appId=xxxxxxxxxxfacebookAppId"; 
           fjs.parentNode.insertBefore(js, fjs); 
          }(document, 'script', 'facebook-jssdk'));</script> 
          <div class="fb-share-button" data-href="http://www.example.com/a.jpg" data-layout="button"></div> 

Answer 2

それは可能性を助けるかもしれませんOGプロトコルの問題ではありません。

あなたのコードが正しい場合でも、 facebook scrapperは共有画像を取得できません。

解決方法は2通りあります。 1. facebookデバッガを使用して、クローラが画像を正しく取得できるようにしてください。 https://developers.facebook.com/tools/debug/

2. 共有イメージのファイル名を変更します。 Facebookは、私が知っている限り、イメージのURLを持つ共有イメージのキャッシュを1日保持します。 イメージのURLを変更し、クローラがあなたのURLを再スクラップできるようにすると。