\フォロワー増やしたい人必見/

Twitter

Twitterカードの画像サイズ【クリック率UPさせるには?】

2020年4月26日

かんすけ
シェアツイートの画像が綺麗に出来ないんですが…[/st-kaiwa1]
アフィラ
画像サイズを考えて作らないとダメだぞ!
かんすけ
でもなんだか面倒そう…今度でいいか…[/st-kaiwa1]
アフィラ
喝ぁーっ!シェアした時の画像で、クリック率が大幅に違うから注意だぞ!
  • シェアする時の適切な画像サイズがわからない
  • 何時に投稿すればいいかわからない
  • シェアツイ―トする時の文が知りたい

こんな悩みを解決する記事です!

 

本記事の内容

  1. Twitterカード画像の推奨サイズ
  2. Twitterカードの設定方法
  3. 伸ばすシェアツイートの2つのコツ

本記事では、ブログ記事を紹介する時のシェアツイート画像について紹介します。

読み終えれば、伸びるシェアツイートが出来るようになり、ブログを多くの人に読んで貰えるようになります。

 

執筆者紹介

アフィラ(@afilasite)

Twitterフォロワー数2.6万人で、Twitterから大量にアクセスを獲得している私が、シェアツイートのノウハウを解説します。

Twitterカードの画像サイズ【クリック率UPさせるには?】

Twitterカードの画像サイズ【クリック率UPさせるには?】

かんすけ
画像サイズってどうすればいいんですか?[/st-kaiwa1]
アフィラ
アイキャッチ画像を適切なサイズにしよう

Twitterカードの画像サイズは、設定によって推奨サイズが異なります。

 

まずブログをシェアする時の「Twitterカード」には2種類あるので確認しましょう。

  1. Summary Card
  2. Summary Card with Large Image

Summary Cardの場合、推奨画像サイズは「144×144px」で「比率1:1」。

Summary Card with Large Imageの場合、推奨画像サイズは「600(横)×314(縦)px」で比率「1.91:1」。

 

このサイズにする必要はなく、これより大きいサイズで作成して、アイキャッチ画像が切り取られるということを覚えておきましょう!

 

私は760×428pxのアイキャッチ画像で、「Summary Card with Large Image形式」にしてます。

シェアツイートはインパクトが大事なので、クリック率UPの為に大きいサイズを推奨!

また、シェアした時の画像がどう表示されるかは、Twitter公式の「Card Validator」で確認できます。

≫画像がどう表示されるか確認【Card validator】

上記のURL先で記事のURLを入力すれば、切り取られ方を確認できますよ!

 

では、ここからはTwitterカードについてより詳細を見て行きますね。

Twitterカードには2種類が存在し、推奨サイズが異なる。困ったら「Card Validator」で確認

 

Twitterカード:Summary Card

Twitterカード:Summary Card

かんすけ
Summary Cardとは?[/st-kaiwa1]
アフィラ
タイトルが大きく見えるシェアのこと

Twitterカード「Summary Card」の推奨画像サイズについて。

  • 144×144px
  • 比率1:1

 

「Card Validator」でシェアツイートを確認すると、このようになりました。

 

このように「Summary Card形式」でシェアした場合は、正方形に切り取られます。

この形式の場合、144×144pxより大きいの正方形の画像ならなんでもOK!

 

ただし、アイキャッチ画像が切り取られる範囲が大きいため、私のような「文字等を入れた画像」を使う場合には不向きですね。

アイキャッチが微妙でタイトルを大きく見せた方が、クリック率がUPすると判断できる場合のみ有効かと。

Summary Cardの推奨サイズは144×144px以上

 

Twitterカード:Summary Card with Large Image

Twitterカード:Summary Card with Large Image

かんすけ
Summary Card with Large Imageとは?[/st-kaiwa1]
アフィラ
アイキャッチ画像が大きく表示されるタイプだ

Twitterカード「Summary Card with Large Image」の推奨画像サイズについて。

  • 600(横)×314(縦)px
  • 比率1.91:1

つまり「Summary Card with Large Image形式」でシェアした場合は長方形。

大きく画像が表示されるので視認性が高まり、クリック率UPが期待でききます。

なのでアイキャッチにこだわりつつ、大きいサイズでシェアする方がいいですよ!

 

実際のシェアツイートがこちら。

Twitterカード:Summary Card with Large Image

このようにアイキャッチ画像がドーンと大きく表示されて、クリックがUPしやすいのがポイント。

600×314px以上のサイズで、だいたい「1.91:1」くらいの比率のアイキャッチ画像を使っているのであれば綺麗に表示されますよ!

「Summary Card with Large Imageの推奨サイズは600(横)×314(縦)px以上

 

Twitterカード画像の設定方法

Twitterカード画像の設定方法

かんすけ
Twitterカードってどうやって設定すれば良いですか?[/st-kaiwa1]
アフィラ
基本的にテーマによる

Twitterカードの設定方法ですが、Twitter公式によると下記のコードをhead内に書くとのこと。

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">

サンプル引用: Twitter Developersより

まあ、ぶっちゃけ意味わからないですよね。

(※ブロガー2年目ならhtml記述から軽くいじれるべきですが、今回は省略)

 

これをheadタグ内に記述するのはわからない人が多いハズなので、ほとんどのWordpressサイトテーマでOGP設定(Twitterカードシェア設定、外部連携サービスといった名称)が用意されています。

なので結論としては、各サイトテーマごとの設定方法に従いましょう。

(※余力があれば各サイトテーマごとの設定をここに用意して載せます。JINはボタン1個で出来るので楽でした)

 

