サイトのトップへ戻る

Twitter 開発者 ドキュメント日本語訳




サマリーカード

サマリーカードは、ブログやニュース記事から製品やrestaurantsまで、様々なウェブコンテンツで使用することができます これは読み手がウェブサイトをクリックする前にコンテンツのプレビューを見れるようにするために設計されています。

以下のツイートは、140文字未満のサマリーカード(写真と文章) を表示しています:

我々のシステムではURLがツイート内に取り込まれたタイミングを検知し、あなたのサイトをクロールしてカードタイプとコンテンツを取得します。 我々のカードシステムがどのように動作するかを知りたいのであれば、 入門ガイドを参照してください。



サンプルコード

サマリーカードをあなたのツイートに追加するには、単に以下のメタタグをあなたのサイトに追加するだけできます:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />

あなたが権利を持つサイトの属性とコンテンツを記述するようにしてください。

タグが設定されると、Twitter Card Validatorを使ってカードをテストすることができます。



リファレンス

以下に記載しているのは、title、description、imageを含む、サマリーカードで最低限設定しておいたほうが良いプロパティです。

カードプロパティ 必須か否か

twitter:card

“summary”の値を設定してください 		Yes

twitter:site

カードが帰属する Twitterユーザーの @username 。Twitter カードアナリティクスのために必要です。

 Yes

twitter:title

関連コンテンツについての簡単なタイトル。

プラットフォーム固有の動作:
  • iOS, Android: Truncated to two lines in timeline and expanded Tweet
  • Web: Truncated to one line in timeline and expanded Tweet
Yes

twitter:description

コンテンツの内容を簡単にまとめた説明。title の値を使い回したり、ウェブサイトで提供している一般的なサービスの説明のためにこの項目を使ったりしないでください。

プラットフォーム固有の動作:
  • iOS, Android: 表示されません
  • Web: Truncated to three lines in timeline and expanded Tweet
Yes

twitter:image

ページのコンテンツを表す画像のURL。ウェブサイトのロゴや著者近影やその他複数のページに跨る画像のような、一般的な画像を使用しないでください。

画像は最低でも120px x 120pxのサイズで、1MB以内のファイルサイズにしなければなりません。画像は全てのプラットフォームにおいて正方形のサイズに切り抜かれます。 		No

サポートされているタグの全一覧については、 カードマークアップタグリファレンスを参照してください。



廃止されたプロダクトカードからの統合

7月3日に、プロダクトカードは廃止されてサマリーカードに統合されました。 プロダクトカードで使用されていた全ての必須フィールドはサマリーカードでも引き続き使用できます。ラベルプロパティとデータプロパティは設定しても無視されます。