Facebookの共有で、指定してある画像が表示できなかった場合の対処方法

このblogは公開されたときにjetpackの共有でtwitter、Facebook、google+で共有されるようにしています。毎日投稿していてほとんど問題は無いのですが、なぜかたまに共有したときに画像が表示されないときがあります。
そういうときの対処方法を書きます。

なぜかたまに画像が出ない…

Facebookの自分のタイムラインにはうまく共有できてるのですが、株式会社RYUSのFacebookページには自動的に共有できなくなっちゃっています(^_^;(未解決)。なので、毎日公開されると同時にurlをコピーして株式会社RYUSのFacebookページに貼り付けるのですが、たまに

Image

こんな風に画像が見えない状態で貼り付けられちゃうときがあります。なぜなのか…原因を探りたいのですが、今時点でどういうときにこうなるのかが分かっていません。しかし、解決方法は見付かりました。

画像が出ないとき、Facebookのデバッガーを使う

FacebookにはObject Debuggerという機能があります。この機能で、どのように共有されているかなどが確認できます。検索すると普通はこちら、

Facebookデバッガー

が出てくるのですが、今回はどのようになっているものがどのように変わるのかを確認するために、あえて

Open Graph Object Debugger

で確認します。この画面は先に挙げた方のリンクでurlを入力して実行すると移動する画面です。

この画面で確認したいページのurlを入力して

Image [1]

Show Existing Scrape Information をクリックします。今時点でどのようにogpが設定されているかを見ることが出来ます。

Object Debugger

このようにエラーが出ていたり、 When shared, this is what will be included の所を見ると、さきほど見たように画像が無いままにシェアされてしまうことがわかります。

しかし、エラー内容は心当たりがありません…そこで、

Image [2]

Fetch new scrape information をクリックします。これは今新しくogpに関する情報を取り直す、という意味です。Facebookのogp情報は最初に投稿されたときに情報を取ってきてその情報を保存(キャッシュ)してありますので、キャッシュを作り直すとも言います。

すると、

Object Debugger2

何も変更してはいないのですが、このようにエラーが消えて、When shared, this is what will be included を見ると画像が表示されそうな感じになりました。

この時点で、このurlを投稿欄に貼り付けると、

Image [3]

このように画像付きでシェアできるようになりました。

まとめ:正しくogp設定をしているはずなのにおかしいと思ったらキャッシュを作り直す

ということで、理由が分からないのがちょっと困るのですが対処方法はわかりました。Facebookにシェアしたときに画像が出ないなど問題があったときは、

Facebookデバッガー

でurlを貼り付けて、Debug ボタンをクリック もしくは、

Open Graph Object Debugger

でurlを貼り付けて、Fetch new scrape information をクリックしてFacebookのキャッシュを作り直すとうまくいく場合があります、ということでした(^^)/

兎本美佳

ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告
ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

259人の購読者に加わりましょう

トップへ戻る