スマートホームはじめ方ガイド

Facebook OGB画像のキャッシュがクリアできない場合の修正方法をわかりやすく解説

facebook ogp画像 反映されない

みなさんこんにちは、NORI(@norilog4)です。

SNSでのマーケティングには必須とも言える「Facebook」。

昔は友人間の連絡などのSNSとして利用されてきたFacebookも、最近ではビジネスシーンでも使われることが多くなってきたように見受けられます。

今回はこのFacebookでホームページやブログをシェアする際に表示される「facebook ogp画像」について詳しく解説してきたいと思います。

WEB担当

Facebookにシェアした画像を変更したいんだけどどうしたら変更できるんだろう?
Facebook OGP画像のキャッシュクリア方法を解説していくよ!

NORI

Facebook OGP画像

友人にサイトの紹介をする時、または気になる記事をシェアするときにURLを入れると出てくる画像は、Webサイトの裏でOGP設定がされている為、表示されるものです。

facebook 投稿画像

Facebookでリンクとともに投稿される画像

しかし設定が間違っていたりするとうまく画像が表示されません。

特に自分のブログなどを運営している方でシェアしようとFacebookにURLをコピペしてみたけど、自分が設定したサムネイル画像(アイキャッチ)が出てこないことがあると思います。そんな場合にツールを使って設定をチェックしましょう。

OGPってなに?

SNSの普及に伴い、ブログやWEBサイト運営では必須設定事項とも言えるOGPとは、「Open Graph protocol」の略称のことです。

Facebookや Twitter 等などのSNSでシェアされた際に、そのページの タイトル・ URL・概要・アイキャッチ画像(サムネイル画像)を、意図した通りに表示させる仕組みです。

しかしながら、OGP設定を間違ってしまうとFacebookのタイムラインにURLを貼り付けた際、意図したサムネイル画像とは違う画像が表示されることになります。

「シェアして欲しい記事の画像はこの画像なのに・・・」といった記事タイトルとはかけ離れた画像が掲載されて切なくなります。

切なくなるその前に、Facebookでシェアする画像を事前に確認しましょう!

Facebook シェアデバッガー

Facebook シェアデバッガー

Facebook デベロッパーで無料で公開されており、ウェブサイトのコンテンツがFacebookやMessengerなどでシェアされたときに使用された情報を見ることができるツールです。

このシェアデバッガーを使えば、設定されているOGPの内容を確認することができます。開発者向けのツールですが、使い方はまったく難しくありません。まずは以下のURLにアクセス。

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

入力部分に確認した画像や、現在のOGP画像の設定情報を取得したい「URL」を入れて「デバック」ボタンをクリックするだけ。

URLを入力してクリックするだけで簡単に確認ができるよ!

NORI

そうすると、画像のようにOGPにどういった情報が設定されているのか確認できます。また設定されてないものがあればエラーがでるので、そのエラーとなる原因を突き止めることもできるでしょう。

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

しっかり設定を再度見直して、WordPressなどで入れ替えたアイキャッチ画像を入れ替えて修正してみてもFacebookでシェアしようとした画像が同じだった場合、設定したサムネイルがFacebook上にキャッシュされて持っている可能性があります。

Facebook OGP のキャッシュがクリアされない場合は次の方法で解決できます。

Facebook上にある画像のキャッシュクリア

その画像キャッシュをクリアにする為、同じくFacebook シェアデバッガーへアクセスします。

再度確認したいURLを入力して、「前回のURLスクレイピングの日時と方法」の下に表示されているボタン「もう一度スクレイピングする」を何度かクリックしましょう。

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

これで設定したアイキャッチ画像(サムネイル画像)が正常に表示されていれば問題ありません。

それでも表示されない場合には他に何かが原因となるものがありそうです。今一度設定を見直してみる必要があると思います。

Facebook OGB画像の修正方法の解説まとめ

本記事は、Facebookで意図せぬサムネイルが表示されてしまう場合の回避・修正方法についての解説記事です。

ブログなどのアイキャッチ画像を変えた場合などに有効です。反映させるにはこのオブジェクトデバッガーを使って新しいOGP画像を設定しましょう。

以上、NORI(@norilog4)でした。

コメントの通知/購読設定
受け取る通知
guest
0 件のコメント
Inline Feedbacks
全てのコメントを見る