Facebookで記事をシェアしたときに画像が表示されない場合の対処法

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

松崎茂利

アチーブドリーム代表 / ブロガー / ブログ集客コンサルタント
たった一人でブログだけを使って月商400万円を達成。
個人・法人合わせて100件以上のコンサル実績があり、ブログを使った集客力アップ、収入アップのプロとして多くの人の成果を上げることに成功。
現在も自分自身がブロガーとして活動しながら、講演やコンサルを行っている。
プライベートコンサルティングの詳細はこちら

最新記事 by 松崎茂利 (全て見る)

• ワードプレスのスマホでの編集に最適！マークダウン記法とは？ - 2018年8月13日
• ワードプレスでの見出しタグの使い方と設定方法 - 2018年8月7日
• ワードプレスでのリンクの貼り方とSEOに効果的な貼り方について - 2018年8月6日

Facebookで記事をシェアしたときにサムネイル画像が表示されるときとされないときがありませんか？

私自身もブログに記事をアップしたらすぐにFacebookでシェアをするのですが、なぜか画像が出てこないときがあるんですよね。

この記事では、ブログ記事をfacebookでシェアをしたときに画像が出なかった場合の対処法を解説したいと思います。意外と簡単に解決できる可能性がありますので、ここで解説しているやり方をぜひ覚えておいてください。

Facebookでシェアをする際にサムネイル画像が表示されない

こんにちは！ブログ集客コンサルタントの松崎です。

あなたはブログ記事をアップしたらFacebookでシェアをしていますか？

ブログ記事をFacebookでシェアをすることで被リンクができますし、「いいね」をもらえれば拡散する可能性もあるので、SEO的にもぜひやっておきたいところなのですが、いざやってみるとなぜか画像をFacebookに拾ってもらえないことがあるんですよね。

記事のシェアボタンを押したときに、下記のように画像が表示されれば問題ないのですが、

たまにこのように画像が表示されないことがあります。

こうなると何回やっても画像が表示されないんですよね。ほかの記事は問題なく画像が表示されていたのに急に表示されなくなるって不思議です。

いろいろ調べてみたところ、どうもFacebook側のバグのようで、けっこう困っている人が多いようです。

Facebookデバッガーを使って画像が表示されるようにする

このような状態になってしまったときに試していただきたいのが「Facebookデバッガー」です。

こちらからアクセスします。⇒ https://developers.facebook.com/tools/debug/

このFacebookデバッガーでは、Facebookやメッセンジャーでシェアをされたときの状態を、シェアされる前に確認することができます。なので、ご自身でシェアをする前にここで確認をして、うまく画像が表示されない場合は修整したほうがいいですね。

シェアデバッガーの使い方

では手順を解説します。

まず「シェアデバッガー」が選択されていることを確認して、シェアしたい記事のURLを貼り付けて、「デバッグ」をクリックします。

すると、実際にシェアされたときのプレビューが表示されるのですが、この段階で画像が表示されていないことがわかりますね。

ここで「もう一度スクレイピング」というボタンをクリックします。ちなみに「スクレイピング」というのは「データを抽出する」というような意味になります。画像を抽出しようとしているわけですね。

この記事の場合はしばらくしても変化がありませんでした。そこでもう1回「もう一度スクレイピング」をクリックしました。

すると・・・

画像が表示されたではありませんか！

この状態になれば実際にFacebookでシェアをしたときにも画像が表示されるようになります。

実際にシェアを試してみた結果・・・

無事に画像が表示されるようになりました！

「もう一度スクレイピング」は一度では改善しないことが多いので、何度か試してみることをおすすめします。

それでも改善しない場合は、OGP設定や画像サイズの問題など、Facebookシェアに関しては他にもポイントがあるので、随時この記事に追記をしていきたいと思いますが、ひとまず解決策の一つとして、このfacebookデバッガーを覚えておくといいですね。

ぜひ試してみてください。