Twitter でOGP表示するための設定

以下の手順になります。

最低は以下のタグを設定します。

<meta content="これはOGP" property="og:title">
<meta content="summary_large_image" name="twitter:card">
<meta content="zzzzzzzzzzzzzzz.com/og.png" property="og:image">
<meta content="zzzzzzzzzzzzzzz.com" property="og:url">

• twitter:card は summary_large_image か summaryか設定できます。
• og:imageとog:urlは必ずドメインと含む設定必要です、

NGケース
<meta content="/og.png" property="og:image">

OKケース
<meta content="zzzzzzzzzzzzzzz.com/og.png" property="og:image">

• それ以外のタグはありますので、必要の場合設定しても大丈夫です。

Twitter card validatorを行います

• https://cards-dev.twitter.com/validator

Twitterで確認して、以上

Twitterカードは他のカードもあります。

• https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards