OGP画像の設定・変更方法

https://leapy.helpkit.so/sekCzMooTkoKFByFN3S1At

OGPとは「Open Graph Protocol」の略で、WebページがSNSでシェアされた際に表示されるサムネイル画像やページタイトル、説明文などのことを指します。

このOGPをあらかじめ設定することで、SNSでシェアされた際により目につくデザインに装飾することが可能です。（シェアされた際に表示される画像をOGP画像と呼びます。）

そしてこのOGP画像を設定することで、デザイン性の向上だけでなく、SNS上での拡散促進やクリック率の向上につながります。

当社の制作では、このOGP画像の作成・設置も行っていますが、こちらはご自身で作成いただくことも可能です。ご自身での設定や変更をご希望の場合には、下記フローをご参考ください。

左メニューの「OGP設定」を選択し、目的のSNSタブを選択してください

「Facebook」タブを選択し、「Open Graph メタデータを追加する」の項目を「有効」に設定してください。 こちらを有効に変更することで、OGP画像の設定が可能となります。

次に「デフォルト設定」の項目から、画像のアップロードを行っていきましょう。

まずは、「画像のアップロード」ボタンをクリックし、メディアライブラリから開いてください。

表示された「メディアライブラリ」から、用意した画像を選択してください。

「画像を使用する」ボタンを押していただくと、選択した画像に設定されます。

※メディアライブラリに設定したい画像がない場合は、「ファイルをアップロード」項目から新たに画像をアップロードいただく必要があります。画像のアップロード方法に関しては、下記記事をご参照ください。

参考記事1：『ページ内に画像を設置する方法』（ステップ2以降をご参照ください）

参考記事2：『画像がアップロードできない場合の対処法』

OGP画像を指定したら、「変更を保存」をクリックして完了です。

最後に、設定した内容がちゃんと反映されているのか？、確認していきましょう。

確認方法は様々ですが、今回は無料ツール「OGP確認」を用いた確認方法をご紹介させていただきます。

参考記事：『OGP画像』

固定ページごとにOGP画像を設定することも可能です。操作方法につきましては下記フローをご参照ください。

▲ここから画像設定の変更が可能になります。

ブログなどの投稿一覧ページ、詳細ページの個別OGP画像の設定は、弊社での改修が必要です。 ご希望であれば、別途お見積もりをさせていただきますので、弊社までご連絡下さいませ。