facebookでサイトのカードが意図しない画像やタイトルになっていた場合、facebookのシェアデバッガー でURLをたたいて「もう一度スクレイピング」をクリックしましょう。
すると簡単にfacebookがサイトまで新しい情報を取得しにきてくれますので、画像やタイトルが最新の状態になります。
ただ今回、この簡単が私にとって3時間コースの躓きとなりましたのでここに備忘録としてメモしておきます。
結論から言いますとOGPタグの「og:url」をトップページのままにしていたことが原因でした。
誤) <meta property="og:url" content="トップページURL">
正) <meta property="og:url" content="<?php echo get_the_permalink(); ?>">
超簡単なことですが見逃していました。
ということはfacebook側はこの「og:url」をもとに情報を取得するのですね。
facebookのシェアデバッガーの「取得したURL」と「カノニカルURL」が別になっていたらここを調整すれば解決するかと思います。