つい最近Twitterのサービスの1つで「Twittercards（ツイッターカード）」というものができた。ご存知であろうか？よく見ると大手は結構やってる。Twittercardsを申請・登録することでツイートした時にFacebookみたいに記事の概要を表示させることができるサービスだ。当ブログ申請・登録が無事に完了したのでその方法をご紹介するというお話。

知ったきっかけ

以前FacebookのOGPの記事を公開した時にロシャスちゃん（@Rochas_）から貴重な情報をいただいた。

ツイッターカードによる表示

通常のツイート

申請・登録を済ませたあとの表示

ツイート内の概要（←申請していないと表示されない）を押すと記事に設定しているOGPと連動して内容が表示される。

実際はまだツイッターの公式サイトと公式アプリしかこの表示は対応していない（掲載時当時/2012年12月）。

iPhoneの公式アプリだと

通常の標準

リンクが押せないのでこのエリアのどこかをタップ。

次にこのような画面が表示される。

Twitterカード申請後

同じくこのエリアをタップ。

次に現れるのがこの画面。

記事の概要がツイートの下に表示されている。OGPの設定が上手くいっていないとここの表示がおかしくなり逆効果になりかねないので注意が必要かな。

ツイッターカードは始まったばかりのサービスでもあるので今後普及したらサードパーティクライアントでも表示されるようになるかもしれない。

申請と登録の方法

申請・登録するには2つのことを行う。

自分のページ内にOGPとTwitterカード用のmetaを入力

Twitterカードの登録をしようとしている人ならばおそらく「Facebook用のOGP」も設定している人は多いであろう。既に設定済みの方はここはここを数分でクリア。

headタグの中に以下の2つを入れるだけ。

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@hoge">

hogeの所はTwitterアカウントを入力。

まだOGPを設定していない人はプラグインなり、以前紹介したこちらの記事を参考に設定してください。

Twitterカード申請フォームを入力・送信

以下のサイトで必要な情報を入力。
Twitterカード申請フォーム

まずはログイン。

そしてContact情報を入力。

Twitterカードに関する設定方法などはこちらを参考にしてください。（英語）
http://dev.twitter.com/docs/cards

フォームに入れる情報

カードの種類は「summary / photo / player」の3つ。

サイトのコンテンツによってカードの種類を決める。とりあえず私のコンテンツはブログなので「summary」を選択。

写真や画像中心のコンテンツのサイトなら「photo」、再生プレイヤー付きカードを提供したいなら「player」をおそらくチョイス。

詳しくはこのガイドラインに記載。

ちなみにこのカードの指定はheadタグ内で指定した以下の部分に該当。

<meta name="twitter:card" content="summary">

その他の注意点

今回使用した「summary」部分をなんとなく読んだ。

ぶっちゃけここはよくわからなかった。案の定1回ツイッター側から申請失敗メール来た。わけもわからずも再度申請。

最終的に通った書き方はこんな感じ。

*途中端折った部分もあるので実際にこの入力方法であっているのかはわかりません。最低限の情報だけ入力しております。必ずしも上記情報を入力しても審査が通るとは限りませんので公式サイトの情報に従い申請してください。

実際にこの記事を読んで「ツイッターカードの存在を知った人」「英語がバリバリ読めてしまう人」「もう既に対応済みの人」で上記内容で不備に気づいたことがあれば情報ください。

さいごに

せっかくブログ書いているならFacebookだけじゃなくツイッターでも情報提供してみたかったのでこのたび、当ブログTwittercardsに対応してみました。新しいもの好きってことですね。TweetbotやEchofonなどを使っている人が私の周りには多く、「概要」を実際に目にすることはまだ少ないですがガツガツとアプリを入れない人だと公式アプリを使っている方も多いようです。気になった方はどうぞこの機会にお試しください。

なお、申請して実際に審査が通り、ツイッターに反映するまでには数週間かかりました。

では。ではではーあかめ（@mk_mizuho）をよろしくお願いします。

その他公式からの提供サイト

＼ この情報を周りの人にも教える ／