商品情報とメディアの設定方法

商品情報および画像/動画セクションは、商品がストアフロントにどのように表示されるかを決定します。明確な商品情報と高品質なメディアを提供することで、顧客が商品を理解しやすくなり、検索結果での表示も向上します。

このガイドでは、商品名と概要の追加、商品説明の作成または生成、商品画像と動画の管理方法について説明します。

商品設定ページへのアクセス

商品情報とメディアを設定する前に、商品設定ページを開きます：

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

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

   

3. 以下のセクションで説明する設定を使って、商品情報とメディアを設定します。
4. 完了したら、変更を保存するために保存または更新をクリックします。

商品名と概要の設定

名前と概要は、顧客が商品を識別し、主な販売ポイントを理解するのに役立ちます。以下の項目を設定してください：

• 名前: ブランド、モデル、商品タイプ、色、その他の識別情報を含めた説明的な商品名を入力してください。最適な表示と検索パフォーマンスのために、名前は70文字以内にしてください。
• 概要: 商品の主な特徴や販売ポイントの簡潔な概要を入力してください。概要は商品プレビューや検索結果に表示されることがあり、最大で400文字まで対応しています。

商品説明の作成

説明フィールドはリッチテキストエディタを使用しており、商品説明の作成と書式設定が可能です。AIでコンテンツを生成したり、テキストをカスタマイズしたり、画像や動画を挿入したり、表やリンクを追加したり、高度なカスタマイズのためにコードエディタに切り替えたりできます。

商品説明の編集と書式設定

リッチテキストエディタは以下の機能をサポートしています：

• テキストの書式設定：見出し、フォントスタイル、色、配置、リスト、引用ブロックを適用してコンテンツを整理します。
• メディアの挿入：説明文に直接画像やYouTube動画を追加します。詳細は以下の「商品説明への画像と動画の追加」をご覧ください。
• 表とリンクの挿入：商品情報を整理するための表や、顧客を追加リソースへ誘導するハイパーリンクを追加します。
• ソースコードの修正：コードエディターに切り替えるには<>アイコンをクリックし、カスタムHTML、CSS、またはJavaScriptを追加または修正します。
• 全画面モードの使用：長い説明文を書く際にエディターを開くには全画面アイコンをクリックします。

商品説明作成のヒント

商品説明を書く際は、以下の最善の方法に従ってください：

• キーワードの繰り返しを避ける：商品名で既に使われているキーワードを繰り返す代わりに、ロングテールキーワード、バリエーション、または同義語を使用します。
• 商品の価値を強調する：商品特典、サービス保証、保証期間、またはプロモーションオファーなどの重要な販売ポイントを含めます。
• 内容を読みやすく保つ：適宜、見出し、短い段落、箇条書きを使用します。

AIによる商品説明の生成

自動作成機能はAIを使って商品説明を生成します。初めて使用する際は利用規約の承諾を求められます。

AIで説明文を生成するには：

1. 説明ツールバーの左側にあるきらめきアイコンをクリックして自動作成を開きます。

   

2. 商品機能またはキーワードに、商品の機能や特徴を（最大1,000文字まで）記述します。具体的な入力ほど良い結果が得られます。

3. ドロップダウンからトーンを選択します。6つのオプションがあります：

   

• プロフェッショナル: 事実を簡潔に述べ、装飾的な言葉は最小限に抑えます。
• ヘルプフル: 顧客志向の言葉を使います。
• パースウェイシブ: 動機付ける言葉を使います。
• ボールド: 励ますような自信に満ちた言葉を使います。
• ファニー: 気軽でユニーク、またはカジュアルな言葉を使います。
• デリケート: ライトラグジュアリー商品の典型的なスタイルを使います。

4. 説明文を生成するには、矢印アイコンをクリックします。

5. 結果を確認します。別のバージョンを生成するには、書き直すをクリックします。

   

   既存の説明文の一部を書き直すには、修正したいテキストを選択し、きらめきアイコンをクリックしてAI生成の提案を確認し、入力をクリックして選択したテキストを提案に置き換えます。

   

   注：各AI生成結果をヘルプフルまたはヘルプフルでないとして評価することで、今後のAI生成説明文の改善に役立てることができます。

6. 生成されたテキストを説明欄に追加するには入力をクリックし、キャンセルするにはキャンセルをクリックします。

商品説明への画像と動画の追加

テキストに加えて、説明エディターでは画像や動画を直接商品説明に挿入できます。

画像の追加

ツールバーで、以下の方法で画像を追加します：

• URLで画像を挿入する方法： 画像の挿入/修正アイコンをクリックします。一般タブで、ソース欄に画像のURLを入力し、任意で画像の代替説明、幅、高さを設定してから、保存をクリックします。

  

• 画像をアップロードする方法： 画像の挿入/修正アイコンをクリックし、アップロードタブを開き、アップロードエリアに画像をドラッグ＆ドロップするか、画像を参照をクリックしてコンピュータからファイルを選択します。

  

• 画像を一括アップロードする方法： 一括アップロードアイコンをクリックし、Shiftキーを押しながら複数の画像をコンピュータから選択します。アップロードが完了すると、選択した順に画像が説明文に挿入されます。

  

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

  注：ファイルライブラリから選択した画像は、最大ファイルサイズが20 MB、最大解像度が35 MPまで対応しています。

  

画像を挿入した後、画像をクリックしてからエディターへ移動アイコンをクリックすると、以下の操作が可能です：

• アクセシビリティとSEOのために画像を説明するALT属性を更新します。

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

• 画像を自由切り抜き、正方形、または4:3でトリミングします。
• 画像を左右または上下に反転します。
• 画像を左側または右側に回転させます。
• 画像をダウンロードします。

動画の追加

ツールバーで、以下の方法で画像を追加します：

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

  

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

  

ファイルライブラリから動画を挿入した場合、動画をクリックしてからエディターに移動アイコンをクリックすると、以下の操作ができます：

• 動画カバーを更新する。
• 代替テキストを修正する。
• 動画をダウンロードする。

画像と動画の追加

画像/動画セクションを使って、商品ページに表示される画像と動画をアップロードおよび管理します。

画像の追加

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

• 対応フォーマット：.jpg、.png、.webp、および.gif
• 最大解像度：35 MP
• 推奨幅：1,600 px以上
• 推奨ファイルサイズ：最適なパフォーマンスのために4 MB未満
• 最大ファイルサイズ：20 MB

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

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

  

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

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

  

画像を挿入した後、画像の 開く アイコンをクリックして以下の操作ができます：

• アクセシビリティとSEOのために画像を説明する ALT属性 を更新します。

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

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

画像の管理

画像をアップロードした後、表示順を変更したり、修正したり、削除したりできます。

• カバー画像を変更する: 最初にアップロードした画像が商品のカバー画像となり、商品リストやカテゴリに表示されます。変更するには、六点ドットのドラッグハンドルを使って別の画像を最初の位置にドラッグします。
• 画像のプレビューと修正: 画像をクリックするとフルサイズでプレビューできます。プレビューウィンドウから画像のトリミング、回転、反転が可能です。また、アクセシビリティと検索エンジン最適化（SEO）向上のためにALTテキストを追加できます。
• 画像を削除する: 画像を選択して 削除 をクリックすると削除されます。

動画の追加

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

• 対応フォーマット: .mp4
• 最大ファイルサイズ: 20 MB

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

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

  

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

  

動画を挿入した後、動画の開くアイコンをクリックして以下を行います：

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

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

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

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

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

商品情報とメディアに関する重要な注意事項

• 商品名前は70文字以内、概要は400文字以内に抑えることで、最適な表示と検索結果が得られます。
• AI説明生成機能は早期アクセス機能であり、日次および月次の使用制限があり、欧州連合では利用できません。
• 最初にアップロードした画像が商品リストやカテゴリで表示されるカバー画像になります。別の画像を最初に表示したい場合は、画像の順序を変更してください。