まずはogpが表示されないページのHEADタグを確認しましょう。
１・URLを確認する。
<meta property=”og:url” content=”https://～～～” />
<meta property=”og:image” content=”https://～/～/ogp.png” />
相対パスや絶対パス、その他拡張子も確認してからURLに直接アクセスしてみて画像が表示されればOKです。
２．画像サイズの確認
ogpの推奨サイズは1200px × 630pxです。
windows標準装備されているペイントでも画像サイズは確認できるのでチェックしましょう。
（画像を開きサイズ変更と傾斜→ラジオボタンのパーセントをピクセルに変更で可能）
３．反映させる
Twitterのogpの場合、クローラーが回っていない？キャッシュが残っている？のか分かりませんが、更新させると表示されることが多いです。
Card validatorにアクセスし、「Card URL」に該当ページのURLを入力しPreview cardボタンを押す。
（２～３回試すと画像が更新されることが多いです）
上記を試しても更新されない場合はまた違う問題かも。ある程度時間を置いてもう一度チャレンジしてみましょう。
ちなみにクロームの場合、該当ページでF12ボタンを押して更新ボタンを右クリックし、「キャッシュの消去とハードの再読み込み」ボタンを押すと直ることがあります。
コメント