Twitterカード

カードの利用開始 — Twitter Developers

• Open Graphのタグとの組み合わせ方が末尾に書いてある ts

<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@nishio" />
<meta property="og:url" content="https://shinuwani.netlify.com/" />
<meta property="og:title" content="○年後に死ぬあなた" />
<meta property="og:description" content="漫画「100日後に死ぬワニ」を見てたら自分が何年後に死ぬのか気になったので作りました。" />
<meta property="og:image" content="https://shinuwani.netlify.com/shinuwani.jpg" />

• シェアデバッガー - Facebook for Developers

• Card Validator | Twitter Developers

• Twitter Preview

  • 

• Real

  • 

• Facebook Preview

  • 

• Real

  • 

react-helmetを使う案もあったが、単独ページ単独ファイルなので直接headをいじる方がいいと判断した