BloggerでTwitterカードを出す

ブログ記事などウェブサイトのURLをツイッターに投稿するとき，ページ内の画像がツイートに表示されるのをよく見かけます。ニュースサイトでは大体この仕組みを使っていると思います。これがあるとないとでは，見栄えが大きく違ってきます。

Bloggerでは，デフォルト設定のままではこれが出ないようです。情報を調べて，ツイッターカードが出るよう設定してみました。

詳しくは私が参考にしたページを見ていただきたいのですが，必要な手順としては，Bloggerで使用しているテンプレートをカスタマイズして，HTMLのhead要素内にmeta要素を2つ追加することになります。OGPの設定は何もせずともBloggerでしてくれるので，twitter:card と twitter:site を設定すればOKです。私は前者には summary_large_image を指定しています。後者には自分のアカウントを先頭 '@' つきで設定します。テンプレートを編集したら，反映させる操作などは特に不要なようです。

設定が済んでいると，ページ内の画像が自動的にカードに使われます。写真は札幌市北区，北海道大学の中央ローン。記事内容と直接の関係はありませんが，例題として。