html - 電子商取引の HTML5 公式例

Question

新しいオンライン ショップ (magento ベース) を構築する際に、新しい HTML5 タグ<header><footer><section><article>などを利用することを検討しました。

タグの使用方法を説明しているブログやウェブサイトをたくさん読んでいますが、残念ながら、ほとんどの場合、作成者は例としてブログやニュース サイトを使用していますが、ランディング ページ、カテゴリ ページ、製品ページを備えた典型的な e コマース ショップは使用していません。

また、上記のタグをすでに使用しているショップもいくつか見つかりましたが、その方法は異なります。

したがって、HTML5タグを使用してカテゴリページや製品ページなどを構造化する方法の（おそらく公式の）例があるかどうかを誰かが知っているかどうかを知りたい.

Answer 1

多くの HTML5 タグには独自のセマンティックな意味があり、一目瞭然です。厳格なルールはありません。

<figure>画像または図用です。

<section>セクションまたはカテゴリなどのためのものです。

タグの選択を論理的にしようとする以外に、実際には標準はありません。人々がそれらをどのように使用しているかの例を見つけることができますが、より大きなスキームでは、それほど重要ではありません. 重要なのは、何が顧客を購入に駆り立て、SEO をサポートする適切な構造を持つかです。

実際に使用できるセマンティック マークアップ (Google オファーなど) を本当に使いたい場合は、代わりにマイクロ フォーマット スキーマを検討することをお勧めします。

http://schema.org/Product