やったこと

webサービスを作るときに考えたことを垂れ流します

ツイッターカードのサムネイルはツイッターにアップされた画像は使えない!

webサイトに埋め込む「TwitterCard」の情報ってありますよね?

以下のような感じでhtmlに記載する、ページがつぶやかれた時にかっこよい形式で表示してくれるやつです。

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:description" content="ホゲゲ">
  <meta name="twitter:title" content="ホゲゲゲゲ>">
  <meta name="twitter:url" content="http://hogege.net">
  <meta name="twitter:image" content="http://hogege.net/img/hoge.jpg">
  <meta name="twitter:domain" content="hogege.net">
  <meta name="twitter:creator" content="@hogehoge">
  <meta name="twitter:site" content="@hogehoge">
  <!-- /Twitter Card -->


上記のアイキャッチ画像を指定する「image」の項目って、どうもツイッターにアップされた画像は使えないみたいですね(pbs.twimg.comの画像を指定すると灰色画像になって表示されませんでした・・)

pbs.twimg.com」にある画像を使いたいときは、自前で画像をコピーしてどこかのサーバーに用意するしかなさそうですね、とっても残念です・・。

以上!