ブログの記事をツイートする際に、そのリンク先のページ情報とともにサムネイル画像を一緒に表示してくれる、Twitterカードという便利な機能がありますよね。
その機能があらかじめ設定されているブログサービスもありますが、私が別ブログで使っている@niftyのブログサービス「ココログ」は、Twitterカードに対応してないんですよね。
けど、いつからか、ブログ記事をツイートすると次のように表示されるようになったんです。
（スマホ画面）
ちょっと調べてみても、ココログからはTwitterカードに対応したというお知らせは出てないようなんですが、これってTwitterカードに対応してますよね！？
ただ、表示されるサムネイル画像が、記事中の画像ではなくてココログのマークなんです。
これはひょっとして、世の中のココログ利用者のブログツイート画像は、全て同じこのココログのマークになっている状態ということか…
それではあまりにも残念な状態です。
ココログにTwitterカードに対応したか問い合わせしてみた
なんとかならないものかと、まずは@niftyの会員サポート（ココログに関するお問い合わせ）に質問してみたんです。
質問内容を要約すると、次のようなものです。
・ココログでは最近、Twitterカードに対応したか。
・対応してるのならば、ツイートした際に表示される画像がココログのロゴマークなので、これを記事中の画像を表示できるようにも対応してもらえないか。
しかし、帰ってきた回答は、“ココログの機能で、Twitterカードが利用できる設定は、現時点で設けていない”というものでした。
むむむ〜。そう言われちゃうと、こちらとしてもどうしたものか…
こちらは技術的なことにはよく分かってないので、質問はそこまでにしたのですが、ツイートするたびに毎回ココログのマークが表示されるという現状はなんとか避けたいので、もうちょっと調べてみました。
【補足】
ココログ（ブログ）への問い合わせは、@niftyのトップページから会員サポートページに行き、最上部のメニューにある問い合わせリンクから…、ここからさらに深くにあって探すのが面倒なんですよね。
もし、ココログのお知らせなどを掲載している「お知らせココログ:@nifty」をすぐに開けるなら、このサイトのサイドメニューの「便利なリンク集」に「お問い合わせ窓口」というリンクがあるので、そこから一発で「ココログ（ブログ）に関するお問い合わせ」のページに行けます。
ココログのTwitterカードで記事中の画像を表示させる
さて、問い合わせに対して、ココログではTwitterカードが利用できる設定は設けてないと言われてしまったものの、実際にツイートをすると表示されるようになったので、なんらかの仕様の変更はあったのでしょうね。
技術的なことに疎い私は、その仕組みなどについては理解してないのですが、Facebookなどで設定するOGPとの兼ね合いもきっとあるんですよね。けど、難しくて分かりません。
なので、とにかくココログからツイートした時に、記事中の画像を表示させるための方法はないかと調べました。
すると、そのものズバリのとても参考になる記事がありました。
それが、こちらです。どうもありがとうございます。
・ココログをTwitterカードに対応させる試み: 風柳の実験場
こちらには、ココログをTwitterカードに対応させる方法が書かれているのですが、現状、基本的にはすでにTwitterカードに対応していると思われる状態で、目的は画像を記事中のものを表示させたいというものなので、上記サイトの一部を参考にさせていただきました。
それは、記事投稿時に本文の一番最初に、次の一文を追記するというものです。
<meta name="twitter:image" content="（記事中の画像のURL）" />
あとは、コード中の（記事中の画像のURL）の箇所をサムネイルとして表示したいURLに書き換えて、保存すればOKです。
画像のURLは、記事本文に画像を挿入すると、そこにhttp://〜が記載されているので、これをコピペすればいいですね。
そして、その記事をツイートしてみると…
（スマホ画面）
お〜！うまくサムネイルに記事中の画像が表示されるようになりました。
記事を書くたびに一手間増えてしまいますが、ココログのマークが毎回表示されるよりはいいかな。
今のところ、他の方法も分からないですしね。
※追記：すでに作成してツイート済みの過去記事に、上記の一文を追記して改めてツイートしても、ココログのマークが表示されてしまうようで（記事中の画像を指定しても表示されない）、過去記事に対してどうするかまでは分かりませんでした。
おわりに
ということで、以上、いつの間にかTwitterカードに対応したと思われるココログの（公式には対応はしてないとのことだが…）、ツイート時に表示されるサムネイル画像をココログのマークから記事中の画像に変更する方法についてでした。
サムネイルのサイズを大きいものにする方法もあるようですが、今回はここまででひとまず満足です。
（PC画面）
※ 参考サイト
・ココログをTwitterカードに対応させる試み: 風柳の実験場
・Twitterのクリック率を上げるTwitterカードの導入方法｜ferret [フェレット]
・Twitter Cardsを設定したのでざっくり解説してみる – ChinoBlog
・Twitterカードの設定 | 極悪サカモンのブログ
【2017.6.2追記】
2017年5月30日付で、ココログがTwitterカードに正式に対応してくれました。
・ココログがTwitterカードに対応しました: お知らせココログ:@nifty
やっぱり対応を進めていたのかな？（笑）
Twitterカードで表示される画像は、記事本文の1番最初の画像で、記事本文に画像がない場合は、ココログのロゴ画像になるとのことです。
また、今回の対応完了以降に更新する記事に、自動でTwitterカードのタグを付与するということなので、それ以前の記事は対応しないということかな（未確認です）。