Twitterでのブログのサムネ画像を変える方法【Cocoon】

ブログ
Sponsored Links

どうも、現役東大生のさっぱりです。

TwitterでブログのURLを載せた時、Cocoonを使用している人は、デフォルトではサムネイル画像にはCocoonの画像が表示されます。

Twitterカードがデフォルトのまま!
こんな感じで

これを好きな画像に変更する方法をご紹介します!

Cocoon設定OGPという項目から変えることができました!

この記事で、Twitterカードの変え方の「さっぱり……」が「はっきり!」になります!

Twitter始めました!だけど…

実は、Twitterはじめました!

フォローお願いします!

ということで、意気揚々と最初のツイートをしようとしたのですが……

Twitterでのブログのサムネ画像がデフォルトのまま!

こうなってしまいました!

サムネイル画像がCocoonのデフォルト画像になっていますね。

ちなみに、このサムネイル画像のことをTwitterカードというようです。

これでは、なんのブログなのかわからないし、何よりかっこ悪い!

どうやって変更すればいいんでしょうか?

TwitterカードはOGPから変更!

それでは、テーマCocoonを採用している場合の、Twitterカードの変え方をご紹介します!

まずはPCから変更する場合の手順です!

ダッシュボードの左側のサイドバーから、Cocoon設定をクリックしてください!

ダッシュボードからCocoon設定をクリック!

そして、画面右側のたくさん並んだタブから、OGPをクリックです!

Cocoon設定からOGPをクリック!

OGPのページを下にスクロールして、ホームイメージの欄からサムネイルとして表示させたい画像をアップロードで完了です!

OGPから、ホームイメージを変更!

変更を保存するのを忘れずに!

 

スマホからでも変更することができます!

基本はPCでの手順と同じです!

Safariなどのブラウザから、ブログのダッシュボードにアクセスしましょう!

左上の三本線のアイコンをタップして、メニューを開きます。

そして、Cocoon設定をタップしてください!

ダッシュボードからCocoon設定をタップ!

Cocoon設定から、OGPという項目を選びます!

Cocoon設定からOGPをタップ!

下にスクロールして、ホームイメージという欄の画像をアップロードをタップして、それに変更したい画像をアップロードします!

OGPからホームイメージを変更!

「変更をまとめて保存」ボタンを押すのを忘れないようにしてください!

無事に変更されたかは、ここから確認することができます!

https://cards-dev.twitter.com/validator

Twitterカードを変更したのに反映されない……

しかし僕の場合、変更を保存しても、Twitterに自分のサイトのURLを打ち込んでも、元の画像が表示されてしまいました。

まずは、キャッシュの削除を試してみました!

PCからは、ダッシュボードから、左側のサイドバーのCocoon設定の欄の上にカーソルを乗せます(クリックではなく!)。

そうすると、詳しいメニューが開きますので、「キャッシュ削除」をクリックしましょう!

Cocoon設定からキャッシュ削除をクリック!

開いたページから「SNSキャッシュの削除」をクリックすればOKです!

SNSキャッシュの削除をクリック!

スマホからだと、まず左上の三本線タップ→Cocoon設定をタップします。

そうすると左側のサイドバーにCocoon設定の詳しいメニューが表示されるので、キャッシュ削除をタップしてください!

Cocoon設定からキャッシュ削除をタップ!

そして、右側の画面から「SNSキャッシュの削除」を選択しましょう!

SNSキャッシュの削除をタップ!

Twitterカードの変更が反映されない場合はこの手順でSNSキャッシュを削除すると反映されることがあるそうです。

しかし、僕はそれでも反映されませんでした!

最後に思いつきでやってみたのが、それまでURLから「https://」を除いてツイートしていたのですが、それをつけてみることにしました!

そうすると何故かちゃんと設定した画像で表示されるんですね。

しばらくしてからは、「https://」なしでも設定した画像が表示されました。

今すぐ反映させたい人はぜひURLに「https://」をつけてツイートしてみてください!

「Twitterでのブログのサムネイル画像を変える方法」のはっきり!

今日のはっきりポイント

  • Cocoon設定→OGP→「ホームイメージ」で変更!
  • 反映されないならキャッシュの削除!
  • それでもだめなら「https://」をつけてみる!

皆さんの「さっぱり……」が「はっきり!」になりましたか?

良いはっきりライフを送れますように……!

コメント

タイトルとURLをコピーしました