【Cocoon】Twitterカードがデフォルトのままは嫌だ。

WordPress
この記事は約3分で読めます。
梅屋
梅屋

TwitterにブログのホームURLを貼り付けると
デフォルト画像が表示されちゃう…。

通常Twitterに記事のURLをツイートすると記事に設定されたアイキャッチが表示されますが、ブログのホームURL( https://umeyalabo.com/ )を貼り付けるとCocconのデフォルト画像が表示されます。

Cocconのデフォルト画像が表示される

今回はデフォルト画像を変更するために、Cocconの「ホームイメージ」を変更する方法を解説します。

この記事でわかること

Cocoonの「ホームイメージ画像を変更する方法」がわかります!

スポンサーリンク
[ad01]

ホームイメージを変更する

それではホームイメージの画像を変更していきましょう!

手順は❶~❻まであります。

ホームイメージ変更の手順
  1. ダッシュボード画面で「Cocoon設定」⇒「Cocoon設定」を選択
  2. 「OGP」を選択
  3. 「ホームイメージ」で表示させたい画像を設定します。
  4. 「選択」を選び、用意した画像を設定します。
  5. 画像が反映されてから「変更をまとめて保存」を選択
  6. サイトの説明は「タイトル」⇒「サイトの説明」に入力して「変更をまとめて保存」

❶ダッシュボード画面で「Cocoon設定」⇒「Cocoon設定」を選択

Coccon設定」を選択

「OGP」を選択

OGP」を選択

「ホームイメージ」で表示させたい画像を設定します。

ホームイメージの画像が表示されます

ここで表示されている画像が ホームURL( https://umeyalabo.com/ ) を指定した時に表示されていた画像です。

「選択」を選び、用意した画像を設定します。

選択」を選び画像を指定します

❺画像が反映されてから「変更をまとめて保存」を選択

画像が表示されてから「変更をまとめて保存
梅屋
梅屋

ホームイメージはアイキャッチと同じサイズで作成しました。

❻サイトの説明を追加する場合は「タイトル」⇒「サイトの説明」に表示させる内容を入力して「変更をまとめて保存」

サイトの説明を表示する場合に設定

画像が反映されない場合

梅屋
梅屋

設定変えたのに画像がCocconのデフォルト画像のままなんだけど…。

ホームイメージの画像を変更してもCocoonデフォルト画像から変わらない場合は、Cocconのキャッシュ削除を試してみましょう。

ダッシュボードの「Coccon設定」⇒「キャッシュ削除」を選択

キャッシュ削除

ブログカードの「ブログカードキャッシュ削除」を選択

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

それでも反映されない場合

下記サイトに接続してTwitter側のキャッシュ情報をクリアします。

クリアしたいURLを貼り付けて「プレビューカード」を選択

ログ情報に「ページが正常に取得されました」と表示されたらOKです。

プレビューカードを押してもページ情報が取得できない場合は、表示されるまで「プレビューカード」を繰り返し選択してください!

ホームURLを貼り付けてツイートすると画像が変わったことが確認できます!
※画像が変わらない場合はF5(更新)を試して下さい。

ホーム画像が反映されました

まとめ

今回はTwitterにブログのホームURLを貼り付けた時に表示する画像の変更方法について解説しました。

まとめ
  • 「Coccon設定」で表示するホーム画像を指定する
  • ホーム画像が反映されない場合は「Coccon設定」、「ブログカード」のキャッシュを削除する
  • それでも反映されない場合は「Twitter側のキャッシュ情報をクリア

ホームイメージは画像を用意すれば簡単に変更できるので、是非試して下さい!

この記事が気に入ったら
いいね ! しよう

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