メインコンテンツにスキップ

ソーシャルカバー画像(サムネイル / OGP)

SNSでURLをシェアした際に表示されるソーシャルカバー(サムネイル / OGP)画像の設定方法と注意点を解説します。未設定の場合は、ダッシュボードで設定するカバー画像がSNSでの共有時に表示されます。

今週アップデートされました

ソーシャルカバー画像とは

ソーシャルカバー画像は、サムネイル/ OGP画像 とも言われ、SNSなどでURLを共有したときや、検索結果上に表示される画像です。

ページの内容に合った画像を設定することで、投稿の内容が伝わりやすくなり、SNS上での視認性も向上します。

注意:モーダルにソーシャルカバー画像を設定することはできません。


ソーシャルカバー画像を設定する手順

(1) サイト設定パネル・ページ設定パネルを開く

スクリーン上外をクリックし、スクリーン上のボックス要素を何も選択していない状態で、右パネルを開きます。

ページごとの設定は[ページ]タブ、サイト全体の設定は[サイト]タブで行います。

Point:サイト設定とページ設定の違い

Studioでは、タイトルとディスクリプションをサイト単位とページ単位の両方で設定できます。

  • サイト設定:サイト全体に適用されます。ページ設定が未入力のページにはサイト設定の内容が適用されます。

  • ページ設定:個別のページのみに適用され、サイト設定より優先されます。

(2) 画像を選択する

[ソーシャルカバー]の項目で、[画像をアップロード]または[CMSプロパティから選択]をクリックして、ソーシャルカバー画像として使用する画像を選択します。

  • ファイルサイズが大きすぎる場合、SNSや利用環境によっては画像が正しく読み込まれないことがあります。

  • 画像を削除するには、画像をホバーし、右上に出る[×]をクリックします。

画像をアップロードする

[画像アップロード]をクリックし、使用する画像ファイルを選択します。

  • 推奨サイズ:1200px × 630px

  • 推奨ファイルサイズ; 5MB 未満

CMSプロパティの画像を使用する

記事に紐づいたプロパティ一覧が表示されます。クリックすることで、記事に紐づく画像を選択できます。

(3) サイトを公開・更新する

画像の設定や変更を行った後は、サイトを公開または更新して設定内容を反映します。

すでに公開済みのサイトでOGP画像を変更した場合は、サイトを更新するまで外部サービスには反映されません。

注意:公開サイトへの反映のタイムラグについて

サイト公開後にOGP画像を変更しても、検索結果やSNSにはすぐに反映されません。これは、URLとカバー画像の紐付けを各SNSが独自に管理し、キャッシュを利用しているためです。変更後は反映までしばらくお待ちください。


ダッシュボード内で表示されるカバー画像

ソーシャルカバー画像が未設定の場合、ダッシュボードで設定するカバー画像がSNSでの共有時に表示されます。

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

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