ソーシャルメディア上のページ共有 - 画像サムネイルが正しくありません

Question

自分のサイトのフッタとメタタグへのソーシャルメディア共有リンクを自分のヘッドファイルに追加しましたが、FacebookやLinkedInは、メタタグに割り当てられたイメージではなく、ページからイメージを取得します。

（LinkedInは割り当てられたjpgではなく、ページ上の最初の3つのGIFを引っ張っていますが、違いがあればFacebookも正しいイメージを引き出していないので、問題）ジキルとリキッドを使用して（次のように

フッターにHTMLがある）：。頭の中で

<ul> 
    <li><a href="https://facebook.com/sharer.php?u={{site.url}}{{page.url}}" rel="nofollow" target="_blank" title="Share on Facebook">Facebook</a></li> 
    <li><a href="https://twitter.com/intent/tweet?&url={{ site.url }}{{ page.url }}" rel="nofollow" target="Tweet" title="Share on Twitter">Twitter</a></li> 
    <li><a href="http://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}&title={{page.title}}" rel="nofollow" target="_blank" title="Share on LinkedIn">LinkedIn</a></li> 
</ul> 

メタタグ：

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="{{ page.title }}" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="website" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="http://placekitten.com/g/300/400" /> 
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="{{ site.url }}{{page.url}}" /> 

誰でもピンポイントしてくださいでき私は間違っているの？私はメタタグに接頭辞を追加しました、私は別の画像を試してみました、私はFacebookの共有デバッガ（https://developers.facebook.com/tools/debug/）を通過しましたが、すべてが間違った画像を引き上げ続けます。

ありがとうございました！

Answer 1

Facebook/LinkedInが最新のメタデータをスクラップしていない理由はたくさんあります。

キャッシング。

Facebookは、あなたのサイトを削除した前の時点のメタデータを保存している可能性があります。 Facebookは、キャッシュされたエントリをクリアするための多くのツール（Batch Cache Invalidatorなど）を提供しています。 LinkedInはソーシャルメタデータfor 7 daysをキャッシュします。 LinkedInを騙してクエリーパラメータを追加してページを再スキャンすることはできますが、残念ながらLinkedInキャッシュを破る正式な方法はありません。

適切なタグ

は、あなたのタグが正しいことを確認します。 Open Graph Protocolには一連のドキュメントが用意されています。たとえば、各メタタグにprefix="og: http://ogp.me/ns#"を定義する必要はありません。

サーバー&環境

は、ローカルおよび/またはテスト環境で作業していますか？

Facebookのクローラによってサーバーにアクセスできることを確認してください。 robots.txtを確認してください。 FacebookのDebugger Toolがあなたにエラーを表示するかもしれません。

正しいページを削っていることを確認してください。私はあなたのog:urlプロパティが定義しているため、クローラがプロダクションサイトにぶつかっている過去にエラーが発生しました。 FacebookのCrawler DocsのCanonical URLセクションをご覧ください。

その他すべてが失敗した場合は、See exactly what our scraper sees for your URLのFacebookのオプションを参照してください。 Facebookに表示されるHTMLが表示されます。 スクリーンショット：