画像つきサマリーカードは、大きなフルワイドの目立つ画像をツイートと一緒に表示するための機能です。 読み手を大きな写真で引き付け、あなたのウェブサイトに誘導するために設計されています。
以下の@TechCrunchのツイートは、140文字の文章が付いた画像付きサマリーカードを表示しています:
Everything you need to know about the Amazon Fire Phone http://t.co/uULA47di9M
— TechCrunch (@TechCrunch) July 23, 2014
twitter.com上 や我々のモバイル端末上では、画像はツイート文の下に表示されています。
我々のシステムではURLがツイート内に取り込まれたタイミングを検知し、あなたのサイトをクロールしてカードタイプとコンテンツを取得します。 我々のカードシステムがどのように動作するかを知りたいのであれば、 入門ガイドを参照してください。
Summary Card with Large ImageThe Summary Card with Large Image features a large, full-width prominent image alongside a tweet. It is designed to give the reader a rich photo experience, and clicking on the image brings the user to your website. The Tweet below from @TechCrunch shows a Summary Card with Large Image along with the 140 characters:
On twitter.com and our mobile clients, the image appears below the tweet text. Our system recognizes when URLs are included in a tweet, and crawls your site to fetch the Card type and content. To learn more about how our Card system works, read our Getting Started Guide. |
画像付きサマリーカードをあなたのツイートに追加するには、単に以下のメタタグをあなたのサイトに追加するだけできます:
<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" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">
あなたが権利を持つサイトの属性とコンテンツを記述するようにしてください。
タグが設定されると、Twitter Card Validatorを使ってカードをテストすることができます。
Sample CodeAdding a Summary Card with Large Image to your tweets is as simple as adding the below meta tags to your site: <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" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg"> Be sure to provide your own site attribution and content. Once the tags are live, you can test your Card using our Twitter Card Validator. |
以下に記載しているのは、title、description、imageを含む、画像付きサマリーカードで最低限設定しておいたほうが良いプロパティです。
カードプロパティ | 必須か否か |
---|---|
|
Yes |
カードが帰属する Twitterユーザーの @username 。Twitter カードアナリティクスのために必要です。 |
Yes |
プラットフォーム固有の動作:
|
Yes |
プラットフォーム固有の動作:
|
Yes |
|
No |
サポートされているタグの全一覧については、 カードマークアップタグリファレンスを参照してください。
ReferenceBelow are the suggested minimum properties for the Summary Card with Large Image including title, description, and image.
For a full list of supported tags, please see the Cards Markup Tag Reference. |
フォトカードは廃止され、画像付きサマリーカードに統合されました。まだフォトカードのメタタグを使用している場合は、 以下の表にてこれらのフィールドがサマリーカードのどの部分に対応しているかを示します。
カードプロパティ | フォトカードプロパティ |
---|---|
|
|
|
|
|
|
*Title is optional and the description is not a field for the Photo Card.
Mappings from the Photo CardPhoto Cards were deprecated and mapped to Summary Cards with Large Image. If Photo Card metatags are still in use, this table shows how those fields are used to display a Summary Card in its place.
*Title is optional and the description is not a field for the Photo Card. |
ギャラリーカードは廃止され、画像付きサマリーカードに統合されました。まだギャラリーカードのメタタグを使用している場合は、 以下の表にてこれらのフィールドがサマリーカードのどの部分に対応しているかを示します。
カードプロパティ | ギャラリーカードプロパティ |
---|---|
|
|
|
|
|
|
Mappings from Gallery CardGallery Cards were deprecated and mapped to Summary Cards with Large Image. If Gallery Card metatags are still in use, this table shows how those fields are used to display a Summary Card in its place.
|