こんにちは、イブです。
Cocoonテーマユーザー向け、ブログ紹介企画で注目を集められる方法を紹介！
Cocoonテーマを使用している方で、まだこれを設定してない人は設定してみては！
所要時間10分です。
Twitterでのブログ紹介企画のツイートで下記のようにCocoonのデフォルト画像になるのを..
画像設定前のtwitter投稿画面
下のようにオリジナル画像に変えられます
画像設定後のtwitter投稿画面
例は投稿画面ですが、他の人がブログ紹介で自分のURLを紹介してくれる場合も同様です。
表示画像をCocoonデフォルトの画像からオリジナル画像に変えられます。
設定することによるメリット
- 他のブログよりも目立てます（コッソリ）
- アクセス数がアップします
画像設定のやりかた
では早速画像設定のやり方を紹介。
画面分割でこのページとWordPressを開いて設定していくのがおすすめです。
用意するもの
- 画像（300×157~4,096×4,096サイズがいいです）
❶Wordpressで画像を設定
❷キャッシュを削除
❸画像設定がTwitterで適用されるか確認
つまり、一度読み込んだデータを次回からも使用するということなので、データを更新する場合は、古いものを削除して新しいものを読み込んでもらう作業が必要です。
❶Wordpressで画像を設定
ざっくりこのようなな流れで設定をしていきます。
下で写真付きで手順を紹介しますので、見ながら設定する際はそちらを見ながらにするのが便利です。
WordPressの画面で、Cocoon設定を選択し、続いてOGPを選択します。
OGPの有効化の項目でOGPタグの挿入にチェックしてください。
ホームイメージで画像をアップロードの選択を選びます。
そこから、ブログテーマとして表示させたい画像を選択します。
挿入したい画像が緑枠部分に表示されたのを確認して、変更をまとめて保存を押してください。
画像のアップロード方法がわからない場合
画像のアップロード方法は、ブログ記事で画像挿入する場合と同じです。
上の画像で選択を押すと下の画面が出るので、ファイルをアップロードを選択し、ファイルを選択から画像をアップロードします。
続いて、アップロードした画像をテーマに選択します。
メディアライブラリを選択し、テーマ画像に設定する画像（例:緑枠の画像）を選択します。
❷キャッシュを削除
続いて、キャッシュを削除します。
Cocoon設定のキャッシュ削除を選択し、すべてのキャッシュの削除を押します。
❸画像設定がTwitterで適用されるか確認
Card validatorで設定が反映されるか確認しましょう。
赤枠部分にブログのURLを入れます。
そして下のPreview Cardを押すと右側のCard previewで画像が表示されます。
表示された画像を確認しましょう。
画像変更後のCardvalidatorの表示画面
緑枠部分で設定後の画像が入っていたらOKです。
これが変更されていない場合、画像の緑枠部分は以下の画像になっています。
画像変更前のCardvalidatorの表示画面
ちなみに❶～❸の設定を行っても❸で変更が反映されていない場合、❶～❸でミスがないか確認したうえで、できていれば待ちましょう。
検索ではすぐに反映される旨がたくさん出てきますが、イブの場合はすぐには反映されず、数日してTwitterでブログを紹介いただいた際に、変更が反映されているのを確認できました。
まとめ
Cocoonを使用しているブログで、TwitterでURLを貼った際にブログテーマ画像がデフォルトになっている場合の設定方法を紹介しました。
❶Wordpressで画像を設定
❷キャッシュを削除
❸画像設定がTwitterで適用されるか確認（すぐに反映されない場合、数日待つ）
ブログ紹介でURLをツイートしてもらう際、オリジナル画像を表示できるので、目に留まりやすくなること間違いなしです。
紹介企画参加でアクセス数アップを狙うなら、早めの設定がおすすめです。
以上、イブでした。
コメント