More Related Content
More from Yusuke Yamamoto
More from Yusuke Yamamoto (20)
Twitter Cards #twtr_hack
- 4. サイトで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 は Twitter
API の Java ラッパです。">
<meta name="twitter:image" content="http://twitter4j.org/
images/twitter4j.png">
</head>
<body>...</body>
</html>
Yusuke Yamamoto
- 5. Twitter Cardsの仕様
• カードの種類指定
• summary: デフォルト。ページの要約
• photo: 写真
• player: ビデオ、オーディオ、メディアプレーヤ
<meta name="twitter:card" content="summary">
Yusuke Yamamoto
- 6. Twitter Cardsの仕様
• その他の要素 twitter:url 正規化されたURL
twitter:title タイトル
twitter:description 説明
twitter:image イメージ
twitter:url twitter:image
twitter:title
twitter:description
Yusuke Yamamoto
- 7. その他のタグ
twitter:site サイトの公式アカウント@スクリーン名
twitter:site:id サイトの公式アカウントユーザID
twitter:creator コンテントの作成者@スクリーン名
twitter:creator:id コンテントの作成者ユーザID
Yusuke Yamamoto
- 9. Twitter CardsとOpen Graph要素の対応
Twitter Cards要素 Open Graph要素
twitter:url og:url
twitter:title og:title
twitter:description og:description
twitter:image og:image
https://dev.twitter.com/docs/cards → Overview of all Twitter Card Tags
Yusuke Yamamoto
- 13. Twitter Cardsの申請
• https://dev.twitter.com/form/participate-twitter-cards より申し込み
Yusuke Yamamoto