Closed3

Twitter CardsをNext.jsで実装する

dev8dev8

Twitter Cardsで表示されるデータを設定

これでいいらしい!!!

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Next.js App" />
<meta name="twitter:description" content="Next.jsアプリケーションの説明文" />
<meta name="twitter:image" content="https://example.com/image.jpg" />
dev8dev8

実装直後

実装してすぐだからか分からないが、ただリンクが載るだけだった。

dev8dev8

画像が表示されない原因

https://zenn.dev/nbr41to/articles/a84f09a6a9ac65
この記事でまとめられていました。助かりました。
どうやら画像のパスをいつも通り/hogehoge.pngみたいに指定したら表示されないらしくて、ドメインから指定する必要があるっぽい。

このスクラップは10日前にクローズされました