Twitter Cards #twtr_hack
Upcoming SlideShare
Loading in...5
×
 

Twitter Cards #twtr_hack

on

  • 5,230 views

 

Statistics

Views

Total Views
5,230
Views on SlideShare
1,987
Embed Views
3,243

Actions

Likes
6
Downloads
6
Comments
0

11 Embeds 3,243

http://samuraism.jp 1646
http://api.techmood.jp 1443
http://androidcat.seesaa.net 92
https://twitter.com 45
https://www.google.co.jp 5
http://webcache.googleusercontent.com 3
http://www.feedspot.com 2
http://yusuke.homeip.net 2
http://tweetedtimes.com 2
http://cockerels11.rssing.com 2
http://freerss.net 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Twitter Cards #twtr_hack Twitter Cards #twtr_hack Presentation Transcript

  •  Twitter Cards  #twtr_hack 2013/2/1 Yusuke Yamamoto
  • Twitter Cardshttps://dev.twitter.com/docs/cards Yusuke Yamamoto
  • Twitter Cardsとは• ツイートにメタ情報を埋め込むための仕様 Yusuke Yamamoto View slide
  • サイトでTwitter Cardsを利用する • http://twitter4j.org/ の例<html> <head> <title>Twitter4J - A Java library for the Twitter API</title> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@t4j_news"> <meta name="twitter:creator" content="@yusuke"> <meta name="twitter:url" content="http://twitter4j.org/ja/"> <meta name="twitter:title" content="Twitter4J"> <meta name="twitter:description" content="Twitter4J は TwitterAPI の Java ラッパです。"> <meta name="twitter:image" content="http://twitter4j.org/images/twitter4j.png"> </head> <body>...</body></html> Yusuke Yamamoto View slide
  • Twitter Cardsの仕様• カードの種類指定• summary: デフォルト。ページの要約• photo: 写真• player: ビデオ、オーディオ、メディアプレーヤ <meta name="twitter:card" content="summary"> Yusuke Yamamoto
  • Twitter Cardsの仕様• その他の要素 twitter:url 正規化されたURL twitter:title タイトル twitter:description 説明 twitter:image イメージ twitter:url twitter:image twitter:titletwitter:description Yusuke Yamamoto
  • その他のタグ twitter:site サイトの公式アカウント@スクリーン名 twitter:site:id サイトの公式アカウントユーザID twitter:creator コンテントの作成者@スクリーン名twitter:creator:id コンテントの作成者ユーザID Yusuke Yamamoto
  • Twitter CardsとOpen Graph• Twitter CardsはOpen Graphベース http://ogp.me より Yusuke Yamamoto
  • Twitter CardsとOpen Graph要素の対応 Twitter Cards要素 Open Graph要素 twitter:url og:url twitter:title og:title twitter:description og:description twitter:image og:imagehttps://dev.twitter.com/docs/cards → Overview of all Twitter Card Tags Yusuke Yamamoto
  • Open Graph対応でFacebookフレンドリーに Yusuke Yamamoto
  • Twitter Cardsまとめ• とりあえず指定しておくべき要素 twitter:card summary og:url ページURL og:title ページタイトル og:description ページ説明 og:image ページイメージ• 早めの申請を! Yusuke Yamamoto
  • Twitter Cardsのテスト• https://dev.twitter.com/docs/cards/previewでテスト Yusuke Yamamoto
  • Twitter Cardsの申請• https://dev.twitter.com/form/participate-twitter-cards より申し込み Yusuke Yamamoto
  • Twitter Cardsの申請• 申請完了画面• レビューは通常5∼10営業日 Yusuke Yamamoto
  • Twitter Cardsの申請• 承認通知メール twitter-card-support@twitter.com より通知 Yusuke Yamamoto