twitterを利用していると、色々なWebsiteのリンクが流れてきます。 今回は、そのリンク先の情報をよりかわりやすく表示するために利用ができる「twitter Cards」という仕組みを紹介します。 これを利用すれば、twitterのリンクに、サムネイルや説明文を付けることができます。
【通常はこんな感じです】
【TwitterCardsを利用すると、こんな感じになります】
Twitter Cardsを設定する
設定は非常に簡単です。
METAタグの設置
まずは、記事のHTMLのヘッダーに、ブログの情報を示したMETAタグを設置します。 これはfacebookなどで、もしかしたら設置をしているかもしれません。
例えば以下の様なMETAタグをヘッダーに挿入します。 [c]
//OGP
//TwitterCardsに必要なもの
[/c]
METAタグについては、その他色々と設定ができるみたいです。 こちらを参考にして下さい。 Cards Markup Tag Reference | Twitter Developers
ブログを申請する
タグの設置が上手く行けば、後は、「Twitter Cards」を利用するための申請を行います。
まずは、以下のサイトに入って下さい。 Twitter Cards
画面の右側に「validate your meta tags.」という項目があります。 ここに入ります。
下記の画面が出てきますので、ここにブログのURLを入力します。
これでOKだった場合は、「Request Appoval」を押して下さい。
後は、実際にtwitter上で反映されるのを待ちましょう。 設定はこれで完了です。