Summary with Large Imageカード

Summary with Large Imageカードでは、大きなフルサイズ幅の画像をツイートに含めることができます。 このカードは、ユーザーに印象深い写真を表示して、ユーザーがその画像をクリックするとあなたのウェブサイトに誘導されるようにしたものです。

以下の1@TechCrunch21からのツイートは、140文字のテキストと共にSummary with Large Imageカードを使用した例です。

Everything you need to know about the Amazon Fire Phone http://t.co/uULA47di9M

—TechCrunch (@TechCrunch) July 23, 2014

twitter.comとTwitterのモバイルクライアントでは、画像がツイートのテキストの下に表示されます。

Twitterのシステムではツイートにリンクが含まれるとそれを検知し、リンク先のサイト内を検索して使用されているカードのタイプとコンテンツを把握します。 カードシステムの仕組みについてより詳しく知るには、「1スタートガイド1」をお読みください。

サンプルコード

ツイートにSummaryカードを追加するのは、ウェブサイトにメタタグを追加するのだけの簡単な作業です。

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image:src" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">

自分のウェブサイトのアトリビューションとコンテンツを必ず用意してください。

追加したタグが有効になったら、1Twitter Card Validator1を使用してカードの申請を行います。

アプリのダウンロードとディープリンク設定

コンテンツをより魅力的な方法で表示するだけでなく、Summaryカードはモバイルアプリケーションのダウンロードを促進したり、モバイルアプリケーションに直接リンクさせることもできます。詳細は、「1モバイル開発者向けカード1」をご覧ください。

また、このカードからモバイルアプリにディープリンクする方法も1こちら1で学べます。

参考情報

Summaryカードにタイトル、説明、画像を含める場合に最低限必要なプロパティの提案を示します。

カードプロパティ 必須
twitter:card

“summary_large_image” の値に設定する必要があります。

いいえ*
twitter:title

タイトルは簡潔にしてください。70文字までしか表示されません。

はい
twitter:description | はい

ページの内容を簡潔に要約した、ツイート内に表示するのに適切な説明を加えます。タイトルに使用したテキストを説明の中で繰り返したり、リンクしたウェブサイトが提供する一般的なサービス内容を説明したりしないようにします。説明テキストは、200文字までしか表示されません。 |

twitter:image | いいえ

ページの内容を表す独自の画像のURLです。ウェブサイトのロゴ、作成者の写真、複数のページに使われている画像など、一般的な画像は使用しないでください。このカードの画像は、幅280px以上、高さ150px以上である必要があります。画像のデータサイズは1MB未満にしてください。 |

* twitter:cardの値が設定されていない場合は、デフォルトでSummaryカードが使用されます。

サポートされているタグの全リストは、「1カードのマークアップタグリファレンス1」をご覧ください。