「CocoonのSNS用画像ってどこで変更するの？」
TwitterにブログのURL載せてつぶやいたら、カードにCocoonの画像が表示されたけど、変更方法が分からないという方は多いと思います。
そこで今回は『CocoonのSNS用画像（OGP）をオリジナルに変更する方法』を解説します。
Twitterカードの画像はクリック率に影響しますので、フォロワーさんに興味を持ってもらうためにも、ぜひ変更しておきましょう。
動画でも解説しています。
トップページのSNS用画像（OGP）の変更手順
トップページのSNS用画像は『Cocoon設定 ⇒ OGP』で変更できます。
一番下までスクロールして、ホームイメージに設定されている画像を変更します。
『選択』をクリックして『ファイルをアップロード ⇒ ファイルを選択』と進みます。
設定したい画像を選択して『開く』をクリックします。
画像のアップが終わったら『画像の選択』をクリックします。
『変更をまとめて保存』をクリックして完了です。
なお、画像のサイズは『横：縦＝1.91：1』にすると、Twitterカードにピッタリになります。
これから画像を作る方は『955px×500px』『764px×400px』この辺のサイズをお試しください。
変更した画像が反映されない場合の対処法
OGP画像を変更しても、すぐにTwitterカードに反映されるわけではありません。
そこでなるべく早く反映させるために、以下の２つを行います。
Cocoon設定でキャッシュを削除
『Cocoon設定 ⇒ キャッシュを削除』と進み、『全てのキャッシュを削除』をクリックします。
これでテーマ側のキャッシュは削除完了です。
Twitterカードのキャッシュを削除
続いて、Twitterカードのキャッシュを削除するために、以下のツールを利用します。
⇒ Card validator
使い方は簡単で、URLにブログのURLを入力し『Preview card』をクリックするだけです。
このように設定した画像が表示されれば反映完了です。
各個別記事のSNS用画像（OGP）について
Cocoonでは個別記事のURLをつぶやいたときは、アイキャッチで設定した画像が表示されます。
しかし、アイキャッチ画像がTwitterカードの比率に合わないと、このように上下が切れてしまいます。
そこで、Twitterカード用画像は、投稿画面の『SNS画像』で設定できます。
アイキャッチ画像とは別に、Twitterカード用の画像も作って設定したい方は、こちらの機能を使ってみてください。
まとめ
今回は『CocoonのSNS用画像（OGP）をオリジナルに変更する方法』を解説しました。
トップページのSNS用画像は『Cocoon設定 ⇒ OGP』で変更できるので、非常に簡単でしたね。
反映を早くするには、Cocoon設定とTwitterカードのキャッシュの削除も行っておきましょう。
ちなみにTwitterのタイムラインを見ていると、Twitterカードの画像がCocoonのデフォルトのままのツイートをよく見ますが、ブロガーとしてCocoonを利用している僕でも違和感を感じてしまいます。
Cocoonのデフォルト画像はブログのジャンルと合わないことが多いため、一般の方はもっと違和感を感じるはずなので、ぜひ今回の解説を参考にOGP画像を変更してくださいね。
