フェイスブックでブログの記事シェアで画像が表示されないときの対処法【Facebookシェアデバッガー】
みなさんこんにちは！小さなお店のためのＷＥＢ活・ＳＮＳ活用応援！ホームページ制作モバイルエール橘です。
フェイスブックの改良が日々水面下で行われているためか、利用者がいっきにアクセスしているためか？ブログ記事シェアでイメージ画像の表示がうまくいかないことが頻発しているようです。
クライアント様にも「ホームぺージの不具合？フェイスブックの不具合？」と今年に入ってよくご相談いただくので、今日は、「Facebookでブログ記事の画像シェアがうまくいかない時の対処法【Facebookシェアデバッガー】活用の方法」をお伝えしたいと思います。
フェイスブックシェアデバッガーというのは、簡単にどんなものかをお伝えしますと、ウェブサイトのコンテンツがFacebookやMessengerなどでシェアされたときの見え方の情報を管理することができるツール。画像が表示されていなければ、このツールをつかってその画像表示を読み込ませたものに記事情報を更新することができる可能性があります。
画像がうまく表示されないときは、不具合というのは少し表現が深刻すぎるかもしれず、サーバーが混んでいたりで「画像の読み込み・画像の認識がうまくいかなかった」という表現が一番近いかなぁと感じています。
つまり対処法は「画像をフェイスブックに認識してもらう、読み込みしてもらう」作業を行います。多くの画像の非表示の問題はこれで解決することが多いと思います。
それではさっそく、方法をお伝えしてゆきましょう☆
こんなとき、ありませんか？
ブログ記事をシェアしようとしたら、画像が表示されない、こんなときありませんか？
このままでシェアしてしまうのはちょっともったいないんです。
画像を表示されないままにシェアをしてしまうと、その投稿は画像なしでみんなに拡散してしまうことを固定してしまうことになるので、できれば画像を表示させる下記のデバッグをぜひトライしてみてください。
たくさんの方の目に留まるために、画像があるないは大きな差があると考えていただくとよいと思います。
フェイスブックデバッグを活用するために、記事ＵＲＬを調べる
まずその記事の画像データをよみこませるために、記事のＵＲＬを調べます。
自分のブログにアクセスして、「http://～」と表示されている記事アドレス、記事ＵＲＬを確認します。 そしてそのＵＲＬをコピーできる状態にしておくか、控えておきます。
いよいよデバッグ！
記事ＵＲＬ・アドレスを確認できたら、いよいよ記事情報の認識をフェイスブックに伝えることができるデバッグ作業です！
Facebookシェアデバッガーにアクセスして、記事ＵＲＬを入力・あるいは貼り付けて青い「デバッグ」ボタンを押すだけです☆
画像がうまく表示されたらＯＫ！
デバッグボタンをおして、下記のように画像がうまく表示されれば成功です。
もし１度やってもうまくいかなかったとしてもあきらめないで！
そんな時は「もう一度スクレイピング」ボタンを押していただくとうまくいくことがあります。
状況でデバッグボタンをもう一度おしてみたり、さらにスクレイピングボタンを押してみたり(笑)
少し根気よくトライいただくとうまくいくことが多いです！
まとめ
いかがでしょうか？上記がうまくいけば、あとはフェイスブックでシェアするのみです☆
できればフェイスブックの投稿欄にＵＲＬを貼り付けてみて、画像が表示されているか確認してからシェアすると見栄えを悪くするリスクをさげることができますね！
最近フェイスブックが重たいなーと感じるときなどは、画像の表示がうまくいかないこともちょくちょく起こっています。
この方法以外にも、ブログ記事に使う画像のサイズを必要以上に大きなものを使わず、600pxくらいにリサイズしたものを使うなども画像を軽くし、読み込みやすくさせることに有効かもしれません。
お役に立てる情報となりましたら幸いです。
LINE公式アカウント！モバイルエールWEB活用研究会LINE校
期間限定！モバイルエールLINE公式アカウント登録で『無理しない、SNSで相談される、愛される人になる「ズボラSNS」のヒント』プレゼント中！
SNSを笑顔でお仕事につなげるためにはポイントがあります。お友達追加でプレゼントもらってくださいね！
登録費用はもちろん無料♪
皆様にお喜びいただいておりますので、登録時だけでなく、登録後も、ゲリラプレゼントしてゆきます♪お友達追加でぜひ繋がってくださいね♪
タップして追加されない場合はID検索でも追加可能。LINEIDは「@vlh3102w」です。
メルマガもやってます！
モバイルエールメルマガ登録はこちら☆WEB活用のヒント・セキュリティ情報お届け中
★おうちにいながらWEB活用と経営のヒントが気軽に学べる！モバイルエールオンラインサロンがオープン♪みなさんのオンライン活用力アップ応援します！
