ブログを書いている人は、記事をTwitterに投稿することでいろいろな人に見てもらえるので効果的ですよね。
TwitterでURLリンクを貼ると、自動的にアイキャッチ（画像）付きで表示されるのですが・・・
Twitterで画像表示されますが、画像が小さく両端が見切れてしまっています。
まにまに
画像表示してくれるのはいいけど小さい…
りんご
せっかくのアイキャッチが残念ね…
しかし、他のツイートを見ていたら、画像サイズの大きいものもあることに気づきました。
まにまに
こっちの方が見やすいじゃん！
やはり画像が大きいほうが目立つし、アイキャッチも見やすいですよね。
この記事では、Cocoonにおいて、Twitterカードの画像を大きくする方法についてまとめます。
Twitterカードの大きさについて
カードサイズの特徴を比較します。
小さい画像
大きい画像
正直、小さい画像のメリットはあまり感じられません。
アイキャッチ画像を設定していない人はどちらでもいいかも？
Cocoon設定のOGP設定
Twitterカードの設定は【Cocoon設定>OGP】にあります。
Twitterカード設定のカードタイプが
- サマリー
- 大きな画像のサマリー
とあるので、大きな画像のサマリーを選択して、変更をまとめて保存します。
これで完了です。
Twitterへの投稿でアイキャッチが見やすくなりました。
反映に時間がかかるのでキャッシュ削除
OGPの設定で完了なのですが、キャッシュが残っていると反映に時間がかかることがあります。
なので、関連するキャッシュを削除します。
【Cocoon設定>キャッシュ削除】の項目から
- SNSキャッシュの削除
- ブログカードキャッシュの削除
をすることですぐに反映されました。
Twitterカードの画像を大きくする方法のまとめ
Twitterカードで画像を大きくする方法について紹介しました。
Twitterカードの画像を大きくする方法まとめ
- Twitterカードの画像は大きい方が見やすい
- Cocoon設定のOGPタブから変更
- 反映に時間がかかる場合はキャッシュ削除
【クラウド化】パソコンが変わっても同じ環境でブログを書く方法【Windows/Mac/ネカフェ】
例えば会社のパソコンでやっている仕事を、自宅のパソコンでやろうとしたら、かなり大変じゃないですか？専用のソフトが必要パソコン本体に使うソフトが入っていないWindowsかMacかで使えるソフトが違うなど、使うパソコンが変わ
manimani-blog.com
2020.08.21
Googleフォームでお問い合わせを作成する方法【ブログ】
ブログやホームページにお問い合わせフォームってありますか？読者さんからのご意見は貴重ですし、お問い合わせフォームがあるとサイトの評価も上がるとかなんとか…（笑）自分が訪れたサイトでも気になったことを質問したい場合に、問い合
manimani-blog.com
2020.07.22
コメント