2017-08-13 5 views
0

共有ボタンのカスタムFacebook画像が表示されません。私はlocalhostから試しています、それは理由でしょうか?(まだ生産中ではテストできません)。画像アドレスがウェブから取得されました。別のアドレスを試しました。Facebookのメタ画像が共有できません

<meta property="og:type"   content="here is production website address" /> 
    <meta property="og:title"   content="Your Website Title" /> 
    <meta property="og:description" content="Your description" /> 
    <meta property="og:image"   content="https://crunchbase-production-res.cloudinary.com/image/upload/c_limit,h_600,w_600/v1422480063/h0fvargheeyaybm4oyyt.jpg" /> 
    <meta property="og:image:type" content="image/jpg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" /> 

ボタンです。リンクは、実際のウェブサイトのページにありますが、メタタグのFacebook側の表現で唯一の問題(私の知る限り)

<div class="fb-share-button" style="width: 250px; 
    height: 56px; 
    background-color: #3a5998; text-align: center;line-height: 54px;color:white;" data-href="http://www.tick-tock.com.ua/event/144/" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://www.tick-tock.com.ua/event/135/" style="color: white;">Share on Facebook</a></div> 

それが動作しない他に何を作ることができるのですか?どんな直接の答えも見つけられませんでした。

答えて

1

これはあなたのローカルホストではうまくいかないでしょう。 Facebookは実際にOGメタ情報を読んでいるページを擦っている。あなたのローカルホストを削ることはできません。

しかし、いったんオンラインにすると、FacebookのOGデバッガですぐにページを削り取り、メタデータを読むことができます。

https://developers.facebook.com/tools/debug/

1

Facebookの共有者は、もはや写真、名前、キャプション、サムネイル、説明などのカスタムフィールドをサポートしていません。

詳細については、https://developers.facebook.com/docs/apps/changelogを確認し、「v2.9で廃止予定」

を探してください。
関連する問題