HTMLタグ作り方　①パンくずリスト、②商品説明文テンプレ

Question

いつも大変お世話になっております。
HTMLの作成方法の質問です。

HTMLの知識は全くのゼロの状態から、
ネット検索して最低限わかってきたかなというレベルです。

①パンくずリスト
以下のようにパンくずリストを作りたいのですが、
タグの作成方法を教えていただけませんでしょうか？

HOME→サンプル１→サンプル２
HOME→サンプル１→サンプル３
HOME→サンプル１→サンプル４



②商品説明文のテンプレ
こちらの商品ページのように、
PCとスマホ共通の同じHTMLで
楽天・ヤフショ・auPAYマーケットでも流用しやすい
シンプルなテンプレをつくりたいのですが、
どのように作成すればよいでしょうか
https://item.rakuten.co.jp/dondon/lxt02/


よろしくお願いいたします。

Answer

すみません、
商品説明文と販売説明文について、追記させてください。
考え方を以下のページのように、できるだけ運用方法をシンプルにできればと思います。
https://www.ikita.net/rakuten-05.html

・今の段階では複雑なタグはつかわず、
　できるだけPC・スマホと複数モールで共通で使えるHTMLにしたい。

・PC用商品説明文「HTML１」
・PC用販売説明文「HTML２」
・スマートフォン用商品説明文
　「HTML１」+「HTML２」

Answer

ECマスターズの三輪です。

いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします。

Answer

ECマスターズの三輪です。

> ①パンくずリスト
> 以下のようにパンくずリストを作りたいのですが、
> タグの作成方法を教えていただけませんでしょうか？

パンくずリストを作成される場合
ECマスターズの「パンくずリスト君(R)」
を活用していただくことをおすすめ致します。

タグで作成する必要なく、Excelで簡単に
楽天のスマートフォン向け商品ページに、
パンくずリストを登録することができます。

パンくずリスト君(R)をご利用いただくには、
以下の内容をご用意していただく必要がありますので、
ご留意ください。

・Excel 2013以降（推奨：最新版）
・楽天の商品一括編集のご契約
・楽天のWEB API情報

詳しくは、マニュアルを参照いただき
ツールをご利用いただけますと幸いです。
https://ec-masters.net/tips/show/110

> ②商品説明文のテンプレ
> こちらの商品ページのように、
> PCとスマホ共通の同じHTMLで
> 楽天・ヤフショ・auPAYマーケットでも流用しやすい
> シンプルなテンプレをつくりたいのですが、
> どのように作成すればよいでしょうか
> 考え方を以下のページのように、できるだけ運用方法をシンプルにできればと思います。
> https://www.ikita.net/rakuten-05.html

添付いただいた記事の参考に
テンプレートを作成いただければと思いますが、
具体的に表を作成されたいなどありましたら
ご教授いただけますでしょうか。

テンプレートを作成するポイントとしまして、
下記のソースコードのように
テンプレートからの編集の手間を減らすために、
画像URLの箇所をわかりやすくして、
すぐに編集できるようにしたり、

あらかじめ、改行を入れておく、
width="100%”を入れて画像の幅を指定するなどの
工夫をされることをおすすめ致します。



また、RMSのHTMLタグ辞典を参考に
基本的なHTMLタグをご活用いただければと思います。
https://navi-manual.faq.rakuten.net/service/000039531?scid=wi_man_syncsearch

なお、スマートフォン用説明文の参考HTMLのサンプルも
ございますので、こちらも参考いただけますと幸いです。
https://navi-manual.faq.rakuten.net/design/000009464?l-id=ManualLeftNavi


> ・今の段階では複雑なタグはつかわず、
>　できるだけPC・スマホと複数モールで共通で使えるHTMLにしたい。
> ・PC用商品説明文「HTML１」
> ・PC用販売説明文「HTML２」
> ・スマートフォン用商品説明文
>　「HTML１」+「HTML２」

「HTMLレベル１」「HTMLレベル２」等は
楽天のRMSにおいての
タグによって利用できない場所をレベル別に
表したものになります。

下記は「HTMLレベル２」に当てはまります。
・PC用商品説明文
・PC用販売説明文

詳しくは、マニュアルを参照いただけますと幸いです。
https://navi-manual.faq.rakuten.net/shop-setting/000044230?scid=wi_man_syncsearch

 ・スマートフォン用商品説明文
につきましては、下記は禁止タグではなく、
利用できるタグをマニュアルを参照いただけますと幸いです。
https://navi-manual.faq.rakuten.net/design/000009463?l-id=ManualLeftNavi

その他、ご不明点がありましたらお気軽にご連絡ください。

Answer

ECマスターズの三輪です。

> ①パンくずリスト
> 以下のようにパンくずリストを作りたいのですが、
> タグの作成方法を教えていただけませんでしょうか？

申し訳ありません。
先程ご案内しました「パンくずリスト君(R)」は
ゴールドプラン以上の方がご利用いただける
ツールになります。

現時点では、お手数ですが下記を参考にタグにて
パンくずリストの作成をお願いします。

HOME ＞ サンプル1 ＞ サンプル2

その他、ご不明点がありましたらお気軽にご連絡ください。

Answer

詳細についてご回答いただきありがとうございます。
理解できました。
今後ともよろしくお願いいたします。

HTMLタグ作り方 ①パンくずリスト、②商品説明文テンプレ

HTMLタグ作り方　①パンくずリスト、②商品説明文テンプレ