13stockつい最近Twitterのサービスの1つで「Twittercards(ツイッターカード)」というものができた。ご存知であろうか?よく見ると大手は結構やってる。Twittercardsを申請・登録することでツイートした時にFacebookみたいに記事の概要を表示させることができるサービスだ。当ブログ申請・登録が無事に完了したのでその方法をご紹介するというお話。知ったきっかけ以前FacebookのOGPの記事を公開した時にロシャスちゃん(@Rochas_)から貴重な情報をいただいた。通常のツイート申請・登録を済ませたあとの表示ツイート内の概要(←申請していないと表示されない)を押すと記事に設定しているOGPと連動して内容が表示される。実際はまだツイッターの公式サイトと公式アプリしかこの表示は対応していない(掲載時当時/2012年12月)。iPhoneの公式アプリだと通常の標準リンクが押せないのでこのエリアのどこかをタップ。次にこのような画面が表示される。次に現れるのがこの画面。記事の概要がツイートの下に表示されている。OGPの設定が上手くいっていないとここの表示がおかしくなり逆効果になりかねないので注意が必要かな。ツイッターカードは始まったばかりのサービスでもあるので今後普及したらサードパーティクライアントでも表示されるようになるかもしれない。申請・登録するには2つのことを行う。自分のページ内にOGPとTwitterカード用のmetaを入力Twitterカードの登録をしようとしている人ならばおそらく「Facebook用のOGP」も設定している人は多いであろう。設定済みの方はここはここを数分でクリア。headタグの中に以下の2つを入れるだけ。content=&quot;@hoge&quot;&gt;hogeの所はTwitterアカウントを入力。OGPを設定していない人はプラグインなり、以前紹介したこちらの記事を参考に設定してください。以下のサイトで必要な情報を入力。Twitterカード申請フォームまずはログイン。Contact情報を入力。Twitterカードに関する設定方法などはこちらを参考にしてください。player」の3つ。サイトのコンテンツによってカードの種類を決める。私のコンテンツはブログなので「summary」を選択。写真や画像中心のコンテンツのサイトなら「photo」、再生プレイヤー付きカードを提供したいなら「player」をおそらくチョイス。詳しくはこのガイドラインに記載。ちなみにこのカードの指定はheadタグ内で指定した以下の部分に該当。今回使用した「summary」部分をなんとなく読んだ。120pxより大きい画像はリサイズ。60px以下だと表示されない。ぶっちゃけここはよくわからなかった。1回ツイッター側から申請失敗メール来た。わけもわからずも再度申請。最終的に通った書き方はこんな感じ。*途中端折った部分もあるので実際にこの入力方法であっているのかはわかりません。最低限の情報だけ入力しております。上記情報を入力しても審査が通るとは限りませんので公式サイトの情報に従い申請してください。実際にこの記事を読んで「ツイッターカードの存在を知った人」「英語がバリバリ読めてしまう人」「もう既に対応済みの人」で上記内容で不備に気づいたことがあれば情報ください。さいごにせっかくブログ書いているならFacebookだけじゃなくツイッターでも情報提供してみたかったのでこのたび、当ブログTwittercardsに対応してみました。新しいもの好きってことですね。TweetbotやEchofonなどを使っている人が私の周りには多く、「概要」を実際に目にすることはまだ少ないですがガツガツとアプリを入れない人だと公式アプリを使っている方も多いようです。気になった方はどうぞこの機会にお試しください。申請して実際に審査が通り、ツイッターに反映するまでには数週間かかりました。ーあかめ(@mk_mizuho)をよろしくお願いします。Mizuho横浜在住。