🐦
Next.jsでTwitter cardの画像が表示されないあなたへ
Next.jsでTwitter cardの画像が表示されないあなたへ
TwitterのOGP(TweetにそのサイトのURLが埋め込まれたときに表示するサイトの画像)を設定するときに,head内にこんな感じに書くだろう.
<meta name="twitter:image" content="/site_image.png" />
Next.jsではpublicフォルダ配下に画像を保存し,そのpathを書くことになるのだ.
しかし,これではTweetしたときに画像が反映されない.
実はSiteのURLを含めたpathを書き,絶対パスにする必要がある.
<meta name="twitter:image" content="https://proglab.nbr41.com/site_image.png" />
こんな感じにできた!
Discussion