【Cocoon設定】Twitterカードを変える!ブログ初心者が設定するべきOGPとは?

スポンサーリンク
すろーらいふ

すろーらいふ ブログ管理人
Linguaskill B2/TOEIC 915点/英検準1級
家族、旅行大好き
素敵なモノだけをお伝えしたい

すろーらいふをフォローする

こんにちは、すろーらいふです。

突然ですが、あなたは「Cocoon設定」をしっかり使いこなせていますか?特にTwitterにブログをのせている方はOGPの設定ができていますか?

私はこの設定をせず、Twitter上でCocoonのデフォルト画像を表示していました。(恥ずかしい///)

そこで登場するのが「Cocoon設定」のOGPです。

この記事では初心者の方でもわかりやすく設定できるように解説していきます。

スポンサーリンク

Twitterでブログ画像を表示する方法 OGP

初心者の方がついつい忘れてしまう設定です。

Twitterにご自身のブログをシェアした際に、初期設定のCocoonのデフォルト画像になっていませんか?

こちらが私がTwitterで自信のブログをシェアした時の画像ですが、これをどのように設定したのか解説します。

まずは「Cocoon設定」→「OGP」→「OGPタグの挿入」にチェックを入れてください。ここにチェックをいれることでSNS上で画像が表示されるようになります。

つぎにTwitterカードタグの挿入にチェックしてください。

Twitterカードタイプはツイートをした際に下記のどちらを表示するかを選んでください。

サマリー表示だと画像は少し小さく、大きな画像サマリーだと画像部分が大きく表示されます。

最後に「ホームイメージ」を設定します。ここが一番大事ですね。

Twitterでブログのトップページをシェアした時に表示されるアイコンになります。ここが入っていないとCocoonのデフォルトの画像になってしまいます。(自分もそうでした・・)

これで設定は完了です。

ちなみに設定できていないと、、これになっています・・

反映されているかの確認

OGPの設定ができたらちゃんと反映されているかを確認してください。

その際に役立つのがコチラのサイト

Card Validator | Twitter Developers

ご自身ブログのトップページのURLを入力してPreview cardをポチッ

このように表示されたら無事に設定完了です。

まとめ

いかがでしょうか。

Twitterでご自身のブログをシェアする際の注意点と簡単な設定方法について書いてみました。

ウェブ音痴なブログ初心者の私でもできたので、きっと皆さまもできます!

暇なときにぽちぽちと「Cocoon設定」をいじってみるといろいろと設定できますのでぜひやってみてください。

有料でなくても十分におしゃれになりますよ。

本日も最後までご覧いただきありがとうございました♪

\Cocoonに関するほかのカスタマイズ方法/

コメント

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