【解決】Card validatorでエラーがないのに画像が表示さない




現象



Card validator(https://cards-dev.twitter.com/validator)でエラーがないのに画像が表示されない場合があります。


INFO: Page fetched successfully
INFO: 12 metatags were found
INFO: twitter:card = summary_large_image tag found
INFO: Card loaded successfully



原因




イメージパスがフルパスで設定されていないのが原因でした。og:image の content は http:// あるいは https:// などのフルパスから指定する必要があります。

ツイッターのog_imageが表示されない



対処


以下のようにフルパスに変更します。

【間違った例】
<meta property="og:image" content="/imagepath/img/myimage001.png" />


【正】
<meta property="og:image" content="http://example.com/imagepath/img/myimage001.png" />




キーワード:ツイッター

Windows トラブルシューティング一覧に戻る


(ご注意事項)本ページは2017年に独自に調査して記載した事項です。本ページには誤りがある可能性はあります。また今後仕様が変更となる可能性があります。
本ページにより発生したいかなる損失も誰も補償しません。あくまでも自己責任で参考にしてください。