Facebookでシェアした記事の画像反映ができていない時の修正方法

Facebookで公開後すぐの記事をシェアすると下の画像のようにOGP画像やタイトルがうまく反映されていない事があります(今まであまり経験なかったのですが、最近よく出てくるようになりました)。

今回は、このようにOGP設定がうまく反映されなかった時のデバッグ方法についてです。
スクレイピングが出来ていない場合はシェアデバッガーを使用
スクレイピングが出来ていない(Facebook側がうまく情報を取得出来ていない)場合はFacebookのシェアデバッガーを使用します。
使い方は、フォームにURLを入力して「デバッグ」をクリックします。

前回のスクレイピング結果が表示されるので、「もう一度スクレイピング」ボタンをクリックすると再度情報を取得して、最新のOGP設定に更新されます。

すぐにシェアした投稿を更新する方法
「もう一度スクレイピング」をしてOGP内容を更新しても、投稿に反映されるには時間がかかります。あるいはシェアデバッガーで見ると問題ないのに、シェアした投稿ではOGP画像が反映されていない事もあります。
そんな時はシェアした投稿自体を更新する必要があります。
方法は、まず投稿の詳細ページに行く必要があるので、Facebookの投稿の日時の部分をクリックして詳細ページへ移動します(それ以外の方法で詳細ページへ移動する方法が見つかりませんでした)。

詳細ページ(タイムラインに目的の投稿1つだけが表示されている状態)になったら、右上のメニューアイコンをクリックして「シェアした添付ファイルを更新」をクリックします。

これでOGP設定の更新が出来ます。
Facebookはよく仕様が変わるので今後はどうなるか分かりませんが、「シェアした添付ファイルを更新」というメニューは、詳細ページでないと表示されません。
その上、詳細ページへ行く方法も分かりづらいので、もう少し分かりやすくしてほしいものですね。


ウェブ上でLaTeXで数式をキレイにプレビューするJavaScriptライブラリ「MathJax」
Webデザイナーを目指す専門学生が技術ブログを書くメリット
Vue CLIのtitleタグやmetaタグの設定方法
ウェブサイトをダークモードに対応するときに気をつけること
iTerm2で起動時に左上に表示される「Tip of the Day(今日のTip)」を非表示にする方法
Sassのマップ機能を使った変数の管理方法
Visual Studio Codeで開始タグを修正すると自動で閉じタグも修正してくれる拡張機能「Auto Rename Tag」
SourceTreeを開くと「’git status’ failed with code 69:’」というポップアップが出てくる場合の解決方法
Google Maps APIでピンをクリックしたときに吹き出しを表示する方法
iOS Safariでinputタグにフォーカスを合わせると、自動で画面が拡大してしまう原因と解決方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)