Twitterカードでシェアする時2つのコツ

Twitterカードでシェアする時2つのコツ

かんすけ
シェアツイートする時のコツはありますか?[/st-kaiwa1]
アフィラ
多くの人にブログを読んでもらうためのコツは2つ

Twitterカードでブログ記事をシェアする時の2つのコツを解説します。

  1. 簡潔なツイート文にする
  2. 読まれやすい時間帯にツイート

それぞれ深堀していきますね。

 

シェアのコツ①:ツイート文は簡潔に

Twitterカードでシェアする時のコツ①:ツイート文は簡潔に

かんすけ
ツイート文はどうすればいいですか?[/st-kaiwa1]
アフィラ
簡潔に内容を伝える

Twitterカードでシェアする時は、内容を簡潔に伝えると良いですよ!

 

私の記事シェアツイートのテンプレートを置いておきますね。

パクってもらってOKですよ!

Twitterカードでシェアする時のコツ①:ツイート文は簡潔に

このシェアツイートは「悩み」が1つでも該当する方がクリックするので、「リンククリック数」が増えやすいです。

 

テンプレートは下記の通り。

✅シェアツイート・テンプレート1

新記事公開しました😁


<タイトル>
<タイトル>

▶️悩み(又は目次抜粋)
・<悩み1>
・<悩み2>
・<悩み3>

<リンクを踏みたくなる一言>
<URL (11.5文字分)>

このテンプレートは「悩み」が1つでも該当する方がクリックするので、「リンククリック数」が増えやすいです。

 

Twitterカードでシェアする時のコツ①:ツイート文は簡潔に

このシェアツイートは「悩み」と「結論」を出しているので、ツイート内で答えが出ており「いいね・RT・リプ」が増えやすいです。

つまり普通のツイ―トとして機能しつつ、気になる方はブログを読みに来てくれる型になってますよ!

一般的にシェアツイートは興味ない方が多く、エンゲージメント率は落ちがち・・・そこをなんとか改善したのがこのタイプです!

 

テンプレートは下記の通り。

✅シェアツイート・テンプレート2


<タイトル>
<タイトル>

▶️悩み
・<悩み1>
・<悩み2>
・<悩み3>

▶結論
・<まとめ1>
・<まとめ2>
・<まとめ3>

<URL (11.5文字分)>

あとワンポイントとしてはURL11.5文字を除いた、128文字目一杯使って紹介文を書くと伸びやすいです。

ツイ―ト内の文字数カウントは、[Twitter文字数カウント5ルール]で解説しているのでそちらもご覧ください。

 

シェアのコツ②:ツイート時間帯

Twitterカードでシェアする時のコツ②:ツイート時間帯

かんすけ
シェアする時間帯はいつがよいですか?[/st-kaiwa1]
アフィラ
みんながスマホを触る時間の少し前だ

Twitterカードでシェアする時のツイ―ト時間帯は、次の4つから選ぶと良いです。

  1. 朝6時~7時(通勤中にブログ読む)
  2. 昼11時~12時(昼食時にブログ読む)
  3. 夕方17時~18時(退勤中にブログ読む)
  4. 夜19時~20時(趣味しながらブログ読む)

この中からツイートアナリティクスを見て読者の活動時間を分析し、ベストな時間帯にシェアツイートするとブログが読まれやすいですよ!

私の場合は、Twitterやブログの作業をする前後で読まれやすいので、17時~19時にツイートして「記事を読む」⇒「すぐに実践」という流れができるようにしてます!

 

Twitterカードの画像サイズ【クリック率UPさせるには?】まとめ

Twitterカードの画像サイズ【クリック率UPさせるには?】まとめ

かんすけ
シェアツイートのことが良くわかりました![/st-kaiwa1]
アフィラ
Twitter×ブログをやってるなら必須知識だな!

Twitterカードの画像サイズと、シェアツイートを伸ばすための情報をまとめます。

ココがポイント

  1. Summary Card⇒144×144px
  2. Summary Card with Large Image⇒600(横)×314(縦)px
  3. これ以上の大きさのアイキャッチ画像を使う
  4. クリック率UPのため「Large Image」を推奨
  5. 設定方法はサイトテーマによる
  6. 簡潔なツイート文を心がける
  7. 時間帯は読者の生活リズムを予測する

今すぐできる具体的TODO

具体的TODO

  • Card validatorをお気に入り登録
  • まだ未設定すぐにシェアツイートの設定
  • アイキャッチ画像のサイズを確認
  • シェアツイート用のテンプレートを作る
  • ブログ記事を投稿する時間を決める

≫画像がどう表示されるか確認【Card validator】

 

ブログのアクセス数をもっと増やしたい方は、[ブログアクセス数を1から10まで徹底解説]を読んでみて下さい。

 

ブログアクセス数とは?増やす方法・収入の目安・調べ方を1から10まで徹底解説

 

アフィラの小言

アフィラ
早めに基礎知識は覚えておくといい

本記事のようなシェアツイートの画像サイズは、1回覚えればOKな知識。

Twitter×ブログ運用における重要性はそれほど大きくないですが、最初に覚えていないとずーっと損をした状態で運用していることになります。

 

なので、基礎知識は「10時間くらいかけて一気にインプットする作業を実施するのが効率的かと。

まだTwitter×ブログの基礎知識が足りていない方は、サクッと覚えられることを覚えておきましょう!

 

なお、Twitter運用の基礎を知りたい方は、[本気でTwitter運用するなら知っておきたい100のこと]で50,000字を無料公開しているので読んで下さい。

-Twitter

© 2021 作業ロケット Powered by AFFINGER5