TwitterのCard Validatorで画像が表示されない…

UrusuLambdaLaboratory のサイトを準備するにあたってTwitter Cardが必要になった.

欲しいのはこんなの.

スクリーンショット 2018-08-04 20.32.44.png

いつもCardが適切に表示されるかどうかはTwitter Card Validatorで確認している.

https://cards-dev.twitter.com/validator

ただ、今回画像が適切に表示されずでかなり焦った.

以下のように書いていたのだけどどうもCard Validatorで適切に表示されない.画像が取れていない…

最初はこんな感じ.

でも何がダメって、画像のパスがフルパスになっていない!!!

だから/img/urusulambdalaboratory.pngがだめ. ちゃんとhttps~~~って書かないといけないみたい.

 

これでちゃんとできたはず.

 

Twitter Card Validatorでもこんな感じで表示される.

スクリーンショット 2018-08-04 20.37.17.png

About the author

Comments

  1. 画像のパスはフルパスなんですが
    Twitter Card Validatorで Logに
    INFO: Page fetched successfully
    INFO: 11 metatags were found
    INFO: twitter:card = summary_large_image tag found
    INFO: Card loaded successfully
    と表示されるのに画像が表示されない場合がありますね。
    なんでしょうねぇ。
    それにサイトの html は変更していなくても、日によってsummary_large_imageの画像が表示されたりされなかったり。Twitter側の負荷状態のせいなのか、当方のWebサイトの負荷状態のせいなのか色々不可解です。

      1. 返信いただきありがとうございます。
        大抵の場合は少し時間をあけてリトライしたら画像が表示されるようです。
        Twitter Cardの場合、確実に表示されるという保証はないですね。

コメントを残す