当サイト オリジナルのebayテンプレートVer.2を公開します。無料です
- アクティブコンテンツなし
- モバイルフレンドリー(スマホ対応)
- 写真URLの挿入OK
HTMLをコピーし、ebayのDescriptionページに張り付けたら、編集画面で操作してご利用になれます。
オリジナルebayテンプレートの見た目と詳細について
▼スマホやタブレットで商品ページを見た際、このように表示されます。
つづいて、
パソコンからebayのDescription を見た際は、このように表示されます▼
指定したURL枚数ぶんの写真がタイトルの下に掲載される(参考画像では4枚)
※写真URLはあってもなくてもどちらでも構いません。
Ver.2 テンプレートの特徴
- モバイルフレンドリーチェック済みで、スマホ / タブレット対応
- アクティブコンテンツなしで新ルールに対応
- 比較的かんたんにカスタマイズが可能
- スマホの商品ファーストビュー画面に、商品説明が抜粋して表示されます。(テンプレートを使用しない場合は250文字だけの表示)
ebayの新しいルールに対応したレスポンシブなHTMLテンプレートです
「International buyers: Please Note」は、ebay ポリシーに従った記述。参考元:ebay : Internationl shipping and customs
内容が分かる方であれば、改造も容易でしょう。
関連テンプレート
よりシンプルな見た目を好む方はこちらもおススメ!
モバイルフレンドリーでシンプルな ebay テンプレート を公開します
中身(HTML)はこちら
以下の内容をすべてコピペし、ebayで使用できます。
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> h1,h2,h3{font-family: 'Roboto Condensed', sans-serif;} p,ul,li,ol{font-family: 'Open Sans', sans-serif;text-align: left;} h1{ padding-left:1em; color: #333; } h2,h3{ background: #444; color: #fff; font-size:95%; padding:0.3em 1em; margin:10px 20px; margin-top:2em; } h3:before {color:pink;font-size:.8em;margin-right:10px;font-family:"FontAwesome";} .shiharai h3:before {content:"\f1ed";} .hasso h3:before {content:"\f0d1";} .torihiki h3:before {content:"\f27b";} .tyuui h3:before {content:"\f071";} p, .product_dec div{ margin-bottom:2em; padding:0.5em 2em; color: #333; } article{ max-width:96%; border:1px solid #333; background:#eee; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -o-border-radius: 0.5em; -ms-border-radius: 0.5em; } .dec_img{ margin: 0 auto; max-width: 90%;} .dec_img img{ max-width:100%; } .dec_img img:not(:first-child){ display:none; } @media screen and (min-width: 768px) { article{ margin:0 auto; max-width:65%; text-align: center; } h2,h3{ font-size:125%; } .dec_img img:not(:first-child){ display: inherit; } .dec_img{ display:inline-block; } .dec_img img{ border: 1px solid #ccc; max-width:45%; margin:5px; } } </style> <article> <h1>Item Title (Most Important)</h1> <div class="dec_img"> <img src="https://bvb-arigato.com/wp/wp-content/uploads/2016/06/bvb-temp.png" alt="bvb1"> <img src="https://bvb-arigato.com/wp/wp-content/uploads/2016/06/bvb-temp.png" alt="bvb2"> <img src="https://bvb-arigato.com/wp/wp-content/uploads/2016/06/bvb-temp.png" alt="bvb3"> <img src="https://bvb-arigato.com/wp/wp-content/uploads/2016/06/bvb-temp.png" alt="bvb4"> </div> <section class="product_dec"> <h2>Description</h2> <div vocab="https://schema.org/" typeof="Product"><span property="description"> こちらに商品説明を入力してください。Your item description will be placed here.</span> </div> </section> <aside> <div class="shiharai"> <h3>Payment</h3> <p>こちらに支払い方法を入力してください。Your Payment Details will be inserted here.</p> </div> <div class="hasso"> <h3>Shipping</h3> <p>こちらに発送方法を入力してください。Your Shipping Details will be inserted here. </p> </div> <div class="torihiki"> <h3>Terms of Sale</h3> <p>こちらに取引事項を入力してください。Your Terms of Sale will be inserted here. </p> </div> <div class="tyuui"> <h3>International Buyers - Please Note: </h3> <p>Import duties, taxes, and charges are not included in the item price or shipping cost. These charges are the buyer's responsibility. Please check with your country's customs office to determine what these additional costs will be prior to bidding or buying.</p> </div> </aside></article>
追記:ソースコードの/articleの閉じ場所の移動と、末尾の/divが欠けていたので追記修正を行いました。(div mainはarticleに指定できると思います。)5月5日
div main を articleと統合しました。大きな意味はありません。
構造化データURLをhttpsに対応させました。(更新日:2017年12月14日)
<img~から始まる画像部分はお好みの画像へ変更してくださいね。ebayの編集画面で変更できます。
写真URLは将来的に https: の通信にする必要があるようです。
ルールが確定しましたので、写真URLをhttpsに変更されてください。
画像のalt=""
部分は商品情報を英語で記載する事をおススメします。例えば、「〇〇 正面」など。無駄にキーワードをたくさん入れると逆効果
背景の色や、枠線などは変更可能です。
背景を白にする場合
背景を白にする場合は38行目の background:#eee
;
を削除する。
枠線を削除する場合
枠線を削除する場合は、38行目の border:1px solid #333;
を削除する。
詳しいebayテンプレートの使い方を次のリンクからどうぞ
少し内容が変化していますが、考え方は同じです。
- ebayのモバイルフレンドリーチェッカー
- i-ways のebayテンプレートチェッカー
どちらも対応の確認済みです。
何かお気づきの点ありましたらメッセージ頂ければ助かります。
オリジナルebayテンプレートの使用でポイントとなるところ
大切なのはタイトルの記入と、Descriptionの内容をしっかり書くこと。
SEOを意識して作りました。
内容をしっかり書くことで、基本的には記載した通りにGoogleにインデックス表示されます。GTCである程度の販売数を重ねる事で、検索トップに自ストアの商品が入れると思います。
ebayのドメインは強いので、特定のクエリによっては自分の商品が検索1~3位まで独占できることを確認済みです。Descriptionにしっかり内容記載することで、意図した通りの表示にできます。
より売れる為に作れる人に依頼しましょう!
ご覧の通り、商品のことだけを書いたebayテンプレートです。
せっかくGoogleにインデックスされるならば、ストアを回遊されるように他の関連商品やクーポンへのリンクなども誘導できるようテンプレート内に掲載したいところです。