TwitterにブログURLの貼たときに、デフォルト設定のままだとCocoonの画像が表示されてしまいます。ご自分のオリジナルの画像にしたいって方はぜひ参考にしてください！
TwitterでブログURL貼ったら…
ブログを告知したくて、TwitterにURLを告知したら、Cocoonの画像が出ちゃった、、、、
↓↓↓こうなった(泣)
ブログ初心者様がまず最初にお困りになるポイントってこれじゃありませんか？私もめちゃめちゃググりました！
ブログサイトで「Twitterカード」設定
下記の手順で設定します。
- ダッシュボード→cocoon設定→OGPタブを選択し、Twitterカード設定の欄を次の通りに設定する
- 「Twitterカードタグの挿入」にチェックをつける
- 「Twitterカードタイプ」で大きな画像のサマリーを選択する
- ホームイメージの欄の「画像のアップロード」の「選択」でお好きな画像を選ぶ
- 青いボタン「変更をまとめて保存」をクリック
では、詳しく解説していきます。
まずダッシュボードのCocoon設定をクリックする
OGPタブを選択する。
Twitterカード設定という欄で、「Twitterカードの有効化」にチェックをつけ、「Twitterカードタイプ」は、大きな画像のサマリーを選択します。
次にホームイメージの欄で、画像のアップロードの「選択」をクリックし、お好きな画像をアップロードする
※Twitterカードタイプには、「サマリー」と「大きな画像のサマリー」の2種類あります。
- サマリー＝正方形で表示
- 大きな画像のサマリー＝2:1の比率で表示
私は大きく表示させたいので、大きな画像を選択しています！
はい！このように画像を設定することができました。
cocoonのキャッシュを削除
ダッシュボード→cocoon設定→キャッシュの削除の欄で「全てのキャッシュの削除」をクリック。
※キャッシュとは、簡単に言うと「履歴」みたいなものです。一度表示したWebページのデータが自動で記憶されていて、次に同じページにアクセスする際、素早く表示しようとする仕組みのことです
Twitterのプロフィールも確認
自分のTwitterのプロフィール欄にも、サイトURLを登録しましょう。これは皆さんもうすでに設定済みかも知れませんが念のため^^
まずはご自分のTwitterページに移り、右上の「編集」をクリック
次に、Webという欄がありますので、ブログのサイトURLを登録します。
Twitterの方の設定はこれだけです！以上となります！ありがとうございました！
コメント