ブログURLを貼った時にオリジナル画像を表示させる方法

WordPress

こんにちは!
「主婦が企業のHPを担当するようになれたワケ」
ogatomo blogのともです!

今日もブログに訪問いただきありがとうございます!!最後までお付き合いお願い致します!

今日はブログに遊びに来てねー!とURLを貼り付けた時にcocoonのオリジナル設定のままの画像になっちゃう人をお助け致します!!

せっかくオリジナルブログ作ったのにcocoonのまま

TwitterやLINEなどで、URLを貼り付けてツイートしたり、LINEこちらの記事へどうぞって貼り付ける時ありますよね!!拡散にTwitterやLINEは欠かせない無料ツール。使っている方も多いはず。

なのにこうなっちゃう。。テーマも作って記事も書きはじめて、色々整ってきたのに突然のcocoonデフォルト。これではテンジョンもダダ下がりです。

設定することによるメリット

  • URL添付でシェアする時に自分の画像が表示できてオリジナル感UP
  • アクセスしたくなる視覚的効果

しかもめちゃくちゃ簡単!5分で終了

では早速画像設定のやり方を紹介します!

WordPressで画像を設定する

まずはいつも通りワードプレスログインしちゃいましょ!そしてこの画面を開きます!!

こちらの赤枠OGPをクリックします。

次にこちらのOGPタグの挿入にチェックが入っているか確認。入っていない場合はチェックしましょう。

次に画像のアップロード!自分が設定したい画像をアップロードしましょう!

アップロードしたらこんな感じ!私はこんなデザインを考えてみました。そして変更を、あとめて保存をクリック。

変更は保存されました。が完了したらOK!!もう終わり!早すぎ!

キャッシュを削除

続いて、キャッシュを削除します。

キャッシュとは?
一度閲覧したウェブページの情報を一時的に保存する仕組みや、保存されたデータそのもののことを表します。キャッシュを保存しておくことで、再表示のスピードが上がる効果があります。つまり、一度読み込んだデータを次回からも使用するということなので、データを更新する場合は、古いものを削除し、新しいものを読み込んでもらう作業が必要になります!

Cocoon設定のキャッシュ削除を選択し、すべてのキャッシュの削除を押します。

押したらこちらも

キャッシュが削除されたことを確認

画像設定がTwitter等で適用されるか確認

Twitterに移動して更新を確認して見ましょう!

最初は一番上の画像だったものが、変更されていました!!やったー♪THE統一感。

ちなみにブログ記事自体をツイートするとアイキャッチが表示されます!この二つの画像をみてわかることがあるのですが、皆さん何かわかりますか??

それは設定画像のサイズです。

どこも切れずにピッタリとハマったのは下のアイキャッチ画像。
というわけで、こちらの設定サイズは…

1200横×630縦の画像が望ましい

ということになりますので、画像を制作する際はこちらのピクセル数で作ってからアップロードして下さいね!!

いかがでしたか?
とっても簡単にTwitterやLINEにもサイトの統一感をアピールできました!
ぜひやってみてね!

ではまた次の更新で♪

まだブログを始めてない方ぜひ一緒に始めましょう!
レンタルサーバーはWordPressの設定も一緒に簡単にできちゃうこちらがおすすめ!
↓↓↓

キャンペーンは期間限定だから、いつか始めるなら今始めて安い方がお得だよ!

コメント

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