yuheijotaki.com

Twitter Cards

Twitterでツイートエリアをクリックした時に表示される詳細をTwitter Cardsっていうらしい

 

導入は

  • メタタグ埋め込み
  • 申請

 

メタタグ OGP埋めてればラクです。

<!-- 下記2つは必須 -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@[Twitter ID]">
<!-- 下記はOGP設定してれば不要 -->
<meta name="twitter:url" content="[URL]">
<meta name="twitter:title" content="[タイトル]">
<meta name="twitter:description" content="[説明文]">
<meta name="twitter:image" content="[画像URL]">

twitter:cardはProduct、Photo、Summary Large Image、Player、App があるようで

 

申請は、ちょっと迷ったのですが今現在下記でいけます。

 

  • Card Validator にアクセス。
  • サインイン
  • 任意のカードタイプを選ぶ。(上記で埋め込んだもの)
  • 「Validate & Apply」タブを選択
  • URLを打ってプレビュー
  • 表示確認できたら not approved だから申請しましょ的な文言をクリック
  • フォームは必須項目を埋める
  • 送信、おわり

 

直ぐにアクティベートのメールが届きます。
その直後には反映確認できなかったですが、5~10分後に再度確認すると反映されてました。

 

まぁ使いどころというか、普通の企業だったりはツイッターアカウント持ってないとかあるしそしたらやりようがないしそもそもこの機能に気づいている人がどれだけいてどれくらいの効果があるから使いましょうって言うのがなんでもないです。

 

参考