商品カテゴリ別・コピペで使えるHTML出品テンプレート6種

汎用的な「商品説明テンプレート」は、あらゆる商品に対応しようとするあまり、どのカテゴリにも中途半端になりがちです。カメラを探している落札者が求める情報と、レコードを探している落札者が必要とする情報、そして時計の買い手が確認したい項目は、すべて異なります。スマートフォンで商品ページを流し読みしている落札者は、最初の画面で欲しい情報が見つからなければ、3秒で離脱します。

このギャラリーでは、構造化されたHTML説明文の効果が特に高いカテゴリを6つに絞り、それぞれに専用テンプレートを用意しました。

1. レコード・CD — コンディション評価、マトリクス番号、試聴スロット
2. カメラ・レンズ — シャッター回数、センサー情報、サンプル映像スロット
3. 楽器 — 製造年、原産国、セットアップ情報、デモ音源スロット
4. 時計 — ムーブメント、ケース寸法、真贋ポイント
5. ヴィンテージ・デザイナーズ衣料 — 年代、実寸、コンディション写真
6. コレクタブル・メモラビリア — 来歴、鑑定評価、真贋証明

どのテンプレートもマーケットプレイスを問わずに使えるよう、HTMLを非常にシンプルに保っています。HTMLを受け付ける出品エディタであれば、ヤフオクの説明文欄、eBayのHTMLタブ、Bonanza、Etsyの「概要」欄（プレーンテキストに変換する場合）などに貼り付け可能です。HTMLを完全に除去するマーケットプレイス（Discogs、Reverbのマーケットプレイス出品、メルカリ、Facebook Marketplaceなど）では、タグの間のテキストをそのままプレーンテキストとして使い、短縮リンクとQRコードを写真の1枚に合成してください。

6つのテンプレートすべてに、音声または動画プレビュー用のブロックをはっきり分けて配置しています。音、動き、細部のディテールが購買判断を左右する商品では、この部分こそが「見ているだけ」の人を「入札者」に変える決め手になります。実際に音が聞けるレコード、弾いている音が聞こえるギター、サンプル映像が見られるカメラ。これが効きます。

自分が売っている商品に合うテンプレートを選び、貼り付けて、[カッコ内のプレースホルダー]を埋めるだけです。

落札者自身に音質を判断してもらいたいレコード販売者向けに作りました。試聴ブロックには、eCommercePlayerの公開ページから取得した画像リンクコードを貼り付けるか、出品写真の1枚に短縮リンクとQRコードを合成してください。

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[アーティスト] — [タイトル]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[レーベル] · [カタログ番号] · [年] · [国]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">フォーマット</td><td>[LP / 12" / 7" / CD]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">盤質</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">ジャケット状態</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">マトリクス/ランアウト</td><td>[刻印マトリクス番号]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">試聴する</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">私のターンテーブルで録音した音源です。入札前にご自身で音質をご確認いただけます。</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">備考</h3>
  <p>[落札者に伝えるべき情報：サーフェスノイズ、ジャケットの傷み、プロモ・スタンプなど]</p>
</div>

モバイルで崩れない理由：インラインスタイルのみを使用し、フォールバックが必要なCSSグリッドやFlexboxは使っていません。max-widthでデスクトップでは読みやすい行長に制限しつつ、モバイルでも問題なく表示されます。グレーディング表は2列構成なので、どの幅でもきれいに表示されます。

各マーケットプレイスでの注意点：eBayのHTMLタブではそのまま使えます。ヤフオクは<script>以外のHTMLをほぼ受け入れます（このテンプレートには<script>は含まれていません）。Discogsの場合はHTMLが除去されるため、プレーンテキスト版を貼り付け、直リンクとQRコードを写真の1枚に合成してください。

カメラの落札者が重視するのは、測定可能な技術的事実とサンプル映像です。サンプルクリップブロックには、eCommercePlayerの短い動画を配置します。

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[メーカー] [モデル]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[レンズマウント] · [年] · [該当する場合はシリアル範囲]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">シャッター回数</td><td>[N] ショット</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">センサー/フォーマット</td><td>[フルサイズ / APS-C / M43 / フィルム]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">コンディション</td><td>[EX+ / EX / BGN / 現状渡し]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">付属品</td><td>[ボディ、レンズ、ストラップ、バッテリー、チャージャー、箱、取扱説明書]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">サンプル映像 / テストクリップ</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER EMBED OR IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">このボディで撮影した短いクリップです。入札前にセンサーの写りとシャッター音をご確認いただけます。</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">コンディション詳細</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[外観の使用感]</li>
    <li>[動作確認：露出計動作、全シャッタースピード確認済みなど]</li>
    <li>[既知の不具合または特になし]</li>
  </ul>
</div>

フィルムカメラの場合は、表に「モルト」（交換済み/オリジナル/要交換）の行を追加してください。ヴィンテージボディで最も質問されるポイントです。レンズの場合は、シャッター回数の行を「絞り羽根」（きれい/油染み）と「ガラスの状態」（カビなし、軽微な拭き傷ありなど）に置き換えてください。

ギターやベースの落札者が求めるのは、トーン、弾きやすさ、そして物語です。実際に演奏している20秒のデモ音源は、他のどんな要素よりも落札率を高めます。

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[メーカー] [モデル] — [年]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[原産国] · シリアル [シリアル番号]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">ボディ材</td><td>[アルダー / アッシュ / マホガニー / メイプル]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">ネック/指板</td><td>[メイプル / ローズウッド / エボニー]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">ピックアップ</td><td>[オリジナル / 交換済み — 仕様詳細]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">フレット</td><td>[残り％ / 最近打ち替え済み]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">セットアップ</td><td>[最近調整済み / 落札者側で要調整]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">演奏音をお聴きください</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">エフェクトなし、両ピックアップでの短いクリップです。入札前に本物のトーンをご確認いただけます。</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">改造歴・履歴</h3>
  <p>[改造、修理、前オーナー、レストアの有無]</p>
</div>

アコースティック楽器の場合、「ピックアップ」と「フレット」を「トップ材」と「ブレーシングパターン」に置き換えてください。ピアノ、鍵盤楽器、アクションものは別テンプレートが必要です。このテンプレートはフレット付き楽器とその類似楽器向けです。

時計は、ムーブメントの詳細と真贋ポイントで売れます。時計が動いている様子と秒針の音を収録した15秒動画は、静止画よりはるかに高い成約率をもたらします。

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[ブランド] [モデル] [リファレンス]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[年] · シリアル [先頭2桁]xxx（部分開示）</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">ムーブメント</td><td>[キャリバー番号 — 手巻き / 自動巻き / クォーツ]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">ケースサイズ</td><td>[N] mm · ラグ・トゥ・ラグ [N] mm · 厚さ [N] mm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">文字盤</td><td>[オリジナル / リダン — 備考]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">ブレス/ストラップ</td><td>[オリジナル / 社外品 — 仕様]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">オーバーホール履歴</td><td>[最終オーバーホール時期 / 不明]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">箱/書類</td><td>[あり / なし]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">稼働映像</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">音声付き15秒のクリップで、時計の稼働状況をご確認いただけます。秒針の運針とローターの動きで、ムーブメントの健全性がわかります。</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">精度実測</h3>
  <p>[日差+/- N秒、テスト姿勢]</p>
</div>

真贋が最重要課題となるヴィンテージ時計では、表に「シリアル整合性」（ケース/ムーブメント）の行を追加し、来歴の記録があれば明記してください。数十万円～数百万円クラスの時計を買う層は、こうした項目を必ず精査します。

ファッションの落札者は「推測」ではなく「実寸」で判断します。マネキンに着せた短い360°動画（または着用動画）は、写真だけでは埋められないサイズ感のギャップを解消します。

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[ブランド] [アイテム] — [年代 / 年]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[カラー] · [素材] · [製造国 ...]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">タグ表記サイズ</td><td>[タグ / 衣服実寸]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">身幅/バスト</td><td>[N] cm 平置き</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">ウエスト</td><td>[N] cm 平置き</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">着丈</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">肩幅</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">袖丈</td><td>[N] cm</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">着用イメージ動画</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">マネキン着用の短い動画です。購入前にドレープ感とシルエットをご確認いただけます。</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">コンディション</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[シミ / なし]</li>
    <li>[補修 / なし]</li>
    <li>[色あせ / オリジナルの発色]</li>
  </ul>
</div>

靴の場合、計測行をインソール長、ボール部分の靴底幅、ヒール高さに置き換えてください。バッグの場合は、外寸とショルダーストラップ長さを使います。構造は全く同じ。行を入れ替えるだけです。

コレクタブルは、来歴とコンディション評価で売れます。実物を手に取って扱う映像は、現物の存在を確実に示し、偽造の懸念を払拭し、落札者の信頼を高めます。

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[商品説明]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[年代 / 年] · [製造元 / 出版元]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">グレード</td><td>[鑑定グレードまたは出品者評価]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">真贋認証</td><td>[PSA / JSA / Beckett / 自己認証]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">来歴</td><td>[入手経路がわかる場合はその情報]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">寸法</td><td>[サイズ / 重量]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">手に取って扱う様子</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">良好な照明の下で普通に扱う様子を撮影した動画です。落札者が一目で真贋を確認できます。</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">備考</h3>
  <p>[来歴、欠点、エピソード、カタログやプライスガイドへの参照情報]</p>
</div>

来歴の行は任意ですが、高額商品では決定的な要素になります。オークションハウスのインボイス、真贋証明書、コレクター本への掲載など、文書的な裏付けがあれば具体的に明記してください。

どのテンプレートにも、音声または動画プレビュー用のブロックを用意してあります。出品先によって、このブロックの埋め方は3通りあります。

1. ヤフオク（Yahoo! Auctions） — ヤフオクは<script>と一部の埋め込みを除くほとんどのHTMLを受け付けます。日本のセラーにとってはこれが主力の方法です。eCommercePlayerでクリップまたはプレーヤーの公開（Publish）ページを開き、画像リンクまたはビデオタグコードをコピーして、テンプレート内のHTMLコメントブロックに貼り付けてください。貼り付け前に出品エディタをHTMLタブに切り替えないと、マークアップが壊れます。埋め込みコード方式も使えますが、ヤフオクのサニタイザはeBayとは少し異なるため、まず下書き出品で必ずテストしてください。

2. eBay、Bonanza、その他HTMLを許可するマーケットプレイス — ヤフオクと同じ手順です。公開ページから画像リンクまたはビデオタグコードをコピーし、HTMLタブに切り替えてから貼り付けてください。

3. HTMLを完全に除去するマーケットプレイス（メルカリ、ラクマ、Discogs、Reverb、Facebook Marketplace、Etsyなど） — <div>タグを除去し、タグ間のテキストをプレーンテキストとして使用してください。メディアプレビューブロックには、公開ページから短い直リンクURLを取得し、短いCTA（行動喚起文）を添えて貼り付けます（Copy + CTAボタンでワンクリックで実行できます）。さらに公開ページからQRコードをダウンロードし、出品写真の1枚に合成してください。ただし1枚目ではなく、中盤の写真に配置するのがコツです。モバイルの落札者はQRをスキャンし、デスクトップの落札者はリンクをクリックします。

どの方法でも、落札者は入札前に商品を聴く・見ることができます。やり方は違っても、得られる結果は同じです。

• 自分が売っている商品に合うテンプレートをコピーし、最も多く質問される属性に合わせて表の行を調整してください。直近5件の落札者からの質問を読み返し、繰り返し出てくる項目を表の行として追加しましょう。
• インラインスタイルは残してください。 古臭く見えますが、各マーケットプレイスのHTMLサニタイザを通過できる唯一のCSSです。外部スタイルシートのリンクや<style>ブロックは使わないこと。ほとんどのプラットフォームで除去されます。
• スマートフォンで必ずテストしてください。 テンプレートを下書き出品に貼り付け、スマホで下書きを開いてスクロールしてみてください。画面からはみ出す部分があれば、テキストを短縮するか、表を複数に分割してください。
• 16色HTMLパレットは使わないこと。 このテンプレートで使っているニュートラルカラー（#222、#666）は、ライトでもダークでも見やすく表示されます。マーケットプレイスのダークモード（eBay、ヤフオク）はcolor: blackを純粋な黒としてレンダリングするため、ダーク背景では文字が見えなくなります。
• テンプレートは再利用してください。 一度カスタマイズしたら、カテゴリごとのテンプレートをローカル（メモアプリやプレーンテキストファイル）に保存しておきましょう。貼り付けは一瞬ですが、毎回どの項目を入れるか考え直すのは時間のムダです。

6つのテンプレート、それぞれ自分が実際に売っている商品のために。貼り付けて、カッコ内を埋めて、あとは音声や動画に売上を決めてもらいましょう。