[Twitter Cards] meta name="twitter:label1" の謎
hiro
hiroイントロ
<meta name="twitter:label1" content="Written by">
<meta name="twitter:data1" content="hiro">
<meta name="twitter:label2" content="Reading time">
<meta name="twitter:data2" content="2 minutes">
こういうメタ要素をheadに入れておくと、Slackのプレビューでは下記のように反映される。
ただ、Twitterでは表示されない。
hiroカードプロパティ
twitter:label1, twitter:data1 , twitter:label2, twitter:data2 は公式リファレンスには載っていない。
Product Card
https://dev.twitter.com/docs/cards/types/product-cardはリンク切れしているようだったので、Wayback Machine経由で確認ができた。
概要
The Product Card is a great way to represent retail items on Twitter, and to drive sales. This Card type is designed to showcase your products via an image, a description, and allow you to highlight two other key details about your product.
[訳] 製品カードは、Twitterで小売商品を表現し、売り上げを伸ばすための優れた方法です。このカードタイプは、画像や説明で商品を紹介し、商品に関する他の2つの重要な詳細を強調できるように設計されています。
スクリーンショット
| web | mobile |
|---|---|
 |
 |
コード
<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@twitter">
<meta name="twitter:creator" content="@twitter">
<meta name="twitter:title" content="Logo Mug">
<meta name="twitter:description" content="The perfect pick-me-up. Enjoy your favorite blend with this coffee mug featuring the Twitter logo. Make every work day good to the last drop.">
<meta name="twitter:image" content="https://twitter.siglercompanies.com/graphics/00000001/mug-new.jpg">
<meta name="twitter:data1" content="$3">
<meta name="twitter:label1" content="Price">
<meta name="twitter:data2" content="Black">
<meta name="twitter:label2" content="Color">
プロパティ
| プロパティ名 | 概要 | 必須 |
|---|---|---|
twitter:data1 |
このフィールドには文字列が必要です。価格、在庫のあるアイテム、サイズなどのラベルの値を指定できます。 | 必須 |
twitter:label1 |
このフィールドには文字列も必要であり、提供するデータのタイプ（価格、国など）を指定できます。 | 必須 |
twitter:data2 |
〃 | 〃 |
twitter:label2 |
〃 | 〃 |
twitter:card
公式リファレンスを参照するとtwitter:cardに指定できるタイプは以下の通り。
| カードのプロパティ | 説明 |
|---|---|
| twitter:card | カードタイプは、“summary”、“summary_large_image”、“app”、“player”のいずれかになります。 |
そもそも<meta name="twitter:card" content="product">の指定が意味をなさないようになっている。
hiro結論
twitter:label1, twitter:data1 , twitter:label2, twitter:data2 は Product Card の仕様だった。