【Cocoon】ツイッターカードの画像を大きくする方法

ブログを書いている人は、記事をTwitterに投稿することでいろいろな人に見てもらえるので効果的ですよね。

TwitterでURLリンクを貼ると、自動的にアイキャッチ(画像)付きで表示されるのですが・・・

▲Twitterのアイキャッチ(画像)例

Twitterで画像表示されますが、画像が小さく両端が見切れてしまっています

まにまに
まにまに

画像表示してくれるのはいいけど小さい…

りんご
りんご

せっかくのアイキャッチが残念ね…

 

しかし、他のツイートを見ていたら、画像サイズの大きいものもあることに気づきました。

▲大きいアイキャッチ(画像)の例(参照:Twitter
まにまに
まにまに

こっちの方が見やすいじゃん!

 

やはり画像が大きいほうが目立つし、アイキャッチも見やすいですよね。

この記事では、Cocoonにおいて、Twitterカードの画像を大きくする方法についてまとめます。

[amazon asin=”4800720516″ kw=”ブログ ルカ”]

Twitterカードの大きさについて

カードサイズの特徴を比較します。

小さい画像
大きい画像
  • 邪魔になりにくい
  • 画像が見切れる
  • アイキャッチが目立つ
  • 画像が見切れない
  • ツイートが多い人は邪魔に思われるかも?

正直、小さい画像のメリットはあまり感じられません。

アイキャッチ画像を設定していない人はどちらでもいいかも?

目次

Cocoon設定のOGP設定

Twitterカードの設定は【Cocoon設定>OGP】にあります。

 

Twitterカード設定のカードタイプ

  • サマリー
  • 大きな画像のサマリー

とあるので、大きな画像のサマリーを選択して、変更をまとめて保存します。

これで完了です。

Twitterへの投稿でアイキャッチが見やすくなりました。

反映に時間がかかるのでキャッシュ削除

OGPの設定で完了なのですが、キャッシュが残っていると反映に時間がかかることがあります。

なので、関連するキャッシュを削除します。

【Cocoon設定>キャッシュ削除】の項目から

  • SNSキャッシュの削除
  • ブログカードキャッシュの削除

をすることですぐに反映されました。

Twitterカードの画像を大きくする方法のまとめ

Twitterカードで画像を大きくする方法について紹介しました。

Twitterカードの画像を大きくする方法まとめ
  • Twitterカードの画像は大きい方が見やすい
  • Cocoon設定のOGPタブから変更
  • 反映に時間がかかる場合はキャッシュ削除
あわせて読みたい
【クラウド化】パソコンが変わっても同じ環境でブログを書く方法【Windows/Mac/ネカフェ】 例えば会社のパソコンでやっている仕事を、自宅のパソコンでやろうとしたら、かなり大変じゃないですか? 専用のソフトが必要パソコン本体に使うソフトが入っていないWi...
あわせて読みたい
Googleフォームでお問い合わせを作成する方法【ブログ】 ブログやホームページにお問い合わせフォームってありますか? 読者さんからのご意見は貴重ですし、お問い合わせフォームがあるとサイトの評価も上がるとかなんとか…(...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

iPhone歴11年(3GSから)、格安SIM歴6年。
ガジェットやアニメなどが趣味。
最近、節約や投資にも興味が出てきて勉強中です。

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次