Twitter Cardsの設定方法です。
詳しくは→https://dev.twitter.com/ja/cards/overview
表示例です。
Metaタグの追加
Twitter Cards形式で表示したいWebページのHTMLヘッダに下記を追加。
1 | <meta name="twitter:card" content="summary"> |
2 | <meta name="twitter:site" content="(your twitter id)"> |
3 | ... |
詳しくはリンク参照願います。
twitter:cardタイプについては→https://dev.twitter.com/ja/cards/types
サポートされているタグについては→https://dev.twitter.com/ja/cards/markup
Card vlidator
Twitter DeveloperサイトにアクセスしてCard validatorの設定を行います。
https://cards-dev.twitter.com/validator
Step1
・Card URLの入力。
・“** is not whitelisted for summary card”と表示されたら“Request Approval”をクリック。
Step2
・*が付いた必要項目を入力
・“Request Approval”をクリック
Step3
・しばらくするとCardが表示されるようになります。
以上です。
