twitter:cardの設定(OGP設定)


Pocket

Twitter Cardsの設定方法です。

詳しくは→https://dev.twitter.com/ja/cards/overview

 
表示例です。

Twitter Cards

 

Metaタグの追加

Twitter Cards形式で表示したいWebページのHTMLヘッダに下記を追加。

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="(your twitter id)">
...

詳しくはリンク参照願います。
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

Twitter Cards
・Card URLの入力。
・“** is not whitelisted for summary card”と表示されたら“Request Approval”をクリック。

 

Step2

Twitter Cards
・*が付いた必要項目を入力
・“Request Approval”をクリック

 

Step3

Twitter Cards
・しばらくするとCardが表示されるようになります。

 
 
以上です。

 
 

Leave a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>