ブログの記事をfacebookに投稿するとサムネイル画像が変!? そんな時の対処法

内藤です

『アメブロの記事URLを貼り付けたけど、表示される画像が記事内にあるものではなく、プロフィール写真とかになる』なんてことは起きていませんか?

これは一時的なことだと思うのですが、ブログの記事URLをfacebookに貼り付けるリンク投稿で、表示されるサムネイル画像の不具合が起きています。

例えば、アメブロで投稿したこのような記事

facebookに記事URLを貼り付けると…

本来は、アメブロの記事内に入れた画像が表示されるはずです。それなのに記事と関係のないプロフィール写真が表示されてしまいます。

この現象は僕のワードプレスの記事でも時々起こっています
※HTMLのOGP(ブログ記事の情報をfacebook等に伝えるためのもの)を見ると、正しくサムネイル画像も設定されています。ですから、facebook側の一時的な不具合なのかな…と、もしくは仕様が変わってアメブロ側で対応できていないとか。

で、解決策なのですがこちらのDebuggerページを開きます
⇒ Debugger

対象の記事URLを入力し、『Debug』ボタンを押します

そうすると、facebookが取得しているOGP情報が表示されます。

見ていくと、注意と修正情報の中に、サムネイル画像についての欄があります。

OGPで設定している画像は小さいから(200px×200px以下)、代わりに別の(プロフィール)写真に変えるよ

的なことが書いています。実際には小さくないのですが。。。

一番下まで行くと、今の状態でのリンク投稿のプレビューが表示されます。やっぱり、プロフィール写真。

画面上部に戻り『Fetch new scrape information』をクリックして、再度OGP情報を取得します。

そうすると、本来表示されるサムネイル画像がプレビューにも表示されます。

これでfacebook側も、正しい情報を読み込んだことになります。

そして実際に、facebookの投稿に記事URLを貼り付けると
↓↓↓

正しいサムネイル画像になりました。
これで、内容と関係のないサムネイル画像で投稿せずに済みますね。

リンク投稿のサムネイル画像が正しく表示されないときは試してみてくださいね。