ブログ運営

【設定方法】Twitterカードにアイキャッチ画像表示でクリック率UP!

ブロガーなら必ずと言っていいほど使ってるTwitter

最新ニュースの拡散や、情報交換がスピーディーにできるので
SNSのなかでもとくに人気が高いですよね!

そんなTwitterで自分のブログ記事を拡散しようとするとき
Twitterカードクリック率に大きく影響してるって知ってました?

おれは最近知ったよ!

ってことで、知ってる人も知らない人も読んでみてください!

スポンサーリンク

Twitterカードってなに?

そもそも「Twitterカード」って言葉、聞いたことありました?

おれは最近知ったよ!(2回目)

Twitterカードというのは、ツイートにURLのリンクを貼り付けたときに
自動的にアイキャッチ画像なんかを表示して見映えよくしてくれる機能のことです。

ラージカード

こんなかんじの。

URLが単純な文字じゃなくなるヤツです。

よく見ますよね?

これが設定されてるのとされてないのとではクリック率が大きく違うと言われてるんです!

WordPressテーマでの設定方法

Twitterカードは設定しないと表示されないんですけど
ワードプレスだと、テーマを入れるだけで小難しい設定は必要ないです。

このブログはJINを使ってますが
「外観」「カスタマイズ」から「SNS設定」というメニューで設定できました。

カスタマイズ

Twitterカードのタイプを2種類から選択するだけです。

① summary

こちらは、画像と記事テキストが横並びに表示されるタイプです。

summary

表示される画像は正方形に切り抜かれちゃいますが
コンパクトにまとまっているのでツイートもコンパクトに表示できます。

ツイート本文のテキスト量が多い場合におすすめです。

② summary large image

もうひとつは、大きく表示された画像の下に記事テキストが表示されるタイプ。

ラージカード

画像が横長になるので元画像に近い状態で表示できるのが特徴です。

私はいつもこっちを使ってます!

画像は大きい方がインパクトが大きいということと
ツイート自体が大きなエリアを使うことになるので
なんとなくで読み流されてしまうリスクを軽減できます。
(私の勝手な見解ですが)

【Canvaで作る】一瞬でイメージが伝わるアイキャッチ画像作成の6つのコツTwitterなどに投稿したときでも一瞬でイメージが伝わるアイキャッチ画像作成の6つのコツをご紹介しています!Canvaでできることにしぼったので専門的な知識やソフトがなくても作れちゃいます!...

アイキャッチ画像が出ない!

ワードプレスのテーマにSNSメニューがあれば設定は簡単でしたね!

でも、ここまでやって

思ってたのとちがう画像がでてるーー!

って人いませんか?(おれ)

もしかしてSEO関連のプラグイン使ってませんか?

もし「All in One SEO」を使ってるなら、そっちの設定も確認が必要です!

「ソーシャルメディア」メニューから「OG:Image ソースを選択」
「Featured Image」が選択されているか確認してください。

all in one seo設定

「Featured Image」を選択するとアイキャッチ画像が表示されるようになります。

私の場合は、いつのまにか「First Image In Content」に設定されていて
「本文内で最初に表示される画像」が表示されるようになってました。

この設定が原因だって見つけるのに半日かかったよ・・・

過去のTwitterカードを更新したい!

これで無事にTwitterカードが表示されるようになりました。

でも設定が反映されるのは、この設定が完了して以降のツイートに対してだけ。

ずっと間違った設定で投稿してたよ・・・

って人いますよね?(おれ)

そんな人は「Card validator」を使ってみてください。

このサイトで、更新したい記事のURLを入力すると、
過去ツイートの記事リンクも最新の設定に更新できちゃうんです!

card validator
神様・・・

もし古い設定のTwitterカードが表示されちゃった場合は
もう1回やってみると最新の表示に更新されますよ!

これでもうバッチリですね!

まとめ

Twitterカードって言葉。
はじめて聞いたって人も少なくなかったんじゃないでしょうか。

そもそも名前があるなんて思わなかったよ!

だよね!
いい勉強になったね!

それと、Twitterカードに表示されるってことを考えると
やっぱりアイキャッチ画像ってめちゃくちゃ重要ですよね!

たくさんの情報が発信されるタイムラインの中で
アイキャッチ画像は一瞬で情報を伝える重要な要素になります!

タイムラインはテキスト情報がほとんどなので
画像があるだけで目立つんですよね。

そりゃクリック率も上がるってもんです!

どっちのTwitterカードを選択するかは個人的な好みですけど
smmaryの場合は、正方形に切り抜かれることを意識して
アイキャッチを作成する必要がありますね!

せっかく時間をかけて書いたブログなので
渾身のアイキャッチをTwitterカードに表示させて
たくさんの人に見てもらえるようにしましょー!

それでは、また〜

ムズムズ度 ★ ★ ★ ★

【Canvaで作る】一瞬でイメージが伝わるアイキャッチ画像作成の6つのコツTwitterなどに投稿したときでも一瞬でイメージが伝わるアイキャッチ画像作成の6つのコツをご紹介しています!Canvaでできることにしぼったので専門的な知識やソフトがなくても作れちゃいます!...