Nextjsのコードは以下のような設定方法をしている。
import ogp from "src/assets/images/ogp.png"
<meta property="og:image" content={ogp.src} />
以下のような感じで文字は表示されるが、Twitterのみ画像が表示されてない。
(SlackやFacebook等は表示される。)
ビルド後、以下のようなパスになっていることが原因だった。
<meta property="og:image" content="/_next/static/media/advertisement_jp.13800cd8.png">
フルパスで指定すると表示するようになった。
<meta property="og:image" content="https//:.....">
Next.jsでフルパス指定するのは難しかったため、別のクラウドストレージにOGPの画像を保存し、保存先のURLを指定することで、表示されるようになった。
Next.js(Vecel)上でも、フルパスを指定できると思うので、現在調査中。