商品に表示する画像と動画の設定方法

画像/動画セクションは、商品ページに表示される写真や動画を管理します。高品質なメディアは、顧客が購入する商品を複数の角度から見たり、短いデモ動画で確認したりするのに役立ちます。

このガイドでは、商品画像の追加と管理、代替テキストの記入、動画の追加、および表示されない動画のトラブルシューティング方法について説明します。

商品の画像/動画セクションへのアクセス

商品の画像と動画を開くには：

1. SHOPLINE管理画面で、商品に移動します。

2. 商品を作成をクリックして新しい商品を作成するか、既存の商品を選択して修正します。

   

3. 画像/動画セクションを見つけ、以下のセクションで説明する設定を行います。
4. 完了したら、変更を保存するために保存または更新をクリックします。

商品の画像を追加する

商品画像をアップロード、整理、修正して、商品を魅力的に見せ、視認性を向上させることができます。

画像の要件

商品画像をアップロードする前に、以下の要件を満たしていることを確認してください：

商品画像のアップロード

商品画像は以下の方法で追加できます：

• 画像をアップロード： ＋アイコンをクリックし、コンピュータから画像ファイルを選択します。

  

• ファイルのドラッグ＆ドロップ： コンピュータから画像または動画ファイルをアップロードエリアにドラッグ＆ドロップします。

• ファイルライブラリから追加： ファイルライブラリから追加をクリックし、ファイルタイプのドロップダウンから画像を選択し、挿入したい画像を選んで完了をクリックします。

  

商品画像の管理と修正

画像をアップロードした後は、表示順の管理、修正、または削除ができます。

• カバー画像の変更：最初の画像が商品のカバー画像となり、商品一覧やカテゴリに表示されます。変更するには、六点ドットハンドルを使って別の画像を最初の位置にドラッグしてください。
• 画像のプレビューと修正：画像にカーソルを合わせて開く アイコンをクリックすると、画像をフルサイズでプレビューできます。その後、以下のことができます：

  • ALT属性を更新して、アクセシビリティとSEOのために画像を説明します。ヒントについては、以下の「商品画像の効果的なAltテキストの書き方」を参照してください。

    注：エディター内で画像のALT属性を更新しても、その画像の説明文のみが変更されます。ファイルライブラリに保存されている元のファイルは更新されません。

• キャプション説明を追加します。
• フリークロップ、スクエア、または4:3を使って画像をトリミングします。
• 左右または垂直に画像を反転します。
• 画像を左側または右側に回転します。
• 画像をダウンロードします。

• 画像の削除：画像を選択して削除をクリックすると、画像を削除できます。

商品画像の効果的なAltテキストの書き方

Altテキストは画像の短い説明文です。検索エンジンはテキストのみを読み取るため、Altテキストは画像の内容を理解させ、Google画像検索などの画像検索結果に商品が表示されるのに役立ちます。Altテキストを書く際は、以下のガイドラインに従ってください：

• 関連性を保ち簡潔に：画像が何を示しているかを短いフレーズで説明します。
• フォーカスキーワードを含める：自然に入る場合は、商品の主要なキーワードを含めます。
• キーワードの詰め込みを避ける：キーワードを繰り返したり、無関係なキーワードを列挙したりしないでください。
• 冗長な言葉は省く：「この画像」や「〜の写真」などのフレーズで始めないでください。

例えば、夕焼けの山のグラフィックが入った赤い綿のTシャツは、この画像はシャツ、ティー、Tシャツ、安いシャツよりも有用です。

商品が検索でより良く表示される方法については、「検索エンジン向けの商品SEOの最適化」をご覧ください。

商品の動画の追加

商品の特徴をより詳しく顧客に伝えるために、動画を追加できます。

動画の要件

商品動画を追加する前に、以下の要件を満たしていることを確認してください：

商品動画の追加

商品動画は以下の方法で追加できます：

• YouTube動画を埋め込む： 動画URLを追加をクリックし、YouTubeのURLを貼り付けて、確認をクリックします。

  

• ファイルライブラリから追加： ファイルライブラリから追加をクリックし、ファイルタイプのドロップダウンから動画を選択し、希望の動画ファイルを選んで、完了をクリックします。

  

商品動画の管理と修正

動画を追加した後、開くアイコンをクリックして動画エディターを開きます。そこで以下の操作が可能です：

• 動画カバーを更新する。
• 代替テキストを修正する。
• キャプション説明を追加する。
• 動画をダウンロードする。

動画の表示および再生の問題解決

動画が正常に追加されたにもかかわらず、空白画面が表示されたり、読み込みが続いたり、ストアフロントで再生できない場合は、以下を試してください：

• YouTube動画の設定を確認してください： YouTubeのURLを使用して動画を追加した場合は、以下を確認してください。
  • 動画が公開または限定公開に設定されていること。非公開の動画は埋め込むことができません。
  • 動画が削除または除去されていないこと。
  • 動画の所有者が埋め込みを許可していること。
  • 動画が著作権や地域制限の対象でないこと。一部の動画は特定の国や地域で埋め込み再生が利用できない場合があります。
• 動画の処理が完了するまで待つ： 動画をアップロードした後、システムが処理を完了するまで時間がかかる場合があります。この間、動画が正しく読み込まれないことがあります。少し待ってからページを更新し、再度お試しください。
• ブラウザのキャッシュ問題を除外する： ハードリフレッシュ（WindowsではCtrl + F5、MacではCommand + Shift + R）を試すか、シークレット/プライベートブラウジングウィンドウでストアフロントを開いてください。
• テーマやカスタムコードを確認する： サードパーティのテーマやCSS、JavaScriptなどのカスタムコードが動画の表示や再生に影響を与える場合があります。一時的にSHOPLINE公式テーマに切り替えて、現在のテーマやカスタムコードに問題があるか確認してください。

これらのトラブルシューティング手順を完了しても問題が解決しない場合は、SHOPLINE管理画面の右下にあるチャットアイコンをクリックして、SHOPLINEサポートにお問い合わせください。