サイトのホームイメージを変更する方法(Twitter・Facebook共有時のデフォルト画像設定)

テーマ設定
この記事は約1分で読めます。

ホームイメージとは、TwitterやFacebookでサイトのトップページを共有した時に表示される以下のようなサムネイルのことです。

Cocoonのホームイメージ

Cocoonデフォルトの状態では、上記と同じホームイメージが利用されます。

これを「自分のサイト用に用意したホームイメージ」に設定する方法です。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

ホームイメージの設定方法

ホームイメージを設定するには、まずテーマ設定を開きます。

WordPress管理画面から「Cocoon設定」を選択してください。

Wordpress管理画面からCocoon設定を選択

「OGP」タブにある「ホームイメージ」の「選択」ボタンを押してください。

OGPのホームイメージ設定

用意した画像をアップロードして選択すると、以下のように変更されるので保存してください。

ホームイメージを変更して保存する

次回からTwitterやFacebook等で共有した場合、設定した画像が共有イメージとして利用されます。

設定がTwitterに反映されない場合

ホームイメージの変更がTwitterカードに反映されない場合は、Card validatorページでURLを入力してTwitter情報を更新してください。

TwitterカードValidatorでチェック

コメント テーマの質問はフォーラムへ

  1. 蒼沼すみれ より:

    初めまして。この間このテーマをダウンロードさせていただきました。ありがとうございます。ツイッターの画像がこちらのものになっていたので、この記事のように画像を変更したのですが、何度試して保存をクリックしてもツイッターに反映されません。
    何が原因なのでしょうか?途方に暮れているので教えていただけると助かります。

    • 蒼沼すみれ より:

      すいません、途中で間違って送信してしまいました。
      サイトアドレスを貼っておくのでよろしくお願いします。

    • わいひら わいひら より:

      おそらく、こちらと同様の症状かと思います。
      以下で、かうたっくさんが書かれている方法を試してみていただいてよろしいでしょうか。
      ホームイメージの変更したい! | Cocoonテーマに関する質問 | Cocoon フォーラム

      本文の方にも案内を追記しておこうと思います。

      • 蒼沼すみれ より:

        お返事ありがとうございます。キャッシュを削除して記事も拝見しました。
        カードURLというのが何を指すのか分かりません。
        アップロードした写真のURLでいいのでしょうか?
        ページのどこかに書いてあるのでしょうか?
        宜しくお願いします。

        • 蒼沼すみれ より:

          いろいろすいません、出来ました!cocoonの設定の中のキャッシュの削除をしたらできました!
          お騒がせして申し訳ありませんでした。ありがとうございました。

          • simZ より:

            キャッシュ削除しても反映されませんでした。どうすればよろしいでしょうか?

            • わいひら わいひら より:

              simZさんが行われたキャッシュの削除とは、どういったことを行ったのでしょうか?
              キャッシュの削除といってもいろいろあるので。

              • simZ より:

                WPのダシュボード→Cocoon設定→キャッシュ削除です。ちがうのでしょうか?

                • わいひら わいひら より:

                  当ページの内容にも、そのキャッシュを削除するとは書いていないと思います。
                  ページ内の「設定がTwitterに反映されない場合」にも書かれているように、TwitterのCard ValidatorでTwitter側のキャッシュを更新する必要があるのではないかと思います。
                  https://cards-dev.twitter.com/validator

  2. かうたっく より:

    https://cards-dev.twitter.com/validator

    ではツイッターの画像を変更したとき
    Cocoonではなく、ツイッター側のキャッシュ:古い情報:を削除しないと表示されませんし

    FBのキャッシュであれば、そのURLではなくFBのキャッシュの削除を行う必要があったりで。

    まさに。どのキャッシュを削除したかによって。だと思います。

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