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

The following two tabs change content below.
アバター

松崎茂利

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

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

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

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

サムネイル画像

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

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

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

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

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

Facebookシェア

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

Facebookシェア

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

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

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

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

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

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

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

では手順を解説します。

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

Facebookシェア

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

Facebookシェア

この場面でサムネイル画像が表示されてない場合は、実際にシェアをしても画像は表示されません。

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

Facebookシェア

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

すると・・・

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

Facebookシェア

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

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

Facebookシェア

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

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

それでも改善しない場合は、OGP設定や画像サイズの問題などになってくるのですが、ワードプレスの場合は「All in one seo」というプラグインで設定するのが簡単です。

設定に関してはこちらの記事で解説していますのでご確認ください。⇒【WordPress】Twitterで記事をシェアする際のサムネイル画像の設定方法

この記事で説明しているようにAll in one SEOを設定していただければ、facebookでのシェアでもサムネイル画像がうまく表示されるようになります。

また、All in one SEOの設定をすると、記事編集画面からFacebookデバッガーのページに直接飛べるようになります。記事編集画面下のほうの「ソーシャル設定」をクリックすると「この投稿をデバッグ」というボタンがでてきますので、これをクリックすると簡単いfacebookデバッグを行うことができます。

facebookデバッガー

記事を公開したら毎回すぐに「この投稿をデバッグ」を押してスクレイピングをしておきましょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です