メインコンテンツにスキップ
サムネイル(OGP)設定

SNSでURLをシェアした際のOGP内容の設定方法と注意点を解説します。

Saika avatar
対応者:Saika
2か月以上前に更新

サムネイル(OGP)の設定

SNSなどでURLを共有したときに表示される OGP(Open Graph Protocol)内容は、以下のような構成です。これらの設定を正しく行うことで、SEO対策にも繋がります。

※ SNSによって内容や項目は若干異なります。

設定方法

エディタ画面左側のページ設定パネルで設定します。

  • ファビコン: 推奨サイズ48 x 48 pxの倍数

  • カバー画像: 推奨サイズ1200×630px、5MB未満

ファイルサイズが重すぎると、SNSや表示媒体によってはうまく読み込まれない場合があります。具体的な設定手順は ページのメタ情報をご覧ください。

スクリーンショット:サイト設定を行う様子。

注意点

サイト公開後にカバー画像を変更しても、SNS上ですぐに反映されない場合があります。これは、各SNSが「このURLにはこのカバー画像」という紐づけを独自で行なっているためです。

SNS側のキャッシュが更新されれば反映されますが、タイミングについてStudio側で関与できませんので、更新されるのをお待ちください。更新の間隔も各SNSごとに様々です。

なお、シェアした際にどのように表示されるかこちらのツールから確認できます。

thumbnail

サムネイル サムネ カバー カバーイメージ

こちらの回答で解決しましたか?