Twitter

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

かんすけ
かんすけ
シェアツイートの画像が綺麗に出来ないんですが…
アフィラ
アフィラ
画像サイズを考えて作らないとダメだぞ!
かんすけ
かんすけ
でもなんだか面倒そう…今度でいいか…
アフィラ
アフィラ
喝ぁーっ!シェアした時の画像で、クリック率が大幅に違うから注意だぞ!

こんな悩みをもったあなた向けの記事

悩み
悩み
シェアする時の適切な画像サイズがわからない
悩み
悩み
何時に投稿すればいいかわからない
悩み
悩み
シェアツイ―トする時の文が知りたい

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

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

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

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

 

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

【 執筆者紹介 】
・アフィラ@5年目ブロガー
Twitterフォロワー数:26,000名以上

アフィラ
アフィラ
この記事を読んでくれた方の感想だ

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

Twitterカードの画像サイズ【クリック率UPさせるには?】
かんすけ
かんすけ
画像サイズってどうすればいいんですか?
アフィラ
アフィラ
アイキャッチ画像を適切なサイズにしよう

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

 

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

Twitterシェアツイート
  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とは?
アフィラ
アフィラ
タイトルが大きく見えるシェアのこと

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

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とは?
アフィラ
アフィラ
アイキャッチ画像が大きく表示されるタイプだ

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

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カードってどうやって設定すれば良いですか?
アフィラ
アフィラ
基本的にテーマによる

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カード画像の設定方法は、自分のサイトテーマの設定で確認

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

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

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

シェアする時の2つのコツ
  1. 簡潔なツイート文にする
  2. 読まれやすい時間帯にツイート

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

読まれやすい時間帯に、簡潔なツイート文でシェア!

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

Twitterカードでシェアする時のコツ①:ツイート文は簡潔に
かんすけ
かんすけ
ツイート文はどうすればいいですか?
アフィラ
アフィラ
簡潔に内容を伝える

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ルール]で解説しているのでそちらもご覧ください。

簡潔な記事の紹介文を書いて、気になるようにするとPV数が増える

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

Twitterカードでシェアする時のコツ②:ツイート時間帯
かんすけ
かんすけ
シェアする時間帯はいつがよいですか?
アフィラ
アフィラ
みんながスマホを触る時間の少し前だ

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

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

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

 

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

読者の生活リズムを推測し、適切な時間にシェアツイートすると記事が沢山読まれる

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

Twitterカードの画像サイズ【クリック率UPさせるには?】まとめ
かんすけ
かんすけ
シェアツイートのことが良くわかりました!
アフィラ
アフィラ
Twitter×ブログをやってるなら必須知識だな!

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

Twitterカードの画像サイズ【クリック率UPさせるには?】まとめ
アフィラ
アフィラ
この記事を読んで今すぐできることだぞ!
具体的TODO
  1. Card validatorをお気に入り登録
  2. まだ未設定すぐにシェアツイートの設定
  3. アイキャッチ画像のサイズを確認
  4. シェアツイート用のテンプレートを作る
  5. ブログ記事を投稿する時間を決める

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

 

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

あわせて読みたい
ブログアクセス数とは?増やす方法・収入の目安・調べ方を1から10まで徹底解説ブログアクセス数がよくわからなくて悩んでいませんか? 本記事では、アクセス数の確認方法から増やし方までを紹介します。 ブログアクセス数について詳しく知りたい1カ月目ブロガーさんは必見です。...

アフィラの小言

Twitterカードの画像サイズ【クリック率UPさせるには?】まとめ
アフィラ
アフィラ
早めに基礎知識は覚えておくといい

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

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

 

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

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

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

ABOUT ME
アフィラ
アフィラ
ブログ飯で独立 | ブロガー歴5年 | 最高ブログ月収100万超え | Twitter34,0 00フォロワー | 100名以上在籍のオンラインスクールを運営 | noteは10,000スキ・20万PV超え | 本気で稼いで人生を変えたい方に向けて発信中! | 仕事依頼は[お問い合わせ]からお願いします。 | より詳しい情報は、[詳細プロフィ―ル]をどうぞ。

COMMENT

メールアドレスが公開されることはありません。