twitterのカード表示のリンクあれこれ

content app とユニバーサルリンク

やりたいこと：カード表示の画像を指定しつつアプリインストールを判断・誘導する
すでにあるサイトに、twitterのカードを表示させるメタタグが仕込まれている。

• twitterのカード表示とはなんぞ
  

簡単に言うと、ツイッタ上でリンクを魅力的に見せるための構造。画像入れたり動画つけたり。
twitterのカード表示にはいくつか種類がある。summaryが一般的。(もしくはsummary-with-largeimage?)
これらは、メタタグ上で

<meta name="twitter:card" content="summary">

などと指定する
summaryなどに関してはogタグなどで指定したイメージやリンクが反映される。 最低twitter:cardとtwitter:urlがあればいい（だったはず）

summaryは指定したリンク先サイトへの誘導だが、contentをappにした場合、appstoreやgoogleplayなどに登録したアプリが紐づく。
その際のサムネイル画像は、各ストアに指定した画像が表示される。アイコンみたいなやつ。
iPhoneの場合、appを指定したサイトをリンクとしてツイッターに適用すると、カード表示からのリンクには「インストール」ボタンが表示される(androidは未確認だけど似たような表示と思う)
スマホ(safari)から見たとき、そのリンク先は自動で、「端末に該当のアプリケーションがインストールされていればそのアプリで開く。未インストールならストアを開く」という動作になる。

要件としてはsummaryのカードのままアプリインストールを促したい、という感じ。

で、ユニバーサルリンク。
これはiOS9から導入された仕組みで、アプリ側の設定とWebサーバ側の設定を予め行っておくことで、スマホから該当のリンクを押下した時に、端末のアプリインストール状況を判別して、遷移先をリンク先とストアに切り替えてくれる。っていう仕組み。

これをsummaryを指定したカードのリンク先として扱えば(自身のページに遷移させるようにすれば)画像表示もアプリインストールへの動線も対応できる…はず？