BloggerでTwitterカードを出す
ブログ記事などウェブサイトのURLをツイッターに投稿するとき,ページ内の画像がツイートに表示されるのをよく見かけます。ニュースサイトでは大体この仕組みを使っていると思います。これがあるとないとでは,見栄えが大きく違ってきます。 Bloggerでは,デフォルト設定のままではこれが出ないようです。情報を調べて,ツイッターカードが出るよう設定してみました。 詳しくは 私が参考にしたページ を見ていただきたいのですが,必要な手順としては,Bloggerで使用しているテンプレートをカスタマイズして,HTMLのhead要素内にmeta要素を2つ追加することになります。OGPの設定は何もせずともBloggerでしてくれるので,twitter:card と twitter:site を設定すればOKです。私は前者には summary_large_image を指定しています。後者には自分のアカウントを先頭 '@' つきで設定します。テンプレートを編集したら,反映させる操作などは特に不要なようです。 設定が済んでいると,ページ内の画像が自動的にカードに使われます。写真は札幌市北区,北海道大学の中央ローン。記事内容と直接の関係はありませんが,例題として。