みなさん、ブログカードってごぞんじですか?
ツイッターなどで、自分のURLをいれたら、パッと紹介される感じのやつ。
実際みてもらった方がはやいですね。
このブログのURLをツイッターで貼ってみました
↓
同じくLINEでURLをはってみました
↓
あれ?なんでCocoonの画像なんだ?
一般的には「WordPress」や「Cocoon」って知らない人の方が多い。
「Cocoon」って何?ってなりますよね。
記事のURLを貼った時には「アイキャッチ」画像がちゃんとでてるんだけど、ブログ本体のイメージ画像は「Cocoonの画像」がでます。
この画像をホームイメージと言います。
やはり自分のブログだと一目でわかる画像がここに出てほしいですよね?
設定をしないと、「cocoon画像」がでるようになっています。
ツイッターみてると、この「Cocoon画像」がそのまま表示されている方、すごく多かったんです。
そこで、今回は「ホームイメージ」の設定方法を紹介します。
かなり苦戦しました。
今回の記事は
Cocoonのホームイメージなんて意識してなかった。
Cocoonのホームイメージ画像がどうやっても変わらない!
という方にお役にたつと思います。
結果から!!ここだけ読んでOK!
だらだら書いたので、まとめます!
- 正方形のイメージ画像を用意する。サイズは任意(私は300×300)
- 「Cocoon設定」→「ブログカード」
- キャッシュの更新の「キャッシュ更新モードを有効にする」にチェックをいれて更新
- 「Cocoon設定」→「OGP」
- ホームイメージで1番で準備した画像をアップロード
これでOKだと思います!
参考になれば幸いです!
ここから下は、失敗を含めた備忘録です。上記でできたなら読まなくても良いです。
Cocoonのホームイメージ設定はOGPでできる!
「コクーン設定」の「OGP」
調べると、どうやらここで設定できるみたい。
下の方にホームイメージを設定する場所があります
この画像が次から表示されるわけですね!
この画像を変えればミッションコンプリート。
のはずだったのですが・・
ブログのヘッダー画像をいれてみました。
そして更新して、LINEにURLをうちこみチェック。でてきた画像が下。
あぁなるほど、正方形になるわけですね。
正方形できっちりブログ名などがわかる画像を用意したほうがよさそうです!
そして次は正方形の画像をいれる事にしました。
(ちなみにこの「てるてる坊主」は姪っ子が書いてくれたのを自分が色つけしました。この絵からサイト名も決まりました。かわいいでしょ?)
さぁこれでできた!
はずでした・・
LINEで確認すると
あれ?さっきと変わっていない。
ツイッターの方で確認をすると
Cocoonのまま。あれ?
なんとなく想像つくのは「キャッシュ」です。
毎回情報を読みに行くと、時間がかかるので、ある程度情報を覚えておき、さっと表示する仕組みがあります。その情報の事をキャッシュとよばれています。無駄にキャッシュが増えると動作が逆に重たくなるので、削除する事もあります。
このキャッシュが更新されていない。前の情報を表示していると予測しました。
ここから、ネットで調べては、ためす、確認のくりかえし。
「Cocoon設定」→「キャッシュ削除」→「ブログカードキャッシュ削除」→ダメ
「Cocoon設定」→「キャッシュ削除」→「SNSキャッシュ削除」→ダメ
「Cocoon設定」→「キャッシュ削除」→「全てのキャッシュ削除」→ダメ
ツイッターやLINEがわのキャッシュの問題?
・「ツイッターでキャッシュ削除」→ダメ
・「LINEでキャッシュ削除」→ダメ
なにをやっても、画像がかわらない。
とほうにくれていましたが、やっと解決方法をみつけました。達成感はんぱない。
ホームイメージの設定方法
ブログカードの設定がポイントでした。
「Cocoon設定」→「ブログカード」
下の方に「外部ブログカード」があります。
↑
「キャッシュの更新モードを有効にする」という項目があります。
これにチェックをいれて変更してください。
※全ての設定がおわったら、またチェックを外してくださいね。
ここは外部ブログカードというところなので、他サイトからのカード設定だと思いスルーをしていました。
ただ製作者様のわいひら様のHPでこのような文句をみつけました。
※タグページはサイト内部ですが、内部カード対応はしていないので、外部扱いになります。
これでたどりついたわけです。
あとはもう一度、「Cocoon設定」→「OGP」から、ホームイメージの更新をしてください。
これで大丈夫だと思いますが、もし表示されないようなら、ツイッターのキャッシュも削除してみてください。
そして、ようやく
反映されました!!
これ過去のツイートにも反映されるみたいで、全部この表示に変わりました!
もし、まだホームイメージが「Cocoon」の画像のままなら、ぜひ設定してみてください。
おまけ
ツイッターでは表示されましたが、じつはLINEでは、まだ表示されません。LINEのキャッシュも消しました。でもだめ。
もうお手上げにします。LINEで自分のブログを宣伝する機会もないですし。
追記)上記の記事の2日後
なにげなく友人に自分のブログを紹介したら
変わっていました。
LINE側で処理する時間があるのかもしれません。
LINEの反映は少し様子を見ると良いかもしれません。
コメント
わかりやすくてとても助かりました。
ありがとうございます。
コメントありがとうございます
はげみになります^^