SNS画像の選択

FacebookやPinterestなどのSNSでオンラインストアへのリンクを共有する際、投稿にサムネイル画像を表示できます。

画像が添付されたFacebookの投稿の例

記事のサムネイルの表示

Shopifyの無料テーマを使用しているオンラインストアは、SNSにリンクを投稿すると、リンク先のページのサムネイルが表示されます。以下のページには、サムネイルが用意されています。

  • 商品ページ
  • コレクションページ
  • ブログ記事

ホームページや会社概要ページなど、サムネイルがないページに関しては、あなたのオンラインストアのソーシャルメディアで共有する画像が表示されます。

管理画面にソーシャルメディアで共有する画像を設定する

ストアのオンラインストアの各種設定で、ページのサムネイルがない場合に使用する既定の画像を追加できます。

SNSで共有される画像のプレビューを示した管理画面設定

手順:

  1. 管理画面から、[オンラインストア] > [各種設定] の順に移動します。

  2. ソーシャルメディアで共有する画像セクションを見つけます。

  3. 新しい画像をアップロードするには、[画像を追加する] をクリックします。既存の画像を変更するには、[編集] > [画像を変更する] をクリックします。

  4. SNSに表示する画像をコンピューターから選択します。

  5. [保存] をクリックします。

ロゴのフォールバック画像

ソーシャルメディアで共有する画像が手動でアップロードされていない場合、Shopifyはカスタマイズ > ヘッダー > ロゴにあるロゴを使用します。そのセクションにロゴがない場合、Shopifyはカスタマイズ > テーマ設定 > チェックアウト > ロゴにあるロゴを使用します。

ロゴのサイズがおすすめの寸法に合わない、またはそのロゴの背景が透明の場合、Shopifyは、テーマ設定 > 色 > 背景の色で空白部分を塗りつぶします。色が設定されていない場合、Shopifyはテーマ設定 > チェックアウト > メインコンテンツエリア > 背景色の背景色を使用します。以下の画像は、画像の背景にどのように色が挿入されるかを示したものです。

正方形のストアロゴの片側に赤いバーを足して長方形の画像にしている

画像のプレビュー

Shopifyの無料のテーマでは、Open Graphタグを使用して、ウェブサイトに関する情報をSNSプラットフォームに提供します。Open Graphは、Facebook、Twitter、LinkedIn、Pinterest、その他のサービスで使用されています。TwitterのCard ValidatorFacebookのCrawler、およびLinkedInのPost Inspectorなどのツールを使って、一部のプラットフォーム上でSNSで共有される画像がどのように表示されるかをプレビューできます。

ヒント: Facebookでは、更新を確認する前に数日間画像を保管します。SNSで共有する画像を変更する場合は、Facebookシェアデバッガーを使用して、ページリンク用に保存されている情報を更新します。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す