自分のブログに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タグを記事毎に生成するようにしておけば、その記事の内容が自動的にカード化されるって感じですね。

素晴らしい。

AnalyticsTwitter