自分のブログにTwitterカードの設定をしてみた。

https://analytics.twitter.com/ にログインすることでアナリティクスが利用出来るようになりました。

Twitter アナリティクス

Twitter アナリティクスが一般公開されたことで、Twitter カードを使えるようになったので設定してみました。

まず Developers で Twitter カードの検証ツールを開きます。

Twitterカード設定前

フォームにタイトルや内容などを入力するだけで、ブログに設定すべき meta タグを右下に生成してくれます。

今回は必須項目のみ設定しました。

<!-- twitter cards -->
<meta property="twitter:card" content="summary">
<meta property="twitter:site" content="@YuG1224">
<meta property="twitter:title" content="@YuG1224 Blog">
<meta property="twitter:description" content="Node.jsやNginx、CoffeeScriptが好きなWebエンジニアです。">
<meta property="twitter:image" content="https://pbs.twimg.com/profile_images/459990144779419648/bp4WxqdH.jpeg">
<meta property="twitter:url" content="http://blog.yug1224.com/">

ブログに meta タグを適用後、「Validate & Apply」のタブを選んで URL を入力します。

meta タグが正しく設定されていれば、信号は全て緑色になるはずです。

Twitterカード設定後

設定後にブログ URL をツイートしてみると、設定した情報がツイートに付与されるようになりました。

この meta タグを記事毎に生成するようにしておけば、その記事の内容が自動的にカード化されるって感じですね。

素晴らしい。