2

Facebook のようなボタンを実装するために、次のコードを自分のサイトに貼り付けました。

<div class="fb-like" data-href="http://example.com/blog/article/28" data-send="false" data-width="450" data-layout="button_count" data-show-faces="false"></div>

そして、私は次のメタタグを持っています:

<meta property="og:type" content="website" />
<meta property="fb:app_id" content="123412341234123" />
<meta property="og:url" content="http://example.com/blog/article/28" />
<meta property="og:image" content="http://example.com/images/branding/logo7.png" />
<meta property="og:title" content="Testing Title - Sitename" />
<meta property="og:description" content="some description" />

Facebook Object Debuggerを試してみたところ、すべてのデータが正しくスクレイピングされていることがわかりました。og:imageタグの画像は 16.78KB 450x450px PNG Image で、私が見つけた唯一の要件 (最小幅と高さは 200x200px) を満たしているようです。

いいねボタンをクリックすると機能しますが、いいねに関連付けられた画像として、私も実装した「ピン留め」ボタンが表示されます。

私の質問は何が欠けているかです。それぞれの like で適切な画像を表示する方法はありますか?

4

1 に答える 1

0

すべての og タグが正しく一致する必要があります。正確に正確な URL タグは、Facebook でスクレイピングする必要があります。

例えば

例のドットコム

と同じではありません

www ドット 例 ドットコム

と同じではありません

www ドット 例 dot com/index dot php

一致がどれほど正確である必要があるかはわかりませんが、それは重要です.

また、Canonical URL は Fetched URL と一致する必要があるようで、どちらも移動先の URL と一致する必要があるようです。スクレイピングされた同じ URL への別の相対リンクを作成するのは良くありません。

于 2013-08-12T14:50:01.580 に答